Generowanie strony przy użyciu języka naturalnego

Użyj języka naturalnego, aby utworzyć stronę generatywną utworzoną przy użyciu sztucznej inteligencji. Strony generatywne to środowisko oparte na AI, zaprojektowane w celu uproszczenia, przyspieszenia i ulepszenia procesu projektowania aplikacji w aplikacjach opartych na modelu. Wchodząc w interakcję z agentem aplikacji, tworzysz w pełni funkcjonalne strony w aplikacjach opartych na modelu, opisując w języku naturalnym swoje potrzeby i określając, które tabele Microsoft Dataverse mają być użyte. Możesz nawet dołączyć obraz przedstawiający, jak ma wyglądać strona.

Po opisaniu strony system przetwarza wymagania i specyfikacje, a następnie w inteligentny sposób generuje kod React, który obejmuje zarówno interfejs użytkownika poprzez wybór odpowiednich składników i określenie najlepszego układu, jak i odpowiednią logikę biznesową. Dzięki interaktywnemu, konwersacyjnemu środowisku możesz udoskonalić projekt strony w czasie rzeczywistym, dostosowując elementy, układ i funkcjonalność tak, aby idealnie pasowały do Twojej wizji.

Wymagania wstępne

• Środowisko Power Platform musi znajdować się w regionie USA. Ta funkcja nie jest jeszcze dostępna w innych regionach.

Utwórz stronę generatywną w aplikacjach opartych na modelu

1. Zaloguj się do usługi Power Apps.

2. Otwórz aplikację opartą na modelu w celu edycji.

3. W projektancie aplikacji wybierz pozycję Dodaj stronę>Opisz stronę.

   Zostanie otwarte pełnostronicowe środowisko strony generatywnej.

4. W polu tekstowym wpisz opis typu strony, którą chcesz utworzyć. Opis powinien zawierać wymagania funkcjonalne i opcjonalnie wszelkie specyfikacje UX. Na przykład, możesz wpisać Stwórz stronę pokazującą rekordy konta w formie galerii kart o nowoczesnym wyglądzie. Dodaj nazwę, obraz podmiotu u góry oraz stronę internetową, adres e-mail i numer telefonu. Umożliwiaj przewijanie galerii, korzystając z danych z tabeli Account.

5. Dodaj tabele i obrazy zgodnie z potrzebami, wybierając pozycję Dodaj dane>Dodaj tabelę. Można połączyć maksymalnie sześć tabel Dataverse. Na zrzucie ekranu dodano tabelę konta.

6. Opcjonalnie możesz przesłać obraz, który posłuży jako przewodnik po interfejsie użytkownika wygenerowanej strony, wybierając Dodaj dane>Załącz obraz. Może to być szkic na serwetce lub obraz o wyższej rozdzielczości.

7. Opcjonalnie wybierz model AI, którego chcesz użyć do wygenerowania strony.

8. Po zakończeniu opisywania strony wybierz pozycję Generuj stronę.

Agent rozpocznie wieloetapowy proces kompilacji, który można obserwować w czasie rzeczywistym:

• Strumieniowe przesyłanie myśli: agent najpierw przedstawia swoją interpretację polecenia, wylicza wymagania, założenia i plan wykonania.
• Generowanie kodu: następnie zapisuje podstawowy kod strony na podstawie planu.
• Transpilacja: wygenerowany kod jest następnie transpilowany w celu zapewnienia zgodności i odpowiedniego renderowania.
• Ostateczne renderowanie: Na koniec zostanie wyświetlone ukończone doświadczenie użytkownika.

Jeśli doświadczenie użytkownika nie jest wyświetlane na końcu tego procesu, możesz je wyświetlić, wybierając kartę Podgląd.

Wyświetl wygenerowany kod, iteruj i publikuj

Po wygenerowaniu strony masz kilka opcji uściślinia i finalizacji:

1. Wyświetlanie i edytowanie wygenerowanego kodu Wybierz kartę Kod , aby wyświetlić kod wygenerowany przez agenta aplikacji.

   Dane wyjściowe można uściślić na dwa sposoby:

   • Iteracyjne rozmowy z agentem aplikacji w celu naprawienia błędów, dostosowania układu lub dodania funkcji.
   • Ręcznie edytuj kod, wybierając pozycję Edytuj na karcie Kod. Po wprowadzeniu niektórych zmian możesz wybrać pozycję Zapisz , aby zatwierdzić zmiany jako nową iterację, lub przycisk Anuluj , aby odrzucić zmiany.

2. Porównywanie iteracji Po zakończeniu co najmniej dwóch iteracji z agentem możesz wybrać pozycję Porównaj na karcie Kod, aby wyświetlić różnice kodu między bieżącą i poprzednią iteracją.

   Uwaga

   Ta funkcja jest obecnie dostępna tylko od drugiej iteracji w bieżącej sesji.

3. Dołącz zrzut ekranu, aby uzyskać szybkie odniesienie W środowisku czatu kliknij Dołącz>Dodaj zrzut ekranu, aby dołączyć zrzut ekranu z bieżącej wersji zapoznawczej podczas następnej interakcji z agentem aplikacji. Jest to przydatne w celu dostosowania wizualizacji strony.

4. Zapisywanie i publikowanie Na pasku poleceń wybierz pozycję Zapisz , aby uniknąć utraty postępu na stronie.
   Gdy jesteś zadowolony ze swojej strony, wybierz pozycję Zapisz i opublikuj, aby opublikować wszystkie oczekujące zmiany w aplikacji, w tym wszelkie strony generowane.

Dodawanie stron generatywnych do rozwiązań

Strony generatywne są uwzględniane w rozwiązaniu i można je dodać do rozwiązania (za pośrednictwem aplikacji), aby ułatwić przechodzenie między środowiskami. Aby dodać stronę generatywną do rozwiązania, wykonaj następujące czynności:

1. Dodawanie aplikacji zawierającej strony generatywne do rozwiązania
   • W usłudze Power Apps wybierz pozycję Rozwiązania w okienku nawigacji po lewej stronie i otwórz odpowiednie rozwiązanie.
   • Wybierz Dodaj istniejącą > Aplikacja > Aplikacja oparta na modelu.
   • Wybierz aplikację zawierającą strony generatywne.
2. Eksportowanie rozwiązania (jako zarządzanego lub niezarządzanego)
   • Upewnij się, że mapa witryny aplikacji jest dołączona do rozwiązania. W przeciwnym razie należy tego zażądać podczas sprawdzania zależności.
   • Generowane strony (wyświetlane jako wiersze UX Agent Project) również będą żądane na podstawie ich zależności od mapy witryny.

Po wyeksportowaniu można zaimportować aplikację i strony generujące do innego środowiska. Po otwarciu w projektancie w środowisku docelowym będzie dostępny tylko pierwsze polecenie i opublikowany kod. Pełna konwersacja agenta nie jest przenoszona razem ze stroną.

Ograniczenia

Oto aktualne ograniczenia stron generatywnych:

• Strona może łączyć się tylko z tabelami Dataverse (maksymalnie 6 na jednej stronie). Na tych tabelach można wykonywać operacje tworzenia, odczytu, aktualizowania i usuwania (CRUD). Nie można korzystać z żadnych innych źródeł danych.
• Monit może mieć maksymalnie 50 000 znaków.
• Obsługiwany jest wyłącznie język angielski (USA).
• Współpraca nie jest obsługiwana. Upewnij się, że tylko jeden twórca pracuje nad stroną generatywną w tym samym czasie, aby uniknąć niezamierzonych konfliktów.
• Obsługiwane są wyłącznie następujące typy danych:
  • Opcja wyboru
  • Currency
  • Customer
  • Data i godzina
  • Tylko data
  • Liczbowy dziesiętny
  • Liczba zmiennopozycyjna
  • obraz
  • Lookup
  • Tekst wielowierszowy
  • Stan
  • Przyczyna stanu
  • Tekst
  • Liczbowy całkowity
  • Tak/Nie
  • Unikatowy identyfikator

Często zadawane pytania

Czy mogę rozpocząć projektowanie aplikacji w Plan Designer, a następnie korzystać ze stron generatywnych?

Tak, chociaż obecnie nie ma bezpośredniej integracji między planami i stronami generowania, możesz użyć planów do zdefiniowania tabel i aplikacji, a następnie przełączyć się do projektanta aplikacji, aby utworzyć dowolne żądane strony generowania.

Czy są jakieś dodatkowe opłaty lub kredyty potrzebne do korzystania ze stron generatywnych?

Nie, narzędzie do tworzenia stron generatywnych (i planów) nie wymaga żadnej dodatkowych kredytów AI ani komunikatów.

Jakie obrazy najlepiej nadają się do kierowania generowaniem interfejsu użytkownika?

Zależy to od celu. Jeśli wiesz dokładnie, jak chcesz, aby strona końcowa wyglądała, jasne i szczegółowe szkice lub szkielety (niezależnie od tego, czy ręcznie rysowane, czy cyfrowe) są najbardziej skuteczne. Jeśli masz tylko ogólną koncepcję i chcesz, aby agent wypełnił szczegóły, szybkie szkice na tablicy, a nawet rysunki na serwetce mogą działać dobrze.

Czy mogę używać stron generatywnych z aplikacjami kanwy lub innymi typami aplikacji?

Nie, strony generatywne są obecnie obsługiwane tylko w aplikacjach opartych na modelu.

Czy istnieje sposób na ponowne użycie lub sklonowanie strony generatywnej w różnych środowiskach?

Tak, strony generatywne są elementami uwzględnianymi w rozwiązaniach, które można przenosić między środowiskami. Tylko ostatnia opublikowana wersja kodu i pierwszy monit są obsługiwane za pomocą rozwiązania; pełna historia poprawek pozostaje w oryginalnym środowisku.

Czy mogę ręcznie edytować wygenerowany kod?

Tak. Wygenerowany kod można edytować ręcznie, wybierając pozycję Edytuj na karcie Kod . Zmiany są zapisywane jako nowa iteracja. Wybierz pozycję Anuluj , aby anulować zmiany, jeśli nie chcesz ich przechowywać.

Czy kod generowany przez strony generatywne jest gwarantowany jako gotowy do wdrożenia produkcyjnego i zgodny ze standardami mojej organizacji?

Nie Podczas gdy agent podejmuje najlepszą próbę utworzenia kodu gotowego do produkcji o wysokiej jakości z uwzględnieniem ułatwień dostępu i zabezpieczeń, twoim zadaniem jest zweryfikowanie danych wyjściowych. Zawsze przejrzyj wygenerowany kod, aby upewnić się, że jest on zgodny ze standardami, zasadami i wymaganiami dotyczącymi zgodności w organizacji.

Jak przekazać opinię na temat tej funkcji?

Najlepszym sposobem na wyrażenie opinii na temat stron generatywnych jest użycie przycisków kciuka w górę/w dół na czacie, które są dostępne po każdej iteracji. Zdecydowanie zachęcamy również do wybrania opcji Tak w obszarze Udostępnij odpowiednią zawartość, przykłady i dodatkowe pliki dziennika, abyśmy mogli debugować lub próbować odtworzyć wszelkie problemy napotkane podczas korzystania z tej funkcji.

Co zrobić, jeśli nie widzę włączonych stron generatywnych w moim środowisku?

Upewnij się, że twoje środowisko znajduje się w regionie USA.

Powiązane artykuły

• Strony generatywne w aplikacjach opartych na modelu — często zadawane pytania
• Warunki prawne