To proceed, make sure that you:
- have created a CommCareHQ account
- have created a CommCareHQ project space
- are logged into CommCareHQ
In this page we'll get to know the major features of the CommCare Application Builder.Pour aller a l'avant, faire attention de
- a créé un compte CommCare
- a créé un un espace travail
- est connecté a CommCareHQ
...
| Panel | ||||
|---|---|---|---|---|
| ||||
|
Welcome to CommCareHQ!
When you log in to CommCareHQ you will notice a number of different options. We are going to focus on Application Building, but let's at least get to know what everything does!
Along the top of the screen there are several big categories or pages in your project space.
Here is what each of them does:
- Dashboard - this is the "homepage" of your CommCareHQ Project Space - from here you can quickly access saved reports, specific applications, or navigate to other parts of CommCareHQ
- Reports – this is where you view data submitted via CommCare Mobile, like worker activity reports and text message records
- Data – this is where you can download form or case data, or edit data for an ongoing project by executing tasks like moving cases from one worker to another, or updating cases through Excel
- Users– manage accounts for both mobile and web users:
- Add new mobile user accounts, define details about them like their name and phone number, and organize your users into groups
- Invite web users to join your CommCareHQ project space
- Applications – here is where we are going to be working in this tutorial- building, changing, and downloading CommCare applications
- Web Apps– Web Apps is like a website-based version of CommCare Mobile. It is useful for testing your forms and for doing data entry from a computer instead of a mobile device. Note that Web Apps for data entry is only available if you have software plan at the Pro level of higher.
- Messaging – this is a tool for sending SMS/text messages to your mobile workers
Application Builder
Once you are logged into your CommCare account and project, the first thing you will see is a blank application in the "application builder".
Take a look at the menu of your application. A number of different functions are available, described below. Feel free to click through to see what each is comprised of.
- App Preview: Allows you to move the mobile phone emulator on and off of your browser window.
- App Summary: Use this to view the contents of your entire application at-a-glance. Summaries can be viewed by form or by case. You can view app contents, and hide or unhide calculations, display conditions, or validation conditions.
- Publish: Enables you to make new versions of your application to download onto your Android device. This is accessible by clicking on the application name.
- Gear icon next to "Untitled Application": Allows you to navigate to the application's settings page, where you can enable more advanced features, languages, and multimedia.
Setting Up an Application
Now that we have a blank application, we can start building. But first, let's review what we're going to build.
Imagine that you work for an organization that coordinates a maternal and child health program in which community health workers (CHW) monitor and counsel pregnant women in their communities. When a CHW learns that a women is pregnant, she registers the woman into the program. Throughout the pregnancy, the worker visits the pregnant woman to collect data and provide counseling messages. At the end of the pregnancy, the CHW monitors the health of the newborn child as well. Currently, the program uses paper forms to support each interaction.
Using this information as a guide, let's build an app to replace the paper forms and support these workers. We will build this app step-by-step.
Let's start by giving our application a name.
1. Set the application name
...
| |
|
Bienvenue à CommCareHQ !
Lorsque vous vous connecterez à CommCareHQ, vous remarquerez un certain nombre d'options différentes. Nous allons nous concentrer sur le Développement d'applications, mais apprenons au moins à nous familiariser avec l’interface !
En haut de l'écran, il y a plusieurs grandes catégories ou pages dans votre espace de projet.
Voici les caractéristiques de chacune d'elles :
- Tableau de bord : il s'agit de la « page d’accueil » de votre Espace de projet CommCareHQ - à partir de cet emplacement, vous pouvez accéder rapidement aux rapports enregistrés, à des applications spécifiques ou naviguer vers d'autres sections de CommCareHQ
- Rapports : c'est ici que vous visionnez les données soumises via CommCare Mobile, comme les rapports d'activité des travailleurs et les enregistrements de messages texte
- Données : ici, vous pouvez télécharger des données de formulaire ou de dossier, ou modifier des données pour un projet en cours en exécutant des tâches telles que le transfert de dossiers d'un utilisateur à un autre ou la mise à jour de dossiers via Excel
- Utilisateurs : gérez les comptes pour les utilisateurs mobiles et Web :
- Ajoutez de nouveaux comptes d’utilisateurs mobiles, définissez des détails à leur sujet tels que leurs noms et numéros de téléphone, et organisez vos utilisateurs en groupes
- Invitez les internautes à rejoindre votre espace de projet CommCareHQ
- Applications : C’est dans cet espace que nous travaillerons dans ce tutoriel, à créer, modifier et télécharger des applications CommCare
- Applications Web : Web Apps s'apparente à une version Web de CommCare Mobile. Elle est utile quand il s’agit de tester vos formulaires et de saisir des données à partir d'un ordinateur au lieu d'un périphérique mobile. Notez que l’élément Applications Web pour la saisie de données n'est disponible que si vous disposez d'un plan logiciel au niveau Pro ou plus.
- Messagerie : c'est un outil pour envoyer des SMS / messages texte à vos utilisateurs mobiles
Générateur d'application
Une fois que vous êtes connecté à votre compte et projet CommCare, la première chose que vous verrez est une application vide dans le « générateur d'applications ».
Jetez un coup d'œil au menu de votre application. Un certain nombre de fonctions différentes sont disponibles et décrites ci-dessous. N'hésitez pas à cliquer pour voir de quoi chacune est composée.
- Aperçu de l'application : vous permet d'activer et de désactiver l'émulateur de téléphone mobile dans la fenêtre de votre navigateur.
- Résumé de l'application : utilisez-le pour voir le contenu d'ensemble de votre application en un clin d'œil. Les résumés peuvent être consultés par formulaire ou par dossier. Vous pouvez visionner le contenu de l'application, masquer ou afficher les calculs, ainsi que les conditions d'affichage ou les conditions de validation.
- Publier : vous permet de créer de nouvelles versions de votre application à télécharger sur votre appareil Android. Vous pouvez y accéder en cliquant sur le nom de l'application.
- L’icône engrenage à côté de « Application sans titre » : vous permet d'accéder à la page des paramètres de l'application, où vous pouvez activer des fonctionnalités plus avancées, des langues et des multimédias.
Configurer une application
Maintenant que nous avons une application vide, nous pouvons commencer à construire. Mais d'abord, passons en revue ce que nous allons construire.
Imaginez que vous travaillez pour une organisation qui coordonne un programme de santé maternelle et infantile dans lequel les agents de santé communautaires (ASC) surveillent et conseillent les femmes enceintes de leurs communautés. Lorsqu'un ASC apprend qu'une femme est enceinte, il l’inscrit au programme. Tout au long de la grossesse, l’agent rend visite à la femme enceinte pour recueillir diverses données et fournir des conseils. À la fin de la grossesse, l'ASC surveille également la santé du nouveau-né. Actuellement, le programme utilise des formulaires en version papier pour appuyer chaque interaction.
En nous servant de ces information comme guide, construisons une application pour remplacer les formulaires en version papier et soutenir ces travailleurs. Nous allons construire cette application étape par étape.
Commençons par donner un nom à notre application.
1. Définissez le nom de l'application
- A partir du menu « paramètres » de votre application, cliquez sur « Application sans titre » et tapez « Santé du Village »
- Cliquez sur la case verte pour enregistrer.
| Note | ||
|---|---|---|
| ||
In the application builder, there is always a green save button. When you make a change it becomes bright green and you will need to push it to save your changes. While building applications, it is important to keep saving, though you will always get a warning message when you try to navigate away from a page without saving changes. |
...
Next, use the "+ Add..." button to select the kind of form structure you would like to use. The options are the following:
- Survey: Select this option for a template application for one-time data collection.
- Case List: Select this option for a template case management application that allows you to track information about a specific case over time.
...
| |
Dans le générateur d'application, il y a toujours un bouton d'enregistrement vert. Lorsque vous effectuez une modification, il devient vert clair et vous devrez appuyer dessus pour enregistrer vos modifications. Lors de la création d'applications, il est important de sauvegarder constamment, même si un message d'avertissement s’affiche toujours lorsque vous essayez de quitter une page sans enregistrer les modifications. |
2. Créez un ensemble de formulaires
Ensuite, utilisez le bouton « + Ajouter ... » pour sélectionner le type de structure de formulaire que vous souhaitez utiliser. Les options sont les suivantes :
- Enquête : Sélectionnez cette option pour un modèle d’application pour la collecte de données ponctuelles.
- Liste de dossiers : Sélectionnez cette option pour un modèle d’application de gestion de dossiers qui vous permet de suivre les informations sur un dossier spécifique, au fil du temps.
En sélectionnant l’une de ces options, vous allez commencer le processus de création d'application. Pour cette application, puisque l'ASC suivra des femmes enceintes au fil du temps, sélectionnez « Liste de Dossiers », ce qui créera un formulaire « Inscription » et un formulaire « Suivi ».
| Note | ||
|---|---|---|
| ||
By clicking on "Case List," you can update the name as well as configure a number of settings. Most of these settings have to do with case management which we will cover in subsequent tutorials. For now, you can leave all of the settings as they are by default. |
...
After selecting, "Case List", you are now automatically entered into the "Register" form and can begin to add questions to your form. But don't add anything yet! We'll do this in the next module.
Remember, a form is one specific set of information within a case list. For example, our "Register" form will be used to collect registration information for a pregnant woman. We can edit our second form called "Followup" to capture information about the pregnancy during a follow-up visit.
You can edit any form in the Case List by clicking on it.
4. Add more forms
For our application, we'll need a third form to enter data about the health of the newborn child. To add another form, click on the green "+" next to the words, "Case List".
...
| |
En cliquant sur « Liste de Dossiers », vous pouvez mettre à jour le nom et configurer un certain nombre de paramètres. La plupart de ces paramètres ont trait à la gestion de dossiers, que nous aborderons dans les tutoriels suivants. Pour l'instant, vous pouvez laisser tous les paramètres en l’état, par défaut. |
3. Commencez à modifier vos formulaires
Après avoir sélectionné « Liste de dossiers », vous êtes automatiquement dirigé vers le formulaire « Inscription » et vous pouvez commencer à ajouter des questions à votre formulaire. Mais n'ajoutez rien encore ! Nous allons le faire dans le prochain module.
Rappelez-vous qu’un formulaire est un ensemble spécifique d’informations dans une liste de dossiers. Par exemple, notre formulaire « Inscription » sera utilisé pour recueillir des informations d'inscription concernant une femme enceinte. Nous pouvons modifier notre deuxième formulaire appelé « Suivi » pour saisir des informations sur la grossesse lors d’une visite de suivi.
Vous pouvez modifier n’importe quel formulaire de la Liste de dossiers en cliquant dessus.
4. Ajoutez plus de formulaires
Pour notre application, nous aurons besoin d’un troisième formulaire pour entrer des données concernant la santé du nouveau-né. Pour ajouter un autre formulaire, cliquez sur le « + » vert à côté des mots « Liste de dossiers ».
Vous êtes prêt à entamer la construction de votre premier formulaire You're ready to start building your first form! Go on to Part 3! Allez à la 3e partie!
| Panel | ||
|---|---|---|
| ||
Contenu du Tutoriel pour Debutant |