Créer des applications PowerApps responsive

Salut tout le monde et bienvenue sur Cybermatik ! Aujourd’hui, je suis super content de vous partager un nouveau tuto PowerApps, parce que, tenez-vous bien, on peut enfin créer des applications responsive ! Fini les galères à devoir créer plusieurs versions de la même app pour qu’elle fonctionne sur différents appareils. Désormais, une seule application va pouvoir s’adapter automatiquement à l’écran utilisé, que ce soit un smartphone ou un PC classique. Pas besoin de jongler entre les formats, c’est un véritable soulagement pour les utilisateurs PowerApps comme moi !

Qu’est-ce que ça change ?

Avant cette mise à jour, créer une application sur PowerApps était un peu limité : soit vous aviez un format portraitpour smartphone, soit vous deviez faire un format distinct pour ordinateur. En résumé, c’était loin d’être pratique si vous souhaitiez une application fonctionnelle sur tous les appareils sans refaire tout le boulot.

Maintenant, avec cette nouvelle version de PowerApps, tout change ! Une seule application peut s’adapter automatiquement aux différents formats d’écran sans toucher à la configuration. Ça veut dire qu’elle aura l’air parfaite aussi bien sur un petit écran de smartphone qu’en plein écran sur un ordinateur.

Passage à la pratique

On va passer à la création d’une application responsive. D’abord, il faut que vous activez la nouvelle interfacePowerApps. Si vous ne l’avez pas encore fait, c’est le moment de le faire. Une fois activé, tout se débloque pour la création d’une application adaptive.

Pour cet exemple, je vais connecter mon application à une liste SharePoint. On commence par créer une conception de page. Vous avez plusieurs options disponibles, mais nous allons choisir la galerie connectée à une table externe, et lier ça à SharePoint.

Une fois que PowerApps a fait le travail de préparation, voilà ! Vous avez un premier aperçu d’une application responsive. Ce qui est génial, c’est que peu importe la taille de votre fenêtre, l’application s’ajuste automatiquement. Si vous réduisez la fenêtre pour simuler un écran de smartphone, tout se mettra en place pour que ce soit facilement navigable. Et si vous agrandissez la fenêtre, votre interface s’étendra de manière optimisée pour l’ordinateur.

Testez différents écrans

Ce qui est aussi cool, c’est que Microsoft a ajouté une fonctionnalité pour prévisualiser votre application sur différents appareils. Vous pouvez voir à quoi elle ressemble sur un iPad, un Galaxy Tab, ou un iPhone, et même en orientation paysage ou portrait. Ça permet de valider que l’application est bien utilisable partout, sans avoir à posséder tous ces appareils physiquement.

Utilisation des containers

Ce qui rend cette app responsive, c’est l’utilisation des containers dans PowerApps. Cela permet de structurer les éléments de l’application de manière fluide et adaptive. Grâce à cela, pas besoin de se casser la tête à ajuster manuellement chaque objet à chaque taille d’écran.

Conclusion

En somme, cette mise à jour de PowerApps est vraiment une évolution incroyable pour les créateurs d’applications. Plus besoin de multiplier les versions d’une app pour les différents formats d’écran. Avec une seule application responsive, vous gagnez un temps fou !

J’espère que ce tuto vous a montré à quel point PowerApps évolue dans le bon sens. Si ça vous a plu, abonnez-vous et lâchez un pouce bleu ! C’est grâce à vous que je continue de faire ces vidéos, et de vous partager toutes les nouveautés PowerApps. Amusez-vous bien avec PowerApps, et on se dit à très bientôt pour un nouveau tuto. Ciao !

Retrouvez en détails comment faire ici et retrouvez tous mes autres tutos par là.

N’oubliez pas de vous abonner à la chaîne et de laisser un commentaire pour me dire ce que vous avez pensé de cette vidéo.

Retour en haut