Créateur d'applications Android en ligne en Français

Votre profil
Se déconnecter
Créateur d
Créateur d
Créateur d
Créateur d
Créateur d
alt_image_de_flag
Make me Droid

Publicité
Interaction utilisateur: les formulaires
Certains écrans vous offrent la possibilité de mettre en page et de personnaliser les éléments comme vous le souhaitez.

Make me Droid vous permet de non seulement d'afficher votre contenu via ces éléments (textes, images, boutons, contenants...), mais également de rendre le contenu interactif (interagir avec les utilisateurs de l'application, envoyer et recevoir).

Les formulaires sont au coeur de cette interaction, vous permettant d'envoyer du contenu, de le lister, de faire des recherches.

Voici à travers un cas concret comment utiliser ces formulaires: un système de petites annonces pour votre application Android.
Vue d'ensemble
Pour créer une version très basique d'une application de petites annonces, 3 écrans sont nécessaires:
  • Pour l'ajout d'annonces: un écran de type mise en page personnalisée.
  • Pour lister les annonces: un écran de type liste dynamique.
  • Pour afficher le détail d'une annonce: un écran de type mise en page personnalisée.

Les annonces seront envoyées grâce à des formulaires, vers le stockage en ligne de Make me Droid puis renvoyées vers les appareils mobiles sur demande.
Formulaires et actions
Un formulaire est simplement un nom donné à un élément tel que les contenants horizontaux/verticaux et tout autre élément de mise en page personnalisée capable de contenir des sous-éléments. Tous les éléments contenus dans un formulaire appartiennent à ce formulaire.

Certains éléments de mise en page, tels que les textes, les images ou les boutons, peuvent être associés à des actions. Les actions sont variées, et celle qui nous intéresse pour notre exemple est l'envoi de formulaire vers le stockage en ligne.


Voici comment créer un écran permettant d'envoyer une nouvelle annonce vers le stockage Make me Droid en ligne:
  • Créez un écran de type mise en page personnalisée et définissez le comme écran initial.
  • Cliquez au centre de ce nouvel écran pour accéder aux propriétés de ce dernier.
  • Depuis les propriétés, utilisez le bouton pour ajouter un élément de type contenant horizontal.
  • Procédez de la même manière pour ajouter 2 éléments au contenant horizontal:
    • Une saisie de texte.
    • Un bouton.
  • Sélectionnez le contenant horizontal et donnez lui comme nom de formulaire le nom MonFormulaire. Ce nom permettra par la suite de stocker, regrouper et retrouver vos données.
  • Sélectionnez l'élément saisie de texte et donnez lui pour identifiant MonAnnonce. Cet identifiant permettra d'accéder aux données lors des étapes suivantes.
  • Sélectionnez ensuite le bouton et définissez son action "clic": choisissez Envoyer un formulaire, sélectionnez MonFormulaire, puis validez en cliquant sur Utiliser. Revenez vers l'écran grâce au bouton Appliquer cette action.
L'envoi d'annonces est désormais prêt. Voici maintenant comment lister les annonces que vos utilisateurs auront saisies:
Listes dynamiques et sources de données
Lors de l'étape précédente, nous avons choisi d'envoyer les formulaires vers le stockage en ligne Make me Droid. Ceci signifie que les informations envoyées par les utilisateurs sont stockées sur internet. C'est également à partir de là que nous allons récupérer l'ensemble des formulaires qui auront été envoyés, afin d'en afficher la liste.

C'est ce que l'on appelle une source de données, car elle va nous servir à remplir certaines parties de l'écran à partir d'informations dynamiques et non manuellement saisies.

