Exercice : créer une application canevas avec Copilot dans Power Apps

Effectué

Dans cet exercice, vous allez créer une application mobile à l’aide de Copilot dans Power Apps. Les agents de terrain vont parcourir l’inventaire immobilier et gérer les rendez-vous pour les visites à l’aide de cette application, et les données seront stockées dans Dataverse.

Remarque

Power Apps requiert une licence Microsoft 365 ou une version d’évaluation gratuite. Découvrez plus en détail vos options de licence. Les produits Microsoft comprennent Power Apps et Power Automate.

Remarque

Dans ce labo, vos résultats pour les données peuvent différer de ceux présentés dans les captures d’écran et les images. En effet, Power Apps génère des données pour le labo à l’aide d’OpenAI et ces données changent quotidiennement.

  1. Sur la page d’accueil de Power Apps, dans le champ de texte au centre, saisissez l’invite suivante pour rechercher une table générée par l’IA :

    build an app to manage real estate showings

    Cliquez sur le bouton Envoyer.

    Capture d’écran du champ de texte d’invite de Copilot dans Power Apps.

  2. Une fois que l’IA de Copilot a généré une table sur la base de votre invite, parcourez-la pour afficher les colonnes créées pour le début de votre table.

    Capture d’écran illustrant une table générée sur la base de votre invite.

    Vos prochaines étapes consistent à modifier et effectuer un ajout à la table déjà générée.

  3. Dans la zone de texte, dans la partie inférieure du volet Copilot sur le côté droit de l’écran, saisissez le texte suivant :

    add a column to track client full name

    Cliquez sur le bouton Envoyer.

    Copilot vous informe que la table est mise à jour et que la nouvelle colonne devrait s’afficher comme étant ajoutée à la table.

    Capture d’écran de la conversation instantanée Copilot confirmant que la table est mise à jour et que la nouvelle colonne s’affiche dans la table.

  4. Saisissez le texte suivant dans la conversation instantanée :

    add a column to track client email

    Cliquez sur le bouton Envoyer.

    Une nouvelle colonne est alors ajoutée à la table et affiche l’adresse e-mail du client.

    Capture d’écran de la colonne Adresse e-mail client venant d’être générée.

    Remarque

    Les données générées dans votre table peuvent différer des données s’affichant dans la table illustrée dans les captures d’écran de ce labo.

    Remarque

    La section Suggestions dans le coin inférieur gauche de l’écran vous propose différentes suggestions sur la façon dont vous pouvez modifier et effectuer un ajout à votre table.

    Capture d’écran illustrant une liste de suggestions à demander à Copilot.

    Sur le côté droit de l’écran, il semble que vous ayez une conversation avec un bot optimisé par l’IA de Copilot lorsque vous apportez des modifications ou ajouts à votre table. Dans cette zone, vous pouvez parcourir et consulter les modifications ou ajouts que vous avez apporté(e)s à votre table.

    Capture d’écran illustrant l’historique de la conversation Copilot.

  5. Modifiez la colonne Statut de la table. Dans la zone de texte du volet Copilot, saisissez le texte suivant, puis envoyez-le :

    add an option for “Completed” to the Status column

    Le chargement peut prendre jusqu’à une minute. Une fois le chargement effectué, la colonne Statut s’affiche comme mise à jour et comprend l’option Terminée.

  6. Cliquez sur le menu déroulant du nom de colonne Statut, puis sélectionnez Afficher la colonne, où vous pouvez afficher les propriétés de la colonne et les détails et données sur le statut actuel.

    Capture d’écran des propriétés de la colonne Statut avec les choix mis à jour.

    Remarque

    Si vos choix de colonne ne sont pas les mêmes que ceux s’affichant dans la capture d’écran, saisissez la commande suivante dans la zone de texte du volet Copilot, puis envoyez-la :

    the status choices should be Pending, Confirmed, Cancelled, and Completed

    Cliquez sur le X dans le coin supérieur droit du volet pour le fermer.

    Ensuite, vous allez ajouter d’autres données à votre table et aux colonnes existantes.

  7. Dans la zone de texte du volet Copilot, saisissez et envoyez le texte suivant :

    add 5 more rows of data

    Cinq autres lignes de données sont ajoutées pour chaque colonne existante de la table.

    Capture d’écran de la table Real Estate Showings illustrant cinq lignes de données ajoutées.

    Votre table devrait avoir plusieurs colonnes. Cependant, pour continuer à suivre les modules de ce parcours d’apprentissage, essayez de supprimer certaines colonnes que vous n’utiliserez pas.

    Voici la liste des colonnes dont vous avez besoin :

    • ID
    • Adresse
    • Date
    • Heure
    • Statut
    • Nom de l’agent
    • Nom complet du client
    • Adresse e-mail du client

    Ajustez votre table à l’aide de ce que vous avez découvert avec la fenêtre Conversation instantanée Copilot, afin qu’elle corresponde à la liste précédente. Veillez à consulter la section Suggestions si vous devez supprimer une colonne, modifier un nom de colonne ou ajouter une colonne.

  8. Pour créer l’application, cliquez sur le bouton Créer l’application dans le coin inférieur droit de l’écran.

    Capture d’écran du bouton Créer l’application dans le coin inférieur droit de l’écran.

  9. Lorsque l’application se charge pour la première fois, une boîte de dialogue peut s’afficher pour indiquer : Bienvenue dans Power Apps Studio. Si tel est le cas, cliquez sur le bouton Ignorer.

    L’application créée pour vous devrait s’afficher en mode Édition.

    Capture d’écran de l’application générée dans Power Apps Studio.

  10. Cliquez sur l’icône Données dans la barre de navigation gauche. Copilot a créé une table Dataverse s’affichant désormais dans la section Environnements.

    Capture d’écran de la table Dataverse nommée Real Estate Showings dans le volet Données de Power Apps Studio.

    Remarque

    À l’heure actuelle, Copilot est pris en charge uniquement pour Dataverse. Vous ne pouvez utiliser aucun autre point d’accès aux données pour le moment.

    Ensuite, vous allez modifier la table maintenant que l’application a été créée.

  11. Dans le volet Données, passez le curseur de votre souris sur la table. À droite du nom de la table, cliquez sur les points de suspension ().

  12. Dans le menu, sélectionnez Modifier les données.

    Capture d’écran illustrant la sélection de l’option Modifier les données.

  13. Dans la boîte de dialogue Modifier la table, vous pouvez ajouter vos propres colonnes à la table ou modifier des colonnes existantes.

    Capture d’écran de la boîte de dialogue Modifier la table avec les données de la table Real Estate Showings.

  14. Cliquez sur l’en-tête de colonne ID dans la table.

  15. Dans le menu déroulant, sélectionnez l’option Modifier la colonne.

    Capture d’écran illustrant la sélection de l’option Modifier la colonne dans la boîte de dialogue Modifier la table.

  16. Dans cet exemple, vous ne souhaitez pas que le Type de données soit Une seule ligne de texte. Pour modifier cette valeur, accédez au volet Modifier la colonne, puis sélectionnez NuméroAuto dans le menu déroulant Type de données.

  17. Cliquez sur Enregistrer.

    Capture d’écran mettant en évidence le champ Type de données redéfini sur NuméroAuto et le bouton Enregistrer.

  18. Cliquez sur le bouton Fermer dans le coin inférieur droit de la boîte de dialogue Modifier la table.

    La table devrait maintenant s’afficher comme Actualisée dans le volet Données.

    Capture d’écran montrant que la table Real Estate Showings a été actualisée.

  19. Modifiez la galerie dans l’application afin qu’elle affiche les données pertinentes. Cliquez sur l’icône Arborescence pour revenir à l’Arborescence.

  20. Sur l’écran principal de l’application, cliquez sur RecordsGallery1 pour afficher Real Estate Showings, puis sur le bouton Modifier pour passer la galerie en mode Édition.

  21. Sélectionnez le composant Titre, puis définissez la propriété Text sur la formule suivante :

    ThisItem.Address

  22. Sélectionnez le composant Sous-titre, puis définissez la propriété Text sur la formule suivante :

    ThisItem.'Client Email'

  23. Sélectionnez le composant Corps, puis définissez la propriété Text sur la formule suivante :

    ThisItem.Status

    Un seul enregistrement dans la galerie devrait à présent ressembler à l’image suivante :

    Capture d’écran d’un seul enregistrement dans la galerie Real Estate Showings.

  24. Sur l’écran principal de l’application, sélectionnez le contrôle Formulaire.

    Capture d’écran du contrôle Formulaire sélectionné sur l’écran principal de l’application.

  25. Dans le volet Propriétés à droite, cliquez sur Modifier les champs sous la propriété Champs.

    Capture d’écran illustrant le bouton Modifier les champs dans le volet Propriétés.

  26. Dans le volet Champs, développez le champ ID.

  27. Dans le menu déroulant Type de contrôle, redéfinissez le type sur Afficher le texte.

    Capture d’écran illustrant la redéfinition du paramètre Type de contrôle du champ ID sur Afficher le texte.

    Comme vous avez précédemment redéfini le type de données du champ ID sur NuméroAuto, vous ne souhaitez pas que les utilisateurs saisissent leur propre numéro : Dataverse saisit automatiquement un numéro pour vous.

  28. Dans le volet Champs, cliquez sur le X dans le coin supérieur droit pour fermer le volet.

  29. Effectuez une nouvelle demande pour une propriété qui s’affiche dans l’application en cliquant sur le bouton Lire dans la partie supérieure de l’écran.

    Capture d’écran du bouton Lire dans Power Apps Studio.

  30. Dans le volet gauche, cliquez sur le bouton + Nouveau.

    Capture d’écran mettant en évidence le bouton + Nouveau permettant d’ajouter un enregistrement dans Power Apps Studio.

  31. Bien que vous puissiez modifier le formulaire pour renseigner automatiquement les champs à votre place, dans ce labo, vous allez effectuer cette étape manuellement pour observer le fonctionnement de l’application.

    Renseignez les champs avec les informations suivantes :

    • Nom de l’agent : < Votre nom >
    • Nom complet du client : < Votre nom >
    • Adresse e-mail du client : < Votre adresse e-mail >
    • Date : < Toute date future >
    • Heure : < Toute heure future >
    • Statut : Pending
    • Adresse : 210 Pine Road, Portland, OR 97204

    Remarque

    Cette adresse est l’une de celles qui figurent dans le fichier Microsoft Excel du module 1. Il s’agit du fichier que vous avez chargé et transformé en table Real Estate Properties.

    Même si vous disposez généralement d’un champ de recherche dans la table Real Estate Properties, ce labo n’en fournit pas un pour faire dans la simplicité.

  32. Cliquez sur le bouton en forme de coche dans le coin supérieur droit de l’écran.

    Capture d’écran du formulaire rempli illustrant la coche sur laquelle vous cliquez pour enregistrer vos modifications.

  33. Cliquez sur le X dans le coin supérieur droit pour fermer l’application.

    Si une boîte de dialogue s’affiche pour indiquer : Le saviez-vous ?, cliquez sur OK.

    La nouvelle demande est alors ajoutée à gauche de la liste des demandes.

  34. Dans la partie supérieure de votre écran, cliquez sur le bouton Enregistrer pour enregistrer l’application que vous avez créée.

    Capture d’écran du bouton Enregistrer dans Power Apps Studio.

    Si le système vous y invite, enregistrez le nom de l’application sous Real Estate Showings.

  35. Quittez l’application pour revenir à la page d’accueil de Power Apps.