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

Effectué

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.

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

  2. Depuis l’écran d’accueil Power Apps, cliquez sur Démarrer avec des données.

  3. Cliquez sur Charger un fichier Excel.

  4. 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.)

  5. Power Apps génère alors une table basée sur les données du fichier Excel RealEstateProperties.xlsx. Notez que Power Apps l’a nommée Real Estate Property et a défini sept colonnes de données.

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

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

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

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

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

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

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

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

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

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

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

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

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

    ThisItem.Size

  18. À 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.

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

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

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

  22. L’image devrait s’afficher comme étant ajoutée à votre 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.

  23. Pour utiliser Idées Microsoft 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 la flèche en regard de l’icône Copilot qui s’affiche au-dessus du composant Prix. Sélectionnez Mise en forme du texte.

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

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

    $350,000

  25. 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"))

  26. 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 la flèche en regard de l’icône Copilot qui s’affiche au-dessus du composant Taille. Sélectionnez Mise en forme du texte.

  27. 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 idées 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.

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

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

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

  30. Avec le contexte ajouté, Idées Power Apps 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.

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

  32. Enregistrez l’application.

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