Dijeli putem

Generirajte stranicu pomoću prirodnog jezika

Upotrijebite prirodni jezik za izradu generativne stranice koja je stvorena pomoću umjetne inteligencije. Generativne stranice iskustvo su vođeno umjetnom inteligencijom osmišljeno za pojednostavljenje, ubrzavanje i poboljšanje procesa dizajna aplikacija u aplikacijama utemeljenim na modelu. Interakcijom s agentom aplikacije stvarate potpuno funkcionalne stranice u svojim aplikacijama vođenim modelima, opisujući što vam treba na prirodnom jeziku i specificirajući koje Microsoft Dataverse tablice treba referencirati. Možete čak priložiti sliku kako želite da stranica izgleda.

Nakon što opišete stranicu, sustav zatim obrađuje vaše zahtjeve i specifikacije te inteligentno generira React kod koji pokriva i sučelje korisničkog iskustva odabirom pravih komponenti i određivanjem najboljeg izgleda te odgovarajuću poslovnu logiku. Kroz interaktivno iskustvo razgovora možete poboljšati dizajn stranice u stvarnom vremenu, prilagođavajući elemente, izgled i funkcionalnost kako bi savršeno odgovarali vašoj viziji.

Pristupi razvoju

Možete kreirati generativne stranice koristeći dva pristupa:

  • Power Apps (make.powerapps.com): Kao što je opisano u ovom članku, proizvođači mogu stvarati i iterirati generativne stranice izravno u pregledniku koristeći konverzacijsko korisničko sučelje
  • Alati za generiranje AI koda: Programeri koji preferiraju rad s lokalnim razvojnim alatima i izravan pristup TypeScriptu i React kodu mogu koristiti vanjske alate poput Claude Codea za lokalni razvoj generativnih stranica s pristupom usmjerenim na kod i implementacijom temeljenu na CLI-ju. Više informacija: Kreirajte i uređujte generativne stranice pomoću AI alata za generiranje koda

Preduvjeti

  • Okoliš Power Platform se mora nalaziti u regiji SAD-a. Ova značajka trenutno još nije dostupna u drugim regijama.

Stvaranje generativne stranice u aplikacijama stvorenim prema modelu

  1. Prijavite se na Power Apps.

  2. Otvorite aplikaciju stvorenu prema modelu za uređivanje.

  3. U dizajneru aplikacija odaberite Dodaj stranicu>Opišite stranicu.

    Otvara se generativno sučelje stranice na cijeloj stranici.

  4. U tekstni okvir upišite opis vrste stranice koju želite stvoriti. Opis bi trebao uključivati funkcionalne zahtjeve i opcionalno sve specifikacije UX-a. Na primjer, možete unijeti Izrada stranice koja prikazuje zapise računa kao galeriju kartica pomoću modernog izgleda i dojma. Uključite ime, sliku entiteta na vrhu i web stranicu, e-poštu, telefonski broj. Omogućite pomicanje galerije pomoću podataka iz tablice Račun. Ako želite da stranica podržava više jezika, slijedite upute u Lokalizaciji generativne stranice.

  5. Dodajte tablice i slike prema potrebi odabirom Dodaj podatke>Dodaj tablicu. Možete povezati do šest Dataverse tablica. Na snimci zaslona dodaje se tablica računa. Dodavanje tablice na generativnu stranicu

  6. Opcionalno učitajte jednu ili više slika kako biste vodili korisničko sučelje generirane stranice odabirom Dodaj podatke>Priloži sliku. To može biti gruba skica salvete ili slika veće rezolucije. Slika može predstavljati strukturu ili raspored cijele stranice koju želite stvoriti ili može biti vizualni prikaz određenog dijela ili komponente koju želite oponašati.

    Napomena

    Ako želite da generirana stranica prikazuje određenu sliku, umjesto da je prilažete promptu, možete (1) uključiti sliku u referenciranu tablicu Datatablea i da agent dohvati sliku odatle, (2) javno hostati sliku i dati agentu URL, ili (3) dodati sliku kao web resurs i dati agentu URL web resursa.

  7. Opcionalno omogućiti ili onemogućiti alat Include images (pregled) kako bi agent mogao koristiti slike iz pažljivo odabrane, sigurne biblioteke od 25.000 stock slika za podršku slučajevima poput zadanih/privremenih slika, dekorativnih pozadina, statičnih blokova sadržaja i bogatijih praznih ili pogrešnih stanja. Uključite alat za slike kako biste dodali sliku iz biblioteke stock slika

  8. Po želji odaberite AI model koji želite koristiti za generiranje stranice. Odaberite AI model koji želite koristiti za generiranje svoje stranice

  9. Kada završite s opisivanjem stranice, odaberite Generiraj stranicu.

Agent započinje višestupanjski proces izgradnje koji možete promatrati u stvarnom vremenu:

  • Tok misli: Agent prvo iznosi svoje tumačenje vašeg prompta, zahtjeve za navođenje, pretpostavke i plan provedbe.
  • Generiranje koda: Zatim piše temeljni kod za vašu stranicu na temelju plana.
  • Transpilacija: Generirani kod se zatim transpilira kako bi se osigurala kompatibilnost i pravilno prikazivanje.
  • Završno renderiranje: Na kraju se prikazuje dovršeno korisničko iskustvo.

Ako se korisničko iskustvo ne prikaže na kraju ovog postupka, možete ga pregledati tako da odaberete karticu Pretpregled .

Generirano korisničko iskustvo stranice

Prikaz generiranog koda, ponavljanje i objavljivanje

Nakon generiranja stranice, imate nekoliko opcija za njezino pročišćavanje i finalizaciju:

  1. Prikaz i uređivanje generiranog koda Odaberite karticu Kôd da biste vidjeli kôd koji je generirao agent aplikacije. Prikaz generativnog koda stranice i ponavljanje dizajna

    Izlaz možete precizirati na dva načina:

    • Iterativno razgovarajte s agentom aplikacije da biste ispravili pogreške, prilagodili izgled ili dodali funkcionalnost.
    • Ručno uredite kôd odabirom Uredi na kartici Kôd. Nakon što unesete neke izmjene, možete odabrati Spremi da biste unijeli promjene kao novu iteraciju ili Odustani da biste odbacili promjene.

    Saznajte više o dataApi objektnim metodama koje se koriste za operacije s podacima

  2. Usporedba iteracija Nakon dovršetka dvije ili više iteracija s agentom, možete odabrati Usporedi na kartici Kod da biste vidjeli razliku koda između trenutne i prethodne iteracije.

    Napomena

    Ta je mogućnost trenutačno dostupna samo počevši od druge iteracije u trenutnoj sesiji.

  3. Priložite snimku zaslona za brzu referencu U chat iskustvu odaberite Priloži>Dodaj snimku zaslona kako biste uključili snimku zaslona trenutnog pregleda uz vašu sljedeću interakciju s agentom aplikacije. Snimka zaslona korisna je za prilagodbu vizuala stranice. Alternativno možete priložiti i druge slike kako biste poboljšali vizuale cijele stranice ili određenog dijela stranice.

  4. Provjerite ima li problema s pristupačnošću (novo) Nakon svake iteracije generiranja koda, asistent za pristupačnost na dnu ekrana skenira generirani kod i procjenjuje ga u pogledu pristupačnosti. Možete vidjeti ažuriranje statusa na visokoj razini izravno na ekranu i odabrati otvaranje detaljnih rezultata u panelu. Odaberi Automatsko popravljanje kako bi se prekršaji izravno proslijedili agentu i pokušali ga automatski riješiti.

  5. Spremanje i objavljivanje Na naredbenoj traci odaberite Spremi da biste izbjegli gubitak napretka na stranici. Kada ste zadovoljni svojom stranicom, odaberite Spremi i objavi kako biste objavili sve promjene na čekanju u aplikaciji, uključujući i generativne stranice.

Važno

Iako agent ulaže sve napore kako bi generirao potpuni kod spreman za proizvodnju, uključujući razmatranja o pristupačnosti i najboljim sigurnosnim praksama, vi ste u konačnici odgovorni za provjeru valjanosti koda. Osigurajte da generirani kod zadovoljava standarde i zahtjeve usklađenosti vaše organizacije.

Dodavanje generativnih stranica rješenjima

Generativne stranice svjesne su rješenja i mogu se dodati u rješenje (putem aplikacije) kako bi se olakšalo kretanje između okruženja. Da biste rješenju dodali generativnu stranicu, učinite sljedeće:

Važno

Ako je generativna stranica stvorena tijekom faze pretpregleda, morate učitati generativnu stranicu u dizajneru aplikacija modela da biste pokrenuli jednokratnu migraciju na novi podatkovni model koji se temelji na rješenju. Kada se stranica učita u dizajneru, vidite poruku o napretku "Nadogradnja vaše stranice". Ne zatvarajte prozor dok migracija ne završi.

  1. Dodajte aplikaciju koja sadrži vaše generativne stranice u rješenje
    • U Power Apps odaberite Solutions na lijevom navigacijskom panelu i otvorite željeno rješenje.
    • Odaberite Dodaj postojeću >> aplikaciju stvorenu prema modelu.
    • Odaberite aplikaciju koja sadrži generativne stranice.
  2. Izvoz rješenja (upravljanog ili neupravljanog)
    • Provjerite je li karta web-mjesta aplikacije uključena u rješenje. Ako ne, treba ga zatražiti tijekom provjera ovisnosti.
    • Generativne stranice (prikazane kao redovi UX Agent Projecta ) također se traže na temelju njihove ovisnosti o sitemapu.

Napomena

Provjerite ove stavke ako se tijekom provjere ovisnosti ne traže generativne stranice:

  • Stranice stvorene tijekom pregleda prikazat će se samo ako su migrirane. Učitajte ih u dizajner da biste pokrenuli migraciju.
  • Ako je sitemap uključen u rješenje i vaše generativne stranice su migrirane, pokušajte napraviti manju promjenu na sitemapu, poput promjene redoslijeda ili preimenovanja stranice, ponovnog objavljivanja aplikacije i ponovnog izvoza.

Nakon izvoza možete uvesti aplikaciju i generativne stranice u drugo okruženje. Kada se otvori u dizajneru u ciljnom okruženju, dostupni su samo prvi prompt i objavljeni kod. Cijeli razgovor s agentom ne prenosi se s tom stranicom.

Lokalizacija generativne stranice

Za lokalizaciju generativne stranice, osigurajte da vaš upit pokriva sljedeće stavke:

  • Navedite svoje jezike. Recite agentu koje jezike želite da stranica podrži, idealno naziv jezika i LCID.
  • Zatražite prijevod teksta. Zamolite agenta da izradi prijevodni rječnik za sve oznake vidljive korisnicima i tekst na stranici za svaki jezik.
  • Omogući RTL podršku. Ako vaše okruženje uključuje RTL jezik poput arapskog ili hebrejskog, zamolite agenta da implementira odgovarajuću podršku za raspored s desna na lijevo.
  • Koristite regionalno formatiranje. Zamolite agenta da formatira datume, brojeve i valutu prema preferencijama svakog korisnika iz njihovih Dataverse korisničkih postavki, umjesto da koristi hardkodirane formate ili lokalne kodove.

Za detaljne upute za implementaciju i obrasce koda, posjetite upute za lokalizaciju u Power Platform Skills repozitoriju.

Napomena

Unos na sitemapu za generativnu stranicu nije po defaultu lokaliziran. Lokalizacija sitemapa mora se zasebno obrađivati u dizajneru aplikacija.

Ograničenja

Ovo su trenutna ograničenja generativnih stranica:

  • Vaša se stranica može povezati samo Dataverse s tablicama (do 6 za jednu stranicu). Ne mogu se koristiti drugi izvori podataka.
  • Vaš upit može imati najviše 50.000 znakova.
  • Kada kreirate generativne stranice u Power Appsu (make.powerapps.com), samo je američki engleski podržan jezik za upite.
  • Suradnja nije podržana. Osigurajte da samo jedan izrađivač istovremeno radi na generativnoj stranici kako biste izbjegli neželjene sukobe.
  • Podržane su samo ove vrste podataka:
    • Mogućnost odabira
    • Currency
    • Customer
    • Datum i vrijeme
    • Samo datum
    • Decimalni broj
    • Broj s pomičnim zarezom
    • Image
    • Pretraživanje
    • Tekst s više redaka
    • Stanje
    • Razlog statusa
    • SMS
    • Cijeli broj
    • Da/Ne
    • Jedinstveni identifikator

Najčešća pitanja

Mogu li početi dizajnirati svoju aplikaciju u dizajneru planova, a zatim koristiti generativne stranice?

Da, iako trenutno nema izravne integracije između planova i generativnih stranica, možete koristiti planove za definiranje tablica i aplikacija, a zatim prijeći na dizajner aplikacija vođenih modelima za kreiranje željenih generativnih stranica.

Postoje li dodatne naknade ili krediti potrebni za korištenje generativnih stranica?

Ne, iskustvo autora za generativne stranice (i planove) ne zahtijeva nikakvu dodatnu umjetnu inteligenciju ili zasluge za poruke.

Koje vrste slika najbolje funkcioniraju za vođenje generacije korisničkog sučelja?

Ovisi o vašem cilju. Ako točno znate kako želite da konačna stranica izgleda, najučinkovitije su jasne i detaljne skice ili žičani okviri (bilo ručno crtani ili digitalni). Ako imate samo opći koncept i želite da agent ispuni detalje, brze skice na ploči ili čak crteži salveta mogu dobro funkcionirati.

Mogu li koristiti generativne stranice s aplikacijama radnog područja ili drugim vrstama aplikacija?

Ne, generativne stranice trenutačno su podržane samo u aplikacijama stvorenim prema modelu.

Postoji li način za ponovnu upotrebu ili kloniranje generativne stranice u različitim okruženjima?

Da, generativne stranice su elementi svjesni rješenja koji se mogu premještati između okruženja. Uz rješenje se održava samo posljednja objavljena verzija koda i prvi upit; Potpuna povijest revizija ostaje u izvornom okruženju.

Mogu li ručno urediti generirani kod?

Da. Generirani kôd možete ručno urediti tako da odaberete Uredi na kartici Kôd . Promjene se spremaju kao nova iteracija. Odaberite Odustani da biste otkazali uređivanja ako ih ne želite zadržati.

Je li kod generiran generativnim stranicama zajamčeno spreman za produkciju i usklađen sa standardima moje organizacije?

Ne. Iako agent ulaže sve napore kako bi proizveo visokokvalitetni kod spreman za proizvodnju imajući na umu najbolje prakse pristupačnosti i sigurnosti, vaša je odgovornost potvrditi izlaz. Uvijek pregledajte generirani kod kako biste bili sigurni da je usklađen sa standardima, politikama i zahtjevima usklađenosti vaše organizacije.

Kako mogu dati povratne informacije o značajci?

Najbolji način za davanje povratnih informacija o generativnim stranicama je korištenje gumba palac gore/dolje u iskustvu chata koji su dostupni nakon svake iteracije. Također vam preporučujemo da odaberete Da na Zajedničko korištenje relevantnih uzoraka sadržaja i dodatnih datoteka zapisnika kako bismo mogli otkloniti pogreške ili pokušati ponovno stvoriti probleme na koje ste naišli sa značajkom.

Što ako ne vidim omogućene generativne stranice u svom okruženju?

Provjerite je li vaše okruženje u regiji SAD-a.

  • Last updated on