Premiers pas avec Dropsource

Initialisation d’une application et API Google Places

Cet exemple a simplement pour but de vous présenter Dropsource à travers un exemple pédagogique. L’idée est juste de créer une application Android dont la première page permet d’effectuer une recherche auprès de l’API Google Places.

Dropsource permet de créer des applications natives “clientes”, c’est à dire qu’elles s’exécutent sur le téléphone de l’utilisateur directement. Il n’y a pas de serveur (i.e. “backend”) qui lui soit associé pour fournir des données à l’application. Pour cette raison, on doit faire appel à des APIs externes. Dans notre exemple, cela sera une API fournie par Google. Mais il est également possible de créer un backend avec Bubble par exemple.


Les étapes

  • Création de l’application dans Dropsource
  • Création de la première page et configuration du titre
  • Ajout d’un label texte
  • Ajout d’un champ d’entrée texte qui va permettre à l’utilisateur de saisir sa recherche
  • Ajout d’un bouton qui lance la recherche
  • Mise en en place d’un élément “Dynamic list” qui va permettre d’afficher les résultats de recherche
  • Ne pas oublier le champ “Dynamic list tile” qui correspond à un item type de la liste qui va se répéter. C’est dans cette element qu’on va mettre les informations à afficher pour chaque lieu
  • Pour rester simple, le seul élément qu’on va afficher est le nom du lieu donc on ajoute un élément texte dans la “Dynamic list tile”
  • La partie visuelle est terminée, on passe à la programmation ! 🙂
  • En premier lieu, il faut ajouter l’API Google Places à notre projet en se rendant dans l’onglet API du panneau de droite.
  • Une fois l’API ajoutée, on va créer notre “requête”, c’est à dire l’interrogation de la base de données fournies par Google. Dans ce paramétrage, on lie le champ texte entrée de l’utilisateur comme “query” et on associe la réponse à la liste dynamique
  • Dernière étape, ajouter un workflow lorsque l’utilisateur appuie sur le bouton pour que la requête soit déclenchée.
  • Enjoy 🙂

Ressources supplémentaires

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *