Exercice : créer une application canevas avec les données d’un fichier Excel

  • 30 minutes

Dans cet exercice, vous allez créer une application mobile à l’aide de données d’un tableau Excel. Téléchargez le fichier RealEstateProperties.xlsx à utiliser dans cet exercice.

Remarque

Microsoft 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.

Créer une solution

  1. Accédez à make.powerapps.com et connectez-vous avec vos informations d’identification Power Apps.

    Remarque

    En haut de la page d’Accueil de Power Apps, vous verrez peut-être un bouton bascule Essayer la nouvelle expérience de données : assurez-vous qu’il est désactivé.

  2. Cliquez sur Solutions dans la barre de navigation gauche.

  3. Sur la page Solutions, sous Solution préférée actuelle, cliquez sur Gérer.

  4. Dans la boîte de dialogue Définir votre solution préférée, cliquez sur + Nouvelle solution.

  5. Dans la boîte de dialogue Nouvelle solution, saisissez les informations suivantes :

    • Nom d’affichage : Real Estate Solution
    • Nom : RealEstateSolution
    • Éditeur : sélectionnez un éditeur dans la liste ou créez-en un.
    • Version : 1.0.0.0

    Cliquez sur Créer.

    La solution Real Estate Solution est alors créée et renseignée dans la liste déroulante des solutions préférées. Cliquez sur Appliquer pour la définir comme solution préférée.

    Capture d’écran de la boîte de dialogue Nouvelle solution.

    Remarque

    Une solution est un conteneur vous permettant de gérer et packager des applications, flux et autres composants dans Power Platform.

    La définition d’une solution préférée est utile, car elle vous permet de sélectionner l’emplacement où vos futures mises à jour seront enregistrées afin que votre travail reste organisé.

  6. Dans la barre de navigation gauche, cliquez sur Accueil pour revenir à la page d’accueil de Power Apps.

Créer une application canevas à partir d’un fichier Excel

  1. Sur la page d’accueil de Power Apps, cliquez sur Démarrer avec des données.

  2. Sélectionnez Créer avec un fichier Excel ou .CSV.

  3. Cliquez sur le bouton Sélectionner depuis l’appareil. Accédez à l’emplacement où vous avez enregistré le fichier Excel RealEstateProperties.xlsx, puis chargez-le. (La taille maximale du fichier est de 5 Go.)

    Copilot dans Power Apps génère alors une table basée sur les données du fichier Excel RealEstateProperties.xlsx. L’application a également défini sept colonnes de données.

  4. En regard du nom de la table, cliquez sur l’icône Modifier les propriétés de la table représentant un crayon.

  5. Redéfinissez les propriétés de la table comme suit :

    • Nom d’affichage : Real Estate Property
    • Nom au pluriel : Real Estate Properties
    • Description : Cette table comporte une liste des biens à vendre.
    • Colonne principale : Address

    Développez la section Paramètres avancés et redéfinissez le nom du schéma sur realestateproperty.

  6. Cliquez sur Enregistrer.

  7. Cliquez sur le bouton Créer l’application dans le coin inférieur droit de l’écran.

    Capture d’écran de la table Real Estate Property importée affichant sept colonnes et le bouton Créer une application mis en évidence.

  8. 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 générée devrait s’afficher en mode Édition.

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

  9. Cliquez sur l’icône Données dans la barre de navigation gauche. Une table Dataverse est créée sur la base du fichier Excel RealEstateProperties.xlsx.

    Capture d’écran de l’icône Données dans la barre de navigation gauche.

  10. Cliquez sur l’icône Arborescence pour revenir à l’Arborescence.

    Capture d’écran de l’icône Arborescence dans la barre de navigation gauche.

  11. Sur l’écran principal de l’application, sélectionnez la galerie qui affiche les détails de Real Estate Properties, puis cliquez sur la sous-section RecordsGallery1 dans l’Arborescence pour la développer.

    Capture d’écran de la galerie affichant les détails de Real Estate Property.

  12. Cliquez sur les points de suspension (…) en regard de l’option NextArrow, puis supprimez-la.

    Capture d’écran illustrant l’action Supprimer l’option NextArrow.

  13. Cliquez sur RecordsGallery1, puis sur le bouton Modifier pour mettre la galerie en mode Édition.

    Capture d’écran illustrant le bouton Modifier permettant de mettre la galerie en mode Édition.

  14. Réduisez la largeur et déplacez la position du composant Titre, afin qu’il se trouve vers le côté droit de la cellule du modèle.

    Capture d’écran illustrant l’action d’ajustement de la taille et de la position du composant Titre.

    Les autres composants devraient être repositionnés en même temps que le composant Titre. Sinon, déplacez-les jusqu’à ce qu’ils ressemblent à la capture d’écran précédente.

  15. Vérifiez que la galerie est toujours en mode Édition. Sélectionnez le composant Titre.

  16. Vérifiez que la propriété Text du composant Titre est définie sur la formule suivante :

    ThisItem.Address

    Capture d’écran de la propriété Text dans la barre de formule.

  17. Sélectionnez le composant Sous-titre dans la galerie.

  18. Définissez la propriété Text du composant Sous-titre sur la formule suivante :

    ThisItem.Size

  19. À l’aide de la barre d’outils dans la partie supérieure de la page, redéfinissez la propriété Size sur 13.

    Capture d’écran de la propriété Size redéfinie sur 13 dans la barre d’outils.

  20. Sélectionnez le composant Corps dans la galerie.

  21. Définissez la propriété Text du composant Corps sur la formule suivante :

    ThisItem.Price

    Votre galerie devrait maintenant ressembler à la capture d’écran suivante :

    Capture d’écran de la galerie Real Estate Properties correctement mise en forme.

  22. Une fois le premier élément de RecordsGallery1 sélectionné, cliquez sur Insérer, recherchez Image, puis sélectionnez le composant Image. Une image est alors ajoutée à la galerie.

  23. L’image devrait s’afficher dans toutes les cellules de la galerie. Repositionnez et redimensionnez l’image afin qu’elle soit au centre de chaque cellule de la galerie.

    Capture d’écran de l’image centrée dans la galerie.

Générer des formules Power Fx à l’aide de Copilot

  1. Pour générer des formules Power Fx avec Copilot dans Power Apps, vérifiez que la galerie est toujours en mode Édition. Sélectionnez le corps de la galerie qui comporte le prix. Cliquez sur Copilot, puis sélectionnez Mise en forme du texte.

    Capture d’écran de la galerie avec le composant Prix sélectionné.

  2. Saisissez la valeur suivante pour Format souhaité et appuyez sur la touche Entrée de votre clavier.

    $350,000

  3. Sélectionnez la formule générée, puis cliquez sur Appliquer.

    Remarque

    Avec l’aide de Copilot, l’exemple de valeur ($350,000) que vous avez saisi a généré la formule suivante, qui s’affiche désormais dans la barre de formule du contrôle de galerie Prix :

    (Text(ThisItem.Price, "$#,##0", "en-US"))

  4. Effectuez les mêmes étapes pour le contrôle Taille dans le sous-titre de la galerie. Vérifiez que la galerie est en mode Édition. Sélectionnez le sous-titre qui comporte la taille. Cliquez sur Copilot, puis sélectionnez Mise en forme du texte.

  5. Saisissez la valeur suivante dans le champ Format souhaité :

    Size: 1,800 sq ft

    Appuyez sur la touche Entrée du clavier.

    Vous remarquerez peut-être que la section des suggestions est vide. La cause peut être un manque d’informations ou de contexte requis pour générer une formule.

    Capture d’écran d’une formule vide.

  6. La section des idées étant vide, vous allez ajouter d’autres exemples. Cliquez sur + Ajouter des exemples au moins deux fois supplémentaires.

    Capture d’écran du bouton Ajouter des exemples dans Idées Power Apps.

  7. Sélectionnez deux formats actuels, puis fournissez deux formats souhaités correspondants.

    Capture d’écran des options Format actuel correspondant aux options Format souhaité.

  8. Avec le contexte ajouté, l’IA de Copilot génère une formule adaptée pour vous, comme illustré dans l’image suivante :

    Capture d’écran de la formule générée par Idées Power Apps.

  9. Sélectionnez la formule générée, puis cliquez sur Appliquer.

    Votre galerie devrait ressembler à l’image suivante :

    Capture d’écran de la galerie mise en forme.

  10. Enregistrez l’application.

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

    Capture d’écran du bouton Précédent permettant de quitter l’application.