GSP883

Présentation

Cet atelier vous permet de découvrir la plate-forme AppSheet, avec laquelle vous pouvez créer rapidement des applications.

Vous allez utiliser AppSheet pour concevoir une application de base permettant de créer et de gérer vos contacts personnels. Pour commencer, il vous suffit de vous connecter à une feuille de calcul simple qui fera office de source de données, puis de créer des vues pour lire et mettre à jour les coordonnées via l'application.

Objectifs de l'atelier

Dans cet atelier, vous allez réaliser les tâches suivantes :

• Vous connecter à AppSheet à l'aide de votre compte Google
• Créer une application depuis l'UI d'AppSheet en partant d'une feuille de calcul Google Sheets faisant office de source de données
• Prévisualiser les fonctionnalités de l'application à l'aide de l'aperçu en direct disponible dans l'UI d'AppSheet
• Modifier des coordonnées existantes à l'aide de l'application
• Ajouter les coordonnées d'une nouvelle personne à l'aide de l'application
• Vérifier que des données qui viennent d'être ajoutées et modifiées sont présentes dans la feuille de calcul Google Sheets sous-jacente

Préparation

Avant de cliquer sur le bouton "Démarrer l'atelier"

Lisez ces instructions. Les ateliers sont minutés, et vous ne pouvez pas les mettre en pause. Le minuteur, qui démarre lorsque vous cliquez sur Démarrer l'atelier, indique combien de temps les ressources de l'atelier resteront accessibles.

Cet atelier pratique vous permet de suivre les activités dans un véritable environnement cloud, et non dans un environnement de simulation ou de démonstration. Des identifiants temporaires vous sont fournis pour vous permettre de vous connecter à AppSheet le temps de l'atelier.

Ce dont vous avez besoin

Pour réaliser cet atelier, vous devez :

• avoir accès à un navigateur Internet standard (nous vous recommandons d'utiliser Chrome) ;
• disposer de suffisamment de temps pour effectuer l'atelier en une fois.

Remarque : Ouvrez une fenêtre de navigateur en mode incognito/navigation privée pour effectuer cet atelier. Vous éviterez ainsi les conflits entre votre compte personnel et le compte temporaire de participant.

Démarrer votre atelier et vous connecter à AppSheet

1. Lorsque vous êtes prêt, cliquez sur Démarrer l'atelier.

   Le volet "Détails concernant l'atelier" s'affiche avec les identifiants temporaires que vous devez utiliser pour vous connecter à AppSheet pour cet atelier.

   Si l'atelier est payant, une boîte de dialogue s'affiche pour vous permettre de sélectionner un mode de paiement.

   Remarque : Si vous utilisez d'autres identifiants, des messages d'erreur s'afficheront ou des frais seront appliqués.

2. Cliquez sur Ouvrir AppSheet.

   L'atelier lance les ressources, puis ouvre la page "Se connecter" dans un nouvel onglet.

   Conseil : Réorganisez les onglets dans des fenêtres distinctes, placées côte à côte.

3. Connectez-vous avec Google.

4. Si nécessaire, copiez le nom d'utilisateur ci-dessous et collez-le dans la boîte de dialogue Se connecter.

   {{{user_0.username | "Username"}}}

5. Cliquez sur Suivant.

6. Copiez le mot de passe ci-dessous et collez-le dans la boîte de dialogue Bienvenue.

   {{{user_0.password | "Password"}}}

7. Cliquez sur Suivant.

8. Cliquez sur J'ai compris pour accepter les conditions.

9. Cliquez sur Continuer pour accepter les règles et les conditions d'utilisation de Google AppSheet.

10. Sur la page d'autorisation d'AppSheet, cliquez sur Autoriser. AppSheet peut ainsi accéder aux dossiers Google Drive associés à votre compte Google Cloud Skills Boost.

11. Vous êtes maintenant connecté à AppSheet.

    Si nécessaire, fermez la boîte de dialogue Mieux vous connaître pour faire de meilleures recommandations pour afficher la page "Mes applications" d'AppSheet.

    La page est vide, car vous n'avez encore aucune application.

Tâche 1 : Créer votre première application AppSheet

Trois options s'offrent à vous pour créer votre application à l'aide d'AppSheet :

• Vous connecter à une source de données
• Partir de zéro avec une idée
• Utiliser un modèle

Dans cette tâche, vous allez créer une application en vous connectant à une source de données depuis l'UI d'AppSheet. La feuille de calcul enregistrée dans Drive à la tâche précédente va servir de source de données pour cette application.

Créer l'application

1. Ouvrez l'UI d'AppSheet dans un autre onglet de votre navigateur.

2. Sur la page My Apps (Mes applications), cliquez sur Create (Créer) > App (Application) > Start with existing data (Commencer avec des données existantes).

3. Dans le champ App name (Nom de l'application), saisissez Contacts clients pour nommer votre application.

4. Pour le champ Category (Catégorie), sélectionnez Customer Engagement (Engagement client) dans la liste.

5. Cliquez sur Choose your data (Choisir vos données).

Sélectionner des données pour votre application

7. Dans la boîte de dialogue "Select data source" (Sélectionner une source de données), sélectionnez Google Sheets.

8. Dans le sélecteur de fichiers, sélectionnez les contacts dans le dossier "Mon Drive" sur Google Drive, puis cliquez sur Sélectionner. Cette feuille a été provisionnée pour l'atelier.

9. Cliquez sur Customize with AppSheet (Personnaliser avec AppSheet) pour accéder à l'éditeur AppSheet.

AppSheet crée l'application et l'affiche dans l'UI de l'éditeur AppSheet. L'interface utilisateur fournit également un aperçu de l'application fonctionnant dans un émulateur que vous pouvez utiliser pour exécuter certaines des fonctions de l'application.

Cliquez sur Vérifier ma progression pour valider l'objectif. Créer votre première application AppSheet

Tâche 2 : Prévisualiser l'application

AppSheet a créé votre application et l'a connectée à la feuille de calcul contacts qui lui fournit des données. L'application de contacts est une application prototype fonctionnelle, dotée d'une fonction d'aperçu en direct, et connectée à la feuille de contacts enregistrée dans Google Drive.

L'éditeur AppSheet comprend trois zones principales :

• Barre de navigation : la barre de navigation de gauche permet d'implémenter les fonctionnalités de l'application, y compris ses connexions et son schéma de sources de données, l'expérience utilisateur et d'autres comportements. Certains de ces sujets seront abordés dans les ateliers de ce cours.

• Panneau principal : le panneau principal de l'éditeur AppSheet est l'endroit où vous configurez les paramètres de l'application pour implémenter ses fonctionnalités, en fonction de l'option que vous sélectionnez dans la barre de navigation de gauche.

• Aperçu en direct de l'application : c'est ici que vous visualisez et testez les modifications apportées aux fonctionnalités de votre application lorsque vous les concevez et les implémentez.

Dans cette tâche, vous allez utiliser l'aperçu en direct pour explorer les fonctions de base de l'application de contacts.

Afficher les coordonnées

1. Dans l'aperçu en direct, faites défiler la liste des contacts qui s'affichent dans l'application.

   AppSheet trie automatiquement les données par prénom et nom.

2. Cliquez sur le nom de n'importe quel contact.

   L'application affiche en détail les informations concernant ce contact, y compris son adresse e-mail et son numéro de téléphone.

   Ces données ont été automatiquement chargées à partir de la feuille de calcul Google Sheets.

Tâche 3 : Modifier les coordonnées

1. Cliquez sur l'icône en forme de crayon  pour modifier les coordonnées du contact que vous avez sélectionné.

2. Modifiez le prénom et le numéro de téléphone du contact et cliquez sur Save (Enregistrer).

3. Vérifiez que le prénom et le numéro de téléphone sont mis à jour sur la page des coordonnées de l'application.

4. Cliquez sur la flèche de retour  pour revenir à la liste des contacts.

5. Vérifiez que le prénom mis à jour s'affiche sur la page de la liste des contacts.

Tâche 5 : Ajouter un contact

1. Sur la page de la liste des contacts dans l'aperçu de l'application en direct, cliquez sur l'icône + pour ajouter un contact.

2. Dans le formulaire de contact, spécifiez les paramètres suivant :

Propriété	Valeur
ID	51
Email Address (Adresse e-mail)	[email protected]
First Name (Prénom)	Test
Last Name (Nom)	Contact
Phone (Numéro de téléphone)	1-100-234567

Remarque : [email protected] doit figurer dans le formulaire. Vous pouvez également saisir d'autres contacts.

3. Cliquez sur Enregistrer.

4. Sur la page de la liste des contacts de l'application, cliquez sur l'icône de recherche en forme de loupe.

5. Dans le champ de recherche, saisissez le prénom ou le nom du contact ajouté à l'étape précédente.

   Remarque : Vous pouvez aussi effectuer une recherche par adresse e-mail ou par numéro de téléphone.

6. La liste est filtrée afin de n'afficher que les résultats correspondant aux critères de recherche.

7. Cliquez sur le contact test pour consulter les détails du contact et vérifier les informations qui s'affichent.

Cliquez sur Vérifier ma progression pour valider l'objectif. Ajouter un contact

Tâche 6 : Synchroniser les données de l'application

Toutes les modifications apportées à la tâche précédente ont été effectuées en local dans l'application. Ces modifications sont automatiquement synchronisées avec la source de données sous-jacente utilisée par l'application.

Cependant, il arrive parfois que toutes les modifications ne soient pas immédiatement synchronisées avec la source de données.

Dans cette tâche, vous allez synchroniser les modifications apportées aux données de la feuille de calcul Google Sheets utilisée par l'application et vérifier ces modifications dans Google Drive.

Synchroniser les modifications des données de votre application

1. L'aperçu en direct de l'application affiche, au-dessus de l'icône de synchronisation , le nombre actuel de modifications des données apportées à l'application depuis la dernière synchronisation.

   Vérifiez que le nombre affiché correspond aux modifications apportées dans l'application à la tâche précédente.

   Remarque : Si aucun nombre ne s'affiche, cela signifie que toutes les modifications des données effectuées dans l'application ont déjà été synchronisées.

2. Cliquez sur sync  pour synchroniser les modifications avec la feuille de calcul Google Sheets dans Google Drive.

Tâche 7 : Vérifier les modifications des données

1. Dans un nouvel onglet du navigateur, ouvrez Mon Drive.

2. Ouvrez la feuille contacts.

3. Faites défiler vers la page jusqu'au bas de la liste pour trouver le nouveau contact qui a été ajouté via l'application.

4. Une fois dans la feuille, appuyez sur Ctrl+F ou Commande+F pour rechercher le contact qui a été modifié via l'application, et vérifiez que le prénom et le numéro de téléphone ont été mis à jour.

Félicitations !

Vous venez de créer votre première application avec AppSheet. Dans cet atelier, vous avez appris à :

• créer une application depuis l'UI d'AppSheet ;
• configurer l'application à l'aide des données d'une feuille de calcul enregistrée dans Google Drive ;
• utiliser l'aperçu en direct pour modifier les données qui s'affichent dans l'application ;
• vérifier que les modifications des données effectuées via l'application ont été conservées dans la source de données sous-jacente (feuille de calcul enregistrée dans Google Drive).

Étapes suivantes et informations supplémentaires

Cet atelier fait partie d'une série appelée "Qwik Starts". Les ateliers de cette série vous permettront de vous familiariser avec les nombreuses fonctionnalités proposées par Google Cloud. Pour suivre un autre atelier, recherchez "Qwik Starts" dans le catalogue.

• Centre de formation Google Workspace

Formations et certifications Google Cloud

Les formations et certifications Google Cloud vous aident à tirer pleinement parti des technologies Google Cloud. Nos cours portent sur les compétences techniques et les bonnes pratiques à suivre pour être rapidement opérationnel et poursuivre votre apprentissage. Nous proposons des formations pour tous les niveaux, à la demande, en salle et à distance, pour nous adapter aux emplois du temps de chacun. Les certifications vous permettent de valider et de démontrer vos compétences et votre expérience en matière de technologies Google Cloud.

Dernière mise à jour du manuel : 9 juin 2025

Dernier test de l'atelier : 9 juin 2025

Copyright 2025 Google LLC. Tous droits réservés. Google et le logo Google sont des marques de Google LLC. Tous les autres noms d'entreprises et de produits peuvent être des marques des entreprises auxquelles ils sont associés.