Voici les étapes pour afficher les formulaires existants à vos utilisateurs:
  • Créez un écran de type liste dynamique. Le contenu que vous obtenez par défaut représente la mise en page pour chaque élément de la future liste. La liste dynamique ajoutera ce modèle autant de fois que de formulaires envoyés par les utilisateurs, en y insérant les informations spécifiques à ce formulaire.
  • Sélectionnez l'écran que vous venez d'ajouter dans la liste des écrans. Les propriétés s'affichent et vous permettent de modifier la source de données.
  • Définissez Formulaire depuis stockage en ligne comme source de données puis sélectionnez le formulaire MonFormulaire. Nous venons de faire le lien entre les formulaires envoyés et leur liste grâce au nom de formulaire que vous avez donné lors de l'étape précédente. Validez pour revenir dans l'éditeur.
  • Les notations du type $[un_identifiant] permettent de dire à l'application que vous souhaitez remplacer ce mot-clé par le contenu réel du même nom présent dans le formulaire. Ainsi, modifiez l'un des textes existants du modèle et saisissez $[MonAnnonce].
  • Attachez maintenant cet écran à l'un des raccourcis du pied de page, pour pouvoir y accéder plus tard, l'écran par défaut de l'application étant celui qui permet d'ajouter des annonces.

Nous venons de définir 2 informations importantes lors de ces étapes: la liste dynamique obtient ses informations depuis la source de données MonFormulaire obtenue depuis le stockage de formulaires en ligne et puis, lorsque la liste s'affichera, chaque entrée de cette dernière transformera les mots-clés $[MonAnnonce] en contenu réellement saisi par l'utilisateur lors de l'envoi de formulaire.
Votre application peut d'ores et déjà être testée. Une fois installée sur un appareil, commencez par envoyer une ou plusieurs annonce(s), puis accédez à l'écran de liste des annonces pour voir le résultat.
Sources de données, suite
Si vous avez déjà testé les premières étapes dans votre application, vous vous êtes rendu compte que cliquer sur un élément de la liste des annonces n'a aucun effet. Nous voulons désormais afficher le détail d'une annonce lorsqu'un utilisateur clique sur l'une des annonces de la liste.

La source de données utilisée lors de l'étape précédente était une collection de formulaires envoyés, et chaque élément de cette collection était une collection d'informations (texte saisi, images, etc).

Lorsque l'on sélectionne un élément de la liste depuis un écran liste dynamique, ce dernier met à disposition de l'écran suivant les informations qui ont été selectionnées. Ainsi, si votre liste possède "Annonce 1" et "Annonce 2" et que vous cliquez sur "Annonce 1", l'écran suivant sera en mesure d'accéder au champ $[MonAnnonce] qui affichera Annonce 1.

Voici comment améliorer votre application pour afficher le détail d'une annonce lorsque l'utilisateur clique sur un élément de la liste:
  • Créez un nouvel écran de type mise en page personnalisée.
  • Ajoutez-y un contenant vertical, dans lequel vous pouvez ajouter 2 textes: le premier sera le titre de la page, le second affichera l'annonce.
  • Modifiez le second texte pour lui donner la valeur $[MonAnnonce].
  • Re-sélectionnez votre écran liste dynamique depuis la liste des écrans puis sélectionnez l'élément Element de liste dynamique sur le modèle.
  • Définissez l'action "clic" de cet élément, en lui faisant afficher un écran. L'écran à afficher est l'écran de détail des annonces créé au début de cette étape.
Votre système d'annonce est désormais fonctionnel! N'hésitez pas à nous contacter si vous rencontrez des difficultés lors de ces étapes.

Concentrez-vous sur la signification des formulaires, actions, sources de données, identifiants et mots-clés $[...] pour accéder aux informations, et vous serez en mesure de mettre en place une application de qualité en quelques minutes.
Mots-clés additionnels
Certains mots-clés spéciaux sont disponibles depuis presque tous les écrans de vos applications:

MOT-CLEUTILISATIONSIGNIFICATION
   
gpslat$[gpslat]Dernière latitude GPS connue (ex: 43.120482)
gpslong$[gpslong]Dernière longitude GPS connue (ex: 5.938421)