Comparteix via

Generar una pàgina amb llenguatge natural

Utilitzeu el llenguatge natural per crear una pàgina generativa creada amb IA. Les pàgines generatives són una experiència basada en IA dissenyada per simplificar, accelerar i millorar el procés de disseny d'aplicacions en aplicacions basades en models. En interactuar amb l'agent d'aplicacions, creeu pàgines totalment funcionals a les aplicacions basades en models descrivint el que necessiteu en llenguatge natural i especificant a quines Microsoft Dataverse taules heu de fer referència. Fins i tot podeu adjuntar una imatge de com voleu que sigui la pàgina.

Després de descriure la pàgina, el sistema processa els vostres requisits i especificacions i genera de manera intel·ligent codi React que cobreix tant l'experiència de l'usuari front-end seleccionant els components adequats i determinant el millor disseny, com la lògica de negoci corresponent. Mitjançant una experiència interactiva i conversacional, podeu refinar el disseny de la pàgina en temps real, ajustant els elements, el disseny i la funcionalitat perquè coincideixin perfectament amb la vostra visió.

Requisits previs

  • L'entorn Power Platform ha d'estar situat a la regió dels EUA. Aquesta funció encara no està disponible en altres regions.

Crear una pàgina generativa en aplicacions basades en models

  1. Inicieu la sessió a Power Apps.

  2. Obriu una aplicació basada en models per editar-la.

  3. Al dissenyador d'aplicacions, seleccioneu Afegeix una pàgina>Descriu una pàgina.

    S'obre una experiència de pàgina generativa de pàgina completa.

  4. Al quadre de text, escriviu una descripció del tipus de pàgina que voleu crear. La descripció ha d'incloure requisits funcionals i, opcionalment, qualsevol especificació d'UX. Per exemple, podeu introduir una pàgina Crea una pàgina que mostri els registres del compte com una galeria de targetes amb un aspecte modern. Incloeu el nom, la imatge de l'entitat a la part superior i el lloc web, el correu electrònic, el número de telèfon. Feu que la galeria es pugui desplaçar mitjançant les dades de la taula Compte.

  5. Afegiu taules i imatges segons correspongui seleccionant Afegeix dades Afegeix taula>. Podeu enllaçar fins a sis Dataverse taules. A la captura de pantalla, s'afegeix la taula de comptes. Afegir una taula a la pàgina generativa

  6. Opcionalment, puja una o més imatges per guiar la interfície d'usuari de la pàgina generada seleccionant Afegeix dades>Adjuntar imatge. Pot ser un esbós de tovalló aproximat o una imatge de major resolució. La imatge pot representar l'estructura o la maquetació de tota la pàgina que vols crear o pot ser visuals d'una secció o component concret que vols imitar.

    Nota

    Si vols que la pàgina generada mostri una imatge concreta, en lloc d'adjuntar-la al prompt, pots (1) incloure la imatge en una taula Datatable referenciada i que l'agent recuperi la imatge d'allà, (2) allotjar-la públicament i donar l'URL a l'agent, o (3) afegir la imatge com a recurs web i donar a l'agent l'URL del recurs web.

  7. Opcionalment, activa o desactiva l'eina Inclou imatges (previsualització) per permetre a l'agent utilitzar imatges d'una biblioteca curada i segura de 25.000 imatges d'arxiu per donar suport a casos d'ús com imatges per defecte/marcador, fons decoratius, blocs de contingut estàtic i estats buits o d'error més rics. Inclou una eina d'imatges per afegir una imatge d'una biblioteca d'imatges d'arxiu

  8. Opcionalment, trieu el model d'IA que voleu utilitzar per generar la pàgina. Trieu el model d'IA que voleu utilitzar per generar la vostra pàgina

  9. Quan hàgiu acabat de descriure la pàgina, seleccioneu Genera pàgina.

L'agent inicia un procés de construcció en diversos passos que pots observar en temps real:

  • Flux de pensament: L'agent primer exposa la seva interpretació del teu prompt, llistant requisits, supòsits i un pla d'execució.
  • Generació de codi: a continuació, escriu el codi subjacent de la pàgina en funció del pla.
  • Transpilació: El codi generat es transpila per garantir la compatibilitat i la representació adequada.
  • Representació final: Finalment, es mostra l'experiència d'usuari completada.

Si l'experiència de l'usuari no es mostra al final d'aquest procés, podeu visualitzar-la seleccionant la pestanya Visualització prèvia .

Una experiència d'usuari de pàgina generada

Visualitzar el codi generat, iterar i publicar

Després de generar la vostra pàgina, teniu diverses opcions per refinar-la i finalitzar-la:

  1. Visualitzar i editar el codi generat Seleccioneu la pestanya Codi per visualitzar el codi generat per l'agent de l'aplicació. Visualitza el codi generatiu de la pàgina i itera en el disseny

    Podeu refinar la sortida de dues maneres:

    • Xatejar iterativament amb l'agent de l'aplicació per corregir errors, ajustar el disseny o afegir funcionalitats.
    • Editeu manualment el codi seleccionant Edita a la pestanya Codi. Després de fer alguns canvis, podeu seleccionar Desa per confirmar els canvis com a nova iteració o Cancel·la per descartar-los.

  2. Compara iteracions Després de completar dues o més iteracions amb l'agent, podeu seleccionar Compara a la pestanya Codi per veure una diferència de codi entre la iteració actual i l'anterior.

    Nota

    Actualment, aquesta capacitat només està disponible a partir de la segona iteració de la sessió actual.

  3. Adjunta una captura de pantalla per a una consulta ràpida A l'experiència de xat, selecciona Adjuntar>Afegeix captura de pantalla per incloure una captura de pantalla de la previsualització actual amb la teva propera interacció amb l'agent de l'aplicació. Una captura de pantalla és útil per ajudar a ajustar l'aspecte visual de la pàgina. Alternativament, pots adjuntar altres imatges per ajudar a refinar els visuals de tota la pàgina o d'una part concreta de la pàgina.

  4. Comprova si hi ha problemes d'accessibilitat (nou) Després de cada iteració de generació de codi, l'assistent d'Accessibilitat a la part inferior de la pantalla escaneja el codi generat avaluant-lo respecte a l'accessibilitat. Pots veure una actualització d'estat d'alt nivell directament a la pantalla i pots triar obrir els resultats detallats en un panell. Selecciona Correcció automàtica per passar qualsevol infracció directament a l'agent perquè intenti resoldre's automàticament.

  5. Desar i publicar A la barra d'ordres, seleccioneu Desa per evitar perdre el progrés de la pàgina.
    Quan estiguis satisfet amb la teva pàgina, selecciona Desa i Publica per publicar tots els canvis pendents de l'aplicació, incloses les pàgines generatives.

Important

Tot i que l'agent fa un esforç per generar codi complet i llest per a la producció, incloses consideracions sobre les pràctiques recomanades d'accessibilitat i seguretat, sou el responsable final de validar el codi. Assegureu-vos que el codi generat compleixi amb els estàndards i requisits de compliment de la vostra organització.

Afegir pàgines generatives a les solucions

Les pàgines generatives són compatibles amb la solució i es poden afegir a una solució (mitjançant una aplicació) per facilitar el desplaçament entre entorns. Per afegir una pàgina generativa a una solució, feu el següent:

Important

Si la pàgina generativa s'ha creat durant la fase de visualització prèvia, heu de carregar la pàgina generativa al dissenyador d'aplicacions de models per iniciar una migració única al nou model de dades compatible amb la solució. Quan la pàgina es carregui al dissenyador, veureu el missatge de progrés "S'està actualitzant la pàgina". No tanquis la finestra fins que la migració acabi.

  1. Afegeix l'aplicació que conté les teves pàgines generatives a una solució
    • Al Power Apps, seleccioneu Solucions a la subfinestra de navegació esquerra i obriu la solució desitjada.
    • Seleccioneu Afegeix una aplicació basada en models d'aplicacions > existent>.
    • Seleccioneu l'aplicació que conté les pàgines generatives.
  2. Exportar la solució (administrada o no administrada)
    • Assegureu-vos que el mapa del lloc de l'aplicació estigui inclòs a la solució. Si no, s'ha de sol·licitar durant les comprovacions de dependència.
    • També es sol·licitaran pàgines generatives (que es mostren com a files del projecte de l'agent UX ) en funció de la seva dependència del mapa del lloc.

Nota

Comproveu aquests elements si no es sol·liciten pàgines generatives durant les comprovacions de dependències:

  • Les pàgines creades durant la previsualització només es mostraran si s'han migrat. Carregueu-los al dissenyador per activar la migració.
  • Si el sitemap està inclòs a la solució i les teves pàgines generatives han estat migrades, prova de fer un petit canvi al sitemap, com ara reordenar o reanomenar una pàgina, tornar a publicar l'aplicació i després tornar a provar l'exportació.

Després de l'exportació, pots importar l'aplicació i les pàgines generatives a un altre entorn. Quan s'obre al dissenyador de l'entorn de destinació, només estan disponibles el primer prompt i el codi publicat. La conversa completa de l'agent no es transfereix amb la pàgina.

Limitacions

Aquestes són les limitacions actuals de les pàgines generatives:

  • La pàgina només Dataverse es pot connectar a taules (fins a 6 per a una sola pàgina). No es poden utilitzar altres fonts de dades.
  • La sol·licitud pot tenir un màxim de 50.000 caràcters.
  • Només s'admet l'anglès nord-americà.
  • No s'admet la col·laboració. Assegureu-vos que només un creador estigui treballant en una pàgina generativa alhora per evitar conflictes no desitjats.
  • Només s'admeten aquests tipus de dades:
    • Elecció
    • Moneda
    • Client
    • Data i hora
    • Només data
    • Nombre decimal
    • Nombre de punt flotant
    • Image
    • Cerca
    • Text de diverses línies
    • Estat d'execució
    • Raó per a l’estat
    • SMS
    • Número enter
    • Sí/No
    • Identificador únic

Preguntes freqüents

Puc començar a dissenyar la meva aplicació al Dissenyador de plans i després utilitzar pàgines generatives?

Sí, tot i que actualment no hi ha una integració directa entre plans i pàgines generatives, pots utilitzar plans per definir les teves taules i aplicacions, i després canviar al dissenyador d'aplicacions basat en models per crear qualsevol pàgina generativa desitjada.

Hi ha alguna tarifa o crèdit addicional per utilitzar pàgines generatives?

No, l'experiència de creació de pàgines generatives (i plans) no requereix cap IA addicional ni crèdits de missatges.

Quin tipus d'imatges funcionen millor per guiar la generació de la interfície d'usuari?

Depèn del teu objectiu. Si sabeu exactament com voleu que es vegi la pàgina final, els esbossos clars i detallats o wireframes (ja siguin dibuixats a mà o digitals) són més efectius. Si només teniu un concepte general i voleu que l'agent ompli els detalls, els esbossos ràpids de pissarra o fins i tot els dibuixos de tovallons poden funcionar bé.

Puc utilitzar pàgines generatives amb aplicacions de llenç o altres tipus d'aplicacions?

No, actualment les pàgines generatives només s'admeten a les aplicacions basades en models.

Hi ha alguna manera de reutilitzar o clonar una pàgina generativa en entorns?

Sí, les pàgines generatives són elements compatibles amb la solució que es poden moure entre entorns. Només es mantenen l'última versió publicada del codi i la primera sol·licitud amb la solució; L'historial complet de revisions es manté a l'entorn original.

Puc editar el codi generat manualment?

Sí. Podeu editar manualment el codi generat seleccionant Edita a la pestanya Codi . Els canvis es desen com una nova iteració. Seleccioneu Cancel·la per cancel·lar els canvis si decidiu no conservar-los.

El codi generat per les pàgines generatives està garantit que està preparat per a producció i compleix amb els estàndards de la meva organització?

No. Tot i que l'agent fa tot el possible per produir codi d'alta qualitat i preparat per a la producció tenint en compte les pràctiques recomanades d'accessibilitat i seguretat, és responsabilitat vostra validar la sortida. Revisa sempre el codi generat per assegurar-te que s'alinea amb els estàndards, polítiques i requisits de compliment de la teva organització.

Com puc donar suggeriments sobre la funció?

La millor manera de donar comentaris a les pàgines generatives és utilitzar els botons de polze amunt/avall a l'experiència de xat que estan disponibles després de cada iteració. També us recomanem que seleccioneu Sí a Comparteix mostres de contingut rellevants i fitxers de registre addicionals perquè puguem depurar o intentar tornar a crear els problemes que hàgiu trobat amb la característica.

Què passa si no veig les pàgines generatives habilitades al meu entorn?

Confirmeu que el vostre entorn es troba a la regió dels EUA.

  • Last updated on