Générer une page à l’aide du langage naturel

Utilisez le langage naturel pour créer une page générative avec l’IA. Les pages génératives sont une expérience pilotée par l’IA conçue pour simplifier, accélérer et améliorer votre processus de conception d’application dans les applications pilotées par modèle. En interagissant avec l’assistant d’application, vous créez des pages entièrement fonctionnelles dans vos applications pilotées par modèle en décrivant ce dont vous avez besoin en langage naturel et en spécifiant les tables Microsoft Dataverse à référencer. Vous pouvez même joindre une image de ce à quoi vous souhaitez que la page ressemble.

Une fois que vous avez décrit la page, le système traite vos exigences et spécifications et génère intelligemment du code React qui couvre à la fois l’expérience utilisateur frontale en sélectionnant les bons composants et en déterminant la meilleure disposition, ainsi que la logique métier correspondante. Grâce à une expérience interactive et conversationnelle, vous pouvez affiner la conception de la page en temps réel en ajustant les éléments, la disposition et la fonctionnalité pour qu’ils correspondent parfaitement à votre vision.

Configuration requise

• L’environnement Power Platform doit être situé dans la région des États-Unis. Cette fonctionnalité n’est pas encore disponible dans d’autres régions.

Créer une page générative dans les applications pilotées par modèle

1. Connectez-vous à Power Apps.

2. Ouvrez une application pilotée par modèle pour modification.

3. Dans le concepteur d’applications, sélectionnez Ajouter une page>Décrire une page.

   Une expérience de page générative pleine page s’ouvre.

4. Dans la zone de texte, tapez une description du type de page que vous souhaitez créer. La description doit inclure les exigences fonctionnelles et, éventuellement, les spécifications de l’expérience utilisateur. Par exemple, vous pouvez entrer Créez une page affichant les enregistrements de compte sous forme de galerie de cartes en utilisant une apparence moderne. Incluez le nom, l’image de l’entité en haut, ainsi que le site web, l’adresse e-mail et le numéro de téléphone. Rendez la galerie déroulante en utilisant les données de la table Compte.

5. Ajoutez des tables et des images, le cas échéant, en sélectionnant Ajouter des données>Ajouter une table. Vous pouvez lier jusqu’à six tables Dataverse. Dans la capture d’écran, la table des comptes est ajoutée.

6. Vous pouvez éventuellement charger une image pour guider l’interface utilisateur de votre page générée en sélectionnant Ajouter des données>Joindre une image. Il peut s’agir d’un croquis de serviette de table ou d’une image de plus haute résolution.

7. Choisissez éventuellement le modèle IA que vous souhaitez utiliser pour générer la page.

8. Lorsque vous avez terminé de décrire la page, sélectionnez Générer la page.

L’agent lance un processus de génération en plusieurs étapes que vous pouvez observer en temps réel :

• Diffusion en continu de ses pensées : l’assistant décrit d’abord son interprétation de votre invite, en énumérant les exigences, les hypothèses et un plan d’exécution.
• Génération de code : ensuite, il écrit le code sous-jacent de votre page en fonction du plan.
• Transpilation : le code généré est ensuite transpilé pour garantir la compatibilité et le rendu approprié.
• Rendu final : Enfin, l’expérience utilisateur terminée s’affiche.

Si l’expérience utilisateur n’est pas affichée à la fin de ce processus, vous pouvez l’afficher en sélectionnant l’onglet Aperçu .

Visualiser le code généré, itérer et publier

Après avoir généré votre page, vous avez plusieurs options pour affiner et finaliser celle-ci :

1. Afficher et modifier le code généré Sélectionnez l’onglet Code pour afficher le code généré par l’agent d’application.

   Vous pouvez affiner la sortie de deux manières :

   • Discutez de manière itérative avec l’agent d’application pour corriger les erreurs, ajuster la disposition ou ajouter des fonctionnalités.
   • Modifiez manuellement le code en sélectionnant Modifier sous l’onglet Code. Après avoir apporté des modifications, vous pouvez sélectionner Enregistrer pour valider vos modifications en tant qu’itération nouvelle ou Annuler pour ignorer vos modifications.

2. Comparer les itérations Après avoir effectué deux itérations ou plus avec l’agent, vous pouvez sélectionner Comparer sous l’onglet Code pour afficher un écart de code entre l’itération actuelle et précédente.

   Note

   Cette fonctionnalité est actuellement disponible uniquement à partir de la deuxième itération dans la session en cours.

3. Joindre une capture d’écran pour obtenir une référence rapide Dans l’expérience de conversation, cliquez sur Attacher> unecapture d’écran pour inclure une capture d’écran de la préversion actuelle avec votre prochaine interaction avec l’agent d’application. Cela est utile pour aider à ajuster les visuels de la page.

4. Enregistrer et publier Dans la barre de commandes, sélectionnez Enregistrer pour éviter de perdre la progression sur votre page.
   Lorsque vous êtes satisfait de votre page, sélectionnez Enregistrer et Publier pour publier toutes les modifications en attente pour l’application, y compris toutes les pages génératives.

Ajout de pages génératives à des solutions

Les pages génératives sont conscientes de la solution et peuvent être ajoutées à une solution (via une application) pour faciliter la transition entre les environnements. Pour ajouter une page générative à une solution, procédez comme suit :

1. Ajouter l’application contenant votre ou vos pages génératives à une solution
   • Dans Power Apps, sélectionnez Solutions dans le volet de navigation gauche, puis ouvrez la solution souhaitée.
   • Sélectionnez Ajouter une application pilotée par modèle existante>>.
   • Sélectionnez l’application qui contient les pages génératives.
2. Exporter la solution (en tant que gérée ou non gérée)
   • Vérifiez que le plan d’application est inclus dans la solution. Si ce n’est pas le cas, il doit être demandé pendant les vérifications de dépendance.
   • Les pages génératives (affichées sous forme de lignes UX Agent Project) sont également demandées en fonction de leur dépendance au plan du site.

Après l’exportation, vous pouvez importer l’application et les pages de génération dans un autre environnement. Lorsqu'on l'ouvre dans le concepteur de l'environnement cible, seule la première invite ainsi que le code publié seront disponibles. La conversation complète de l’agent ne se transfère pas avec la page.

Limites

Voici les limitations actuelles des pages génératives :

• Votre page ne peut se connecter qu’aux tables Dataverse (jusqu’à 6 pour une seule page). Vous pouvez effectuer des opérations de création, de lecture, de mise à jour et de suppression (CRUD) sur ces tables. Aucune autre source de données ne peut être utilisée.
• Votre invite peut avoir un maximum de 50 000 caractères.
• Seul l’anglais US est pris en charge.
• La collaboration n’est pas prise en charge. Assurez-vous qu’un seul créateur travaille sur une page générative à la fois pour éviter les conflits involontaires.
• Seuls ces types de données sont pris en charge :
  • Option
  • Devise
  • Customer
  • Date et heure
  • Date uniquement
  • Nombre décimal
  • Nombre à virgule flottante
  • Image
  • Lookup
  • Texte multiligne
  • Status
  • Raison du statut
  • Texte
  • Nombre entier
  • Oui/non
  • Identificateur unique

Forum aux questions

Puis-je commencer à concevoir mon application dans le Concepteur de plans, puis utiliser des pages génératives ?

Oui, bien qu’il n’existe actuellement aucune intégration directe entre les plans et les pages dégénératives, vous pouvez utiliser des plans pour définir vos tables et applications, puis passer au concepteur d’applications pour créer des pages génératives souhaitées.

Y a-t-il des frais ou des crédits supplémentaires nécessaires pour utiliser les pages génératives ?

Non, l’expérience de création pour les pages génératives (et les plans) ne nécessite aucun crédit d’IA ou de message supplémentaire.

Quels types d’images fonctionnent le mieux pour guider la génération de l’interface utilisateur ?

Cela dépend de votre objectif. Si vous savez exactement à quoi la page finale doit ressembler, des croquis clairs et détaillés ou des filaires (qu’ils soient dessinés à la main ou numériques) s’avèrent être les plus efficaces. Si vous n’avez qu’un concept général et souhaitez que l’agent remplisse les détails, les croquis de tableau blanc rapide ou même les dessins de serviette peuvent fonctionner correctement.

Puis-je utiliser des pages génératives avec des applications canevas ou d’autres types d’applications ?

Non, les pages génératives ne sont actuellement prises en charge que dans les applications pilotées par modèle.

Existe-t-il un moyen de réutiliser ou de cloner une page générative dans différents environnements ?

Oui, les pages génératives sont des éléments prenant en charge la solution qui peuvent être déplacés entre les environnements. Seule la dernière version publiée du code et la première invite sont conservées avec la solution ; l’historique de révision complète reste sur l’environnement d’origine.

Puis-je modifier le code généré manuellement ?

Yes. Vous pouvez modifier manuellement le code généré en sélectionnant Modifier sous l’onglet Code . Vos modifications sont enregistrées sous la forme d’une nouvelle itération. Sélectionnez Annuler pour annuler vos modifications si vous choisissez de ne pas les conserver.

Le code généré par les pages génératives est-il garanti d’être prêt pour la production et conforme aux normes de mon organisation ?

Non. Bien que l’agent fasse un meilleur effort pour produire du code de haute qualité et prêt pour la production avec les meilleures pratiques en matière d’accessibilité et de sécurité à l’esprit, il est de votre responsabilité de valider la sortie. Passez toujours en revue le code généré pour vous assurer qu’il s’aligne sur les normes, les stratégies et les exigences de conformité de votre organisation.

Comment puis-je donner mon avis sur la fonctionnalité ?

La meilleure façon de donner votre avis sur les pages génératives est d’utiliser les boutons pouce haut/bas dans l’expérience de chat qui sont disponibles après chaque itération. Nous vous encourageons aussi vivement à sélectionner Oui dans Partager des exemples de contenu pertinents et des fichiers journaux supplémentaires afin que nous puissions déboguer ou tenter de recréer les problèmes que vous avez rencontrés avec la fonctionnalité.

Que se passe-t-il si je ne vois pas les pages génératives activées dans mon environnement ?

Vérifiez que votre environnement se trouve dans la région AMÉRICAINE.

Articles associés

• FAQ sur les pages génératives dans les applications pilotées par modèle
• Conditions juridiques