Power Lab Podcast

L’importance de la cohérence dans les applications canevas : gagnez un temps considérable avec les composants réutilisables

4 juillet 2022

Microsoft

Une application avec un design cohérent est plus conviviale et les utilisateurs l’adoptent plus volontiers. De plus, les développeurs travaillent beaucoup plus efficacement s’ils ont accès à des composants prédéfinis. En créant des applications canevas à base de composants réutilisables, vous faites donc d’une pierre deux coups ! Dans cette discussion, nous abordons plusieurs possibilités intéressantes qui vous aident à créer plus rapidement des applications cohérentes.

Découvrez-en bien davantage dans notre podcast !

Vous préféreriez écouter une discussion amusante plutôt que lire cet article de blog ? Dans ce cas, nous avons une bonne nouvelle pour vous ! Cet article de blog résume le neuvième épisode de notre série de podcasts, Power Lab Podcast. Deux de nos experts les plus sympathiques explorent chaque mois les potentialités de la plateforme et aboutissent ainsi à de nouvelles perspectives.

L’expérience de Lennert : mise à l’épreuve du Kit du créateur

Pour cet épisode, Lennert a testé le Kit du créateur de Microsoft, disponible depuis peu. Grâce à la bibliothèque de composants et d’autres utilitaires qui augmentent la productivité des développeurs, cette solution facilite considérablement la création de Power Apps.

Son verdict ? Les composants disponibles permettent de créer rapidement un écran esthétique et facile à adapter. Le Kit du créateur est notamment idéal pour créer des applications avec des vues de liste, dans une interface qui rappelle beaucoup SharePoint de par les nombreuses fonctionnalités disponibles.

Pourquoi devriez-vous maximiser la réutilisabilité des composants ?

La cohérence est un aspect essentiel d’une expérience utilisateur de haute qualité. Si vous utilisez les mêmes composants à travers plusieurs applications dans votre organisation, les utilisateurs les maîtriseront plus rapidement, puisqu’ils sauront déjà ce qu’ils doivent faire et où retrouver telle ou telle fonction. De plus, les applications partageront toutes votre style graphique. La réutilisabilité est donc un atout non négligeable pour favoriser la convivialité et l’adoption par les utilisateurs !

Le recyclage des composants est aussi très avantageux pour les développeurs. En prenant le temps de mettre au point quelques composants de base, que vous utiliserez encore et encore, vous accélérerez considérablement le développement et la configuration de vos applications.

Comment créer des composants réutilisables : plusieurs options

Écran de style

Vous pouvez ajouter un écran à part dans votre application, auquel il n’est pas possible d’accéder via la navigation de base. De cette manière, vous disposez d’un écran de style où placer la palette de couleurs de votre organisation, ainsi que tous les composants fréquemment utilisés intégrant des références à ces couleurs. Pendant le développement, il suffit alors de copier des composants de cet écran et de les coller dans l’application, références comprises. C’est une solution simple pour intégrer rapidement l’identité visuelle de votre organisation à toutes vos applications.

Bibliothèque de composants

Tout en créant des composants au sein d’une application, vous pouvez vous constituer une bibliothèque de composants pour que les développeurs puissent facilement se les partager. Et ainsi, chaque composant ne devra être mis à jour qu’à un seul endroit. Votre bibliothèque de composants devient donc votre répertoire centralisé de gestion des composants, ce qui facilite leur réutilisation à travers de multiples applications du même locataire. Vous pouvez également l’exporter pour qu’un autre locataire puisse l’importer.

Kit du créateur

Comme nous l’avons dit plus haut, vous pouvez aussi utiliser les composants inclus dans le Kit du créateur. Ce kit se présente sous la forme d’un fichier compressé gratuit à télécharger. Il contient de nombreux éléments pratiques : une application canevas où vous voyez les composants inclus à l’œuvre, une bibliothèque de composants, etc. Tous les contrôles utilisent l’infrastructure interface utilisateur Fluent et tous les composants sont adaptables. Ne manquez pas non plus de tirer parti des composants prêts à l’emploi, comme le spinner, le header ou encore l’effet elevation, qui ajoute des ombres derrière vos éléments pour conférer facilement un aspect professionnel à votre application.

PowerApps Control Framework (PCF)

Enfin, la façon la plus complexe de créer des composants réutilisables consiste à passer par PowerApps Control Framework. Ces composants pro-code sont écrits en TypeScript. Ils servent principalement à ajouter de nouvelles fonctionnalités qui n’existent pas encore dans Power Apps. Parfois, vous retrouverez de tels contrôles PCF au sein d’une communauté, ce qui vous évitera de partir de zéro : vous pouvez alors modifier le composant tiers selon vos besoins. Bien entendu, faites toujours preuve de vigilance en téléchargeant des composants développés par des tiers !

Écouter maintenant

Chaque mois, trouvez l’inspiration pour tirer le maximum de Microsoft Power Platform

Abonnez-vous via votre plateforme de podcasts préférée pour écouter et ne rater aucune émission !