Créer des pages avec l’IA générative

Effectué

Les pages génératives vous permettent de créer une page entièrement fonctionnelle dans votre application basée sur des modèles en décrivant ce que vous souhaitez en langage brut. Au lieu de configurer manuellement des dispositions et des contrôles, vous tapez une description des données et de la conception dont vous avez besoin, et un agent IA génère le code React sous-jacent pour vous.

Qu’est-ce qu’une page générative ?

Une page générative est une page basée sur l’IA générée par React qui se trouve à l’intérieur d’une application basée sur un modèle. Vous interagissez avec un agent d’application dans le concepteur d’applications à l’aide d’une expérience conversationnelle : décrivez la page souhaitée, si vous le souhaitez, attachez éventuellement une image de la disposition et l’agent génère du code de travail en temps réel. Vous pouvez affiner la page en continuant la conversation , en demandant à l’agent d’ajuster la disposition, d’ajouter des colonnes ou de corriger les erreurs , et de publier lorsque vous êtes satisfait.

Les pages génératives sont compatibles avec les solutions, ce qui signifie qu’elles peuvent être incluses dans une solution et déplacées entre des environnements comme n’importe quel autre composant d’application.

Note

L’expérience de créateur pour les pages génératives est actuellement disponible dans les environnements situés dans les États-Unis, la Grande-Bretagne, l’Australie et Singapour. Les créateurs d’autres régions peuvent créer et modifier des pages génératives à l’aide d’outils de génération de code IA.

Créer une page générative

  1. Connectez-vous à Power Apps et ouvrez une application pilotée par modèle pour modification.

  2. Dans le concepteur d’applications, sélectionnez Ajouter une page>Décrire une page. Une expérience conversationnelle en page complète s’ouvre.

  3. Dans la zone de texte, décrivez la page souhaitée. Soyez précis concernant les données, la mise en page et le comportement. Par exemple:

    Créez une page affichant les enregistrements de compte sous forme de galerie de cartes. Incluez le nom du compte, l’e-mail et le numéro de téléphone. Faites défiler la galerie.

  4. Si vous le souhaitez, sélectionnez Ajouter des données>Ajouter une table pour lier jusqu’à six tables Dataverse, ou Ajouter des données>Joindre une image pour télécharger un croquis ou une maquette fonctionnelle afin de guider la disposition.

  5. Sélectionnez Générer la page. L’agent traite votre requête, écrit le code et affiche un aperçu.

  6. Passez en revue le résultat sous l’onglet Aperçu . Pour affiner la page, poursuivez la conversation avec l’agent ou sélectionnez Modifier sous l’onglet Code pour modifier le code directement.

  7. Lorsque vous êtes satisfait, sélectionnez Enregistrer et Publier pour publier l’application et rendre la page accessible aux utilisateurs.

Important

L’agent tente de générer du code prêt pour la production, mais vous êtes responsable de la validation de la sortie. Passez en revue le code généré pour confirmer qu’il répond aux exigences de sécurité et de conformité de votre organisation.

Effectuez une itération sur votre page

Après la génération initiale, vous avez plusieurs façons d’affiner la page :

  • Conversation : Poursuivez la conversation pour ajuster la disposition, ajouter des fonctionnalités ou résoudre les problèmes.
  • Modifier le code : sélectionnez Modifier sous l’onglet Code pour modifier le code généré manuellement.
  • Comparer les itérations : après deux ou plusieurs itérations, sélectionnez Comparer sous l’onglet Code pour afficher un écart entre les versions.
  • Assistant Accessibilité : après chaque génération, l’Assistant Accessibilité analyse le code pour détecter les problèmes et offre une option de correction automatique pour les résoudre automatiquement.

Ensuite, vous allez apprendre à contrôler la sécurité et à partager votre application basée sur des modèles avec d’autres utilisateurs.