Табиғи тілді пайдаланып бетті жасау

AI көмегімен жасалған генеративті бет құру үшін табиғи тілді пайдаланыңыз. Генеративті беттер - модельге негізделген қолданбалардағы қолданбаларды жобалау процесін жеңілдетуге, жылдамдатуға және жақсартуға арналған AI басқаратын тәжірибе. Қосымша агентімен өзара әрекеттесу арқылы сіз модельдік қосымшаларда толық функционалды беттер жасайсыз, қажет нәрселерді табиғи тілде сипаттап, қай Microsoft Dataverse кестелеріне сілтеме жасау керектігін көрсетесіз. Тіпті беттің қалай көрінуін қалайтын суретін қоса аласыз.

Бетті сипаттағаннан кейін жүйе талаптарыңыз бен техникалық сипаттамаларыңызды өңдейді және дұрыс құрамдастарды таңдап, ең жақсы орналасуды және сәйкес бизнес логикасын анықтау арқылы алдыңғы пайдаланушы тәжірибесін қамтитын React кодын интеллектуалды түрде жасайды. Интерактивті, сөйлесу тәжірибесі арқылы сіз нақты уақытта бет дизайнын нақтылай аласыз, элементтерді, орналасуды және функционалдылықты өз көзқарасыңызға сәйкес келтіру үшін реттей аласыз.

Генеративті бетіңізді қалай құру керектігін таңдаңыз

Генеративті беттер екі авторлық тәжірибені қолдайды. Екеуі де бірдей парақ шығарады. Айырмашылық — қайда автор екеніңіз және қай AI моделі генерацияны басқарады.

GitHub Copilot CLI сияқты жасанды интеллект код генерациялау құралдарын пайдаланып, жергілікті әзірлеу ортасынан генеративті беттер жасап, өңдеңіз. Бұл тәсіл келесі артықшылықтарына байланысты ұсынылады:

  • Соңғы AI модельдеріне қолжетімділік. AI орнатылған құрал арқылы қамтамасыз етілгендіктен, сіз әрдайым ең жаңа және ең қабілетті шекаралық модельдерге қол жеткізе аласыз.
  • Әлем бойынша қоғамдық бұлттарда қолжетімді – тек белгілі бір аймақтармен шектелмейді.
  • Кодқа негізделген жұмыс процесі. TypeScript және React-пен тікелей өзіңіз қалаған IDE-де жұмыс істеп, npm install генерацияланған кодқа IntelliSense қолдауын ұсыныңыз.
  • Бір жүгіруде көбірек жинаңыз. Бір табиғи тілдегі сұраныс бірнеше бет шығарып, қолдау көрсететін Dataverse кестелерін жасап, бәрін дұрыс қосымша мен шешімге орналастыра алады.

Қосымша ақпарат: AI код генерациялау құралдарымен генеративті беттерді жасау және өңдеу

Power Apps-те браузерде авторлау

Тікелей браузерде make.powerapps.com арқылы сөйлесу интерфейсі арқылы генеративті беттер жасаңыз. Бұл тәжірибе Power Apps дизайнерінде қалуды қалайтын және жергілікті әзірлеу жүйесін қажет етпейтін жасаушылар үшін ең қолайлы. Ол United States, Ұлыбритания, Австралия және Сингапурда қолжетімді.

Мақаланың қалған бөлігі браузер ішіндегі тәжірибені сипаттайды.

Алғышарттар

  • Power Platform ортасы келесі аймақтардың бірінде орналасуы тиіс: United States, Great Britain, Australia немесе Singapore.

Үлгіге негізделген қолданбаларда генеративті бет жасаңыз

  1. Power Apps жүйесіне кіріңіз.

  2. Өңдеу үшін үлгіге негізделген қолданбаны ашыңыз.

  3. Қосымша дизайнерінде Add page>Generative page таңдаңыз.

    Диалог ашылады. Жаңа бет жасау үшін Бетті сипаттауды таңдаңыз. Толық бетті генеративті бет тәжірибесі ашылады.

    Ескертпе

    Сол диалогта сіздің ортаңыздағы бар генеративті беттерді де көрсетеді, оларды осы қосымшаға қосуға болады. Әдепкі бойынша тізім Жарияланған беттерге сүзгіден өтеді; Егер іздеген бетіңізді көрмесеңіз, сүзгіні All-ға ауыстырыңыз.

  4. Мәтіндік жәшікте жасағыңыз келетін бет түрінің сипаттамасын теріңіз. Функционалдық талаптарды және кез келген UX спецификацияларын қосыңыз. Мысалы, сіз Тіркелгі жазбаларын заманауи көрініс пен сезімді пайдаланып карталар галереясы ретінде көрсететін бетті құра аласыз. Атын, жоғарғы жағындағы нысан кескінін және веб-сайтты, электрондық поштаны, телефон нөмірін қосыңыз. Тіркелгі кестесіндегі деректерді пайдалану арқылы галереяны айналдырыңыз. Егер беттің бірнеше тілді қолдауын қаласаңыз, генеративті бетті локализациялау нұсқаулығын орындаңыз.

    Кеңес

    Қайдан бастау керектігін білмейсіз бе? Intelligent Apps Catalog бастапқы нүкте ретінде қолдануға болатын кең таралған бет үлгілері мен анықтамалық суреттері бар Prompt Catalog-ты қамтиды.

  5. Деректерді қосу>Кестені қосу таңдау арқылы сәйкесінше кестелер мен кескіндерді қосыңыз. Ең көбі алты Dataverse кестені байланыстыра аласыз. Скриншотта тіркелгі кестесі қосылады. Генеративті бетке кесте қосыңыз

  6. Қажет болса, бір немесе бірнеше суретті жүктеп, жасаған бетіңіздің интерфейсін бағыттау үшін Add>data image таңдаңыз. Бұл майлықтың өрескел эскизі немесе жоғарырақ ажыратымдылықтағы кескін болуы мүмкін. Сурет сіз жасағыңыз келетін бүкіл беттің құрылымы немесе орналасуын көрсетуі мүмкін, немесе сіз еліктегің келетін бөлім немесе компоненттің визуалды көрінісі болуы мүмкін.

    Ескертпе

    Егер сіз генерацияланған бетте белгілі бір суретті көрсеткіңіз келсе, суретті сұрауға қосудың орнына, (1) суретті сілтеме жасалған Datatable кестесіне қосып, агентке суретті сол жерден алуын сұрай аласыз, (2) суретті ашық орналастырып, агентке URL беруге болады, немесе (3) суретті веб-ресурс ретінде қосып, агентке веб-ресурстың URL-ін бере аласыз.

  7. Қажет болса, агентке 25 000 қор суреттерінен тұратын қорған, қауіпсіз кітапханадағы суреттерді пайдалану үшін Include images (алдын ала қарау) құралын қосу немесе өшіру керек, бұл әдепкі/уақытша суреттер, сәндік фондар, статикалық контент блоктары және байырақ бос немесе қате күйлері сияқты қолдану жағдайларын қолдауға мүмкіндік береді. Stock суреттер кітапханасынан сурет қосу үшін сурет құралын қосыңыз

  8. Бетті жасау үшін пайдаланғыңыз келетін AI үлгісін таңдаңыз. Бетті жасау үшін пайдаланғыңыз келетін AI үлгісін таңдаңыз

    Ескертпе

    GPT-4.1 қазіргі уақытта генеративті беттерге арналған Power Apps maker тәжірибесінде қолжетімді жалғыз модель.

    Кеңес

    Соңғы AI модельдерін қолданғыңыз келе ме? Мұны жасанды интеллект код генерациялау құралдарымен генеративті беттер жасап, өңдеу арқылы жасай аласыз, бұл сізге жаңа шекаралық модельдерге қол жеткізуге мүмкіндік береді.

  9. Бетті сипаттауды аяқтаған кезде, Бетті жасау таңдаңыз.

Агент нақты уақыт режимінде бақылауға болатын көп сатылы құрастыру процесін бастайды:

  • Ой ағымы: Агент алдымен сіздің тапсырмаңызды түсіндіруін, тізім талаптарын, болжамдарын және орындау жоспарын сипаттайды.
  • Шарты: Мәтіннің мазмұнын түсіндіру.
  • Транспиляция: Содан кейін жасалған код үйлесімділік пен дұрыс көрсетуді қамтамасыз ету үшін беріледі.
  • Қорытынды шығару: Қорытындылай келе, сабақ жоспары аяқталады.

Егер пайдаланушы тәжірибесі осы процестің соңында көрсетілмесе, оны Алдын ала қарау қойындысын таңдау арқылы көруге болады.

Жасалған бет пайдаланушы тәжірибесі

Жасалған кодты қараңыз, қайталаңыз және жариялаңыз

Бетті жасағаннан кейін, оны нақтылаудың және аяқтаудың бірнеше нұсқалары бар:

  1. Жасалған кодты көру және өңдеу Бағдарлама агенті жасаған кодты көру үшін Код қойындысын таңдаңыз. Генеративті бет кодын қараңыз және дизайнды қайталаңыз

    Өнімділікті екі жолмен жақсарта аласыз:

    • Қателерді түзету, орналасуды реттеу немесе функционалдылықты қосу үшін бағдарлама агентімен қайталанатын түрде сөйлесіңіз.
    • Код қойындысында Өңдеу пәрменін таңдау арқылы кодты қолмен өңдеңіз. Кейбір өңдеулер жасағаннан кейін өзгертулерді жаңа итерация ретінде бекіту үшін Сақтау немесе өзгертулерді алып тастау үшін Болдырмау пәрменін таңдауға болады.

    Деректер операциялары үшін қолданылатын dataApi объект әдістері туралы біліңіз

  2. Итерацияларды салыстыру Агентпен екі немесе одан да көп итерацияны аяқтағаннан кейін, ағымдағы және алдыңғы итерация арасындағы код айырмашылығын көру үшін Код қойындысында Салыстыру пәрменін таңдауға болады.

    Ескертпе

    Қазіргі уақытта бұл мүмкіндік тек ағымдағы сессияның екінші итерациясынан бастап қол жетімді.

  3. Жылдам анықтама үшін скриншотты қосыңыз Чат тәжірибесінде қосымша агентімен келесі әрекеттесуіңізде ағымдағы алдын ала қараудың скриншотын қосу үшін Қосу> скриншотын қосу опциясын таңдаңыз. Скриншот беттің визуалдарын реттеуге көмектеседі. Сонымен қатар, бүкіл беттің немесе белгілі бір беттің визуалды көрінісін жақсарту үшін басқа суреттерді қосуға болады.

  4. Қолжетімділік мәселелерін тексеру (жаңа) Код генерациясының әр қайталануынан кейін, экранның төменгі жағындағы қолжетімділік көмекшісі генерацияланған кодты сканерлеп, оны қолжетімділік жағынан бағалайды. Жоғары деңгейлі күй жаңартуын тікелей экранда көре аласыз және детальды нәтижелерді панельде ашуды таңдай аласыз. Автоматты түрде шешу үшін кез келген бұзушылықты тікелей агентке беру үшін Auto fix таңдаңыз.

  5. Сақтау және жариялау Пәрмен тақтасында беттегі прогресті жоғалтпау үшін Сақтау пәрменін таңдаңыз. Бетіңізге қанағаттанған соң, қосымшадағы барлық күтіп тұрған өзгерістерді, соның ішінде генеративті беттерді жариялау үшін Сақтау және Жариялау таңдаңыз.

Маңызды

Агент қол жетімділік пен қауіпсіздіктің ең жақсы тәжірибелерін ескере отырып, толық, өндіріске дайын кодты жасау үшін бар күш-жігерін жұмсаса да, кодты тексеруге сіз жауаптысыз. Жасалған кодтың ұйымның стандарттары мен талаптарына сай келетініне көз жеткізіңіз.

Генеративті беттердегі кең таралған тапсырмалар

Бұл бөлім модельдік қосымшалардағы генеративті беттермен жұмыс істегенде жиі кездесетін сценарийлер мен тапсырмаларды қамтиды.

Енгізу параметрлерін қабылдайтын бет орнатыңыз

Генеративті беттер кіріс параметрлерін recordIdқабылдай алады , entityNameжәне data оларға навигация кезінде контексттік деректерді қабылдауға мүмкіндік береді. Параметрлерді қабылдайтын бетті баптау үшін, тапсырмаңызда беттің не қабылдауы керектігін сипаттаңыз, агент инициализация кодын автоматты түрде қосады. Мысалы:

Set up the page to accept an account recordId. When the page loads, use these to fetch and display the corresponding account details.
Configure this page to accept a data parameter containing a custom filter object. Use it to filter the displayed records when the page loads.

Генеративті бетті формаға ендіру

Модельге негізделген қосымша формасына генеративті бет қосуға болады, ол бөлімде немесе қойындыда көрінеді. Алдымен формаға арналған генеративті бет жасап, оны енгізу параметрін қабылдауға recordId баптаңыз.

Бетті формаға қосу үшін:

  1. Форма дизайнерінде форманы ашыңыз.
  2. Сол жақ панелде Компоненттерді таңдап, содан кейін Дисплейді кеңейтіңіз.
  3. Генеративті бетті таңдаңыз.
  4. Ендіргің келетін генеративті бетті таңдаңыз.
  5. Опция ретінде, бет қабылдайтын қосымша статикалық кірістер үшін мәндерді беріңіз.
  6. Пішінді сақтаңыз және жариялаңыз.

Пайдаланушы жазба ашқанда, форма автоматты түрде ағымдағы жазба идентификаторын генеративті бетке енгізу recordId ретінде береді. Статикалық мәнді recordIdбаптаудың қажеті жоқ.

Генеративті бетке өтіңіз

Егер мақсатты бет оларды қабылдауға бапталған болса, генеративті бетке , passing параметрлерін Xrm.Navigation.navigateToқолданып бағдарламалық түрде өтуге болады. Мысалдар мен толық API мәліметтері үшін Клиент API арқылы генеративті бетке кіру және қайта кіру бөлімін қараңыз.

Бетте нақты суреттерді қолданыңыз

Генеративті беттеріңізде нақты суреттерді қолдану үшін осы үш тәсілдің бірін қолданыңыз.

Суреттерді Dataverse кестесінде сақтау

Суретті генеративті бетіңіз сілтеме жасайтын Dataverse кестесіне қосыңыз және агентке суретті сол жерден алуын тапсырыңыз. Бетіңізді жасағанда, агентке кестеңізден дұрыс суретті қалай алуға болатынын айтыңыз.

Build a product catalog page showing products from the Product table. Display the product image from the ProductImage column, along with the name, description, and price.

Хост суреттері сыртқы және URL бойынша сілтеме

Суреттеріңізді сыртқы серверде немесе контент жеткізу желісінде (CDN) орналастырыңыз және агентке суреттің URL мекенжайын беріңіз:

Display the company logo using this URL: https://example.com/images/logo.png at the top of the page.

Суреттерді веб-ресурс ретінде қосу

Суретті шешіміңізге веб-ресурс ретінде жүктеп, оның веб-ресурс URL мекенжайы бойынша сілтеме жасаңыз:

  1. Суретті шешіміңізге веб-ресурс ретінде қосыңыз.
  2. Веб-ресурс атауына назар аударыңыз (мысалы, new_/images/banner.png).
  3. Оны өзіңіздің тапсырмаңызда немесе кодыңызда сипатталған веб-ресурс URL форматында сілтеме жасаңыз:
Use the banner image from web resource new_/images/banner.png as the page header background.

Шешімдерге генеративті беттерді қосу

Генеративті беттер шешімді біледі және оларды орталар арасында жылжытуды жеңілдету үшін шешімге (қолданба арқылы) қосуға болады. Шешімге генеративті бетті қосу үшін келесі әрекеттерді орындаңыз:

Маңызды

Егер генеративті бет алдын ала қарау кезеңінде жасалған болса, жаңа шешімді білетін деректер үлгісіне бір реттік тасымалдауды бастау үшін үлгі бағдарлама құрастырушысында генеративті бетті жүктеу керек. Бет дизайнерде жүктелгенде, сіз "Бетіңізді жаңарту" прогресс туралы хабарламаны көресіз. Көшу аяқталғанша терезені жаппаңыз.

  1. Генеративті беттеріңізді қамтитын қосымшаны шешімге қосыңыз
    • Power Apps жылы сол жақ навигация панелінде Solutions таңдап, қажетті шешімді ашыңыз.
    • Бұрыннан > бар бағдарлама > үлгісіне негізделген бағдарламаны қосу пәрменін таңдаңыз.
    • Генеративті беттерді қамтитын бағдарламаны таңдаңыз.
  2. Шешімді экспорттау (басқарылатын немесе басқарылмаған)
    • Бағдарламаның сайт картасының шешімге енгізілгеніне көз жеткізіңіз. Олай болмаған жағдайда, тексеру кезінде тексеру жүргізу керек.
    • Генеративті беттер (UX агенті Project жолдары ретінде көрсетілген) сайткартаға тәуелділігіне байланысты сұралады.

Ескертпе

Тәуелділікті тексеру кезінде генеративті беттер сұралмаса, мына элементтерді тексеріңіз:

  • Алдын ала қарау кезінде жасалған беттер тасымалданған жағдайда ғана пайда болады. Көші-қонды іске қосу үшін оларды дизайнерге жүктеңіз.
  • Егер сайт картасы шешімге енгізілсе және генеративті беттеріңіз көшірілген болса, сайт картасына кішкене өзгеріс енгізіңіз, мысалы, бетті реттеу немесе атау, қосымшаны қайта жариялау және қайта экспорттауды байқап көріңіз.

Экспорттағаннан кейін бағдарлама мен генерациялық беттерді басқа ортаға импорттауға болады. Мақсатты ортада дизайнерде ашылғанда, тек бірінші тапсырма мен жарияланған код қолжетімді болады. Толық агент әңгімесі бетпен бірге берілмейді.

Генеративті бетті локализациялау

Генеративті бетті локализациялау үшін сіздің тапсырмаңызда келесі элементтер бар екеніне көз жеткізіңіз:

  • Тілдеріңізді нақты айтыңыздар. Агентке беттің қандай тілдерді қолдайтынын айтыңыз, ең жақсысы — тіл атауы мен LCID.
  • Аударылған мәтінді сұраймын. Агенттен әр тіл үшін беттегі барлық пайдаланушыға көрінетін белгілер мен мәтін үшін аударма сөздігін жасауды сұраңыз.
  • RTL қолдауын қосыңыз. Егер сіздің ортаңызда араб немесе иврит сияқты RTL тілі болса, агенттен тиісті оңнан солға орналасу қолдауын енгізуді сұраңыз.
  • Аймақтық форматтауды қолданыңыз. Агенттен күндерді, сандарды және валютаны әр пайдаланушының Dataverse пайдаланушы баптауларындағы таңдаулары арқылы форматтауды сұраңыз, нақты кодталған форматтар немесе жергілікті кодтар қолданудың орнына.

Егжей-тегжейлі іске асыру нұсқаулары мен код үлгілері үшін Power Platform Skills репозиторийіндегі локализация нұсқауларына өтіңіз.

Ескертпе

Генеративті беттің сайт картасы әдепкі бойынша локализацияланбаған. Sitemap локализациясы қосымша дизайнерінде бөлек жүргізілуі керек.

Шектеулер

Бұл генеративті беттердің ағымдағы шектеулері:

  • Сіздің бетіңіз тек Dataverse кестелерге қосыла алады (бір бет үшін 6-ға дейін). Басқа деректер көздерін пайдалануға болмайды.
  • Сіздің өтінішіңіз 50 000 таңбаға ие болуы мүмкін.
  • Генеративті беттерді in Power Apps (make.powerapps.com) арқылы жасағанда, тек АҚШ ағылшын тілі қолдау көрсетіледі.
  • Бірлесіп жұмыс істеуге қолдау көрсетілмейді. Күтпеген қақтығыстарды болдырмау үшін бір уақытта тек бір жасаушы генеративті бетте жұмыс істеп тұрғанына көз жеткізіңіз.
  • Тек мына деректер түрлеріне қолдау көрсетіледі:
    • Таңдау
    • Валюта
    • Тұтынушы
    • Күн және уақыт
    • Тек күн
    • Ондық сандар
    • Қалқымалы нүкте саны
    • Кескін
    • Қарау
    • Көп жолды мәтін
    • Күй
    • Күй себебіі
    • Мәтін
    • Бүтін
    • Иә/Жоқ
    • Бір мәнді идентификатор

Жиі қойылатын сұрақтар

Жоспар дизайнерінде қолданбамды жобалауды бастай аламын ба, содан кейін генеративті беттерді пайдалана аламын ба?

Иә, қазіргі уақытта жоспарлар мен генеративті беттер арасында тікелей интеграция болмаса да, кестелер мен қосымшаларды анықтау үшін жоспарларыңыз бар, содан кейін модельге негізделген қосымша дизайнеріне ауысып, қалаған генеративті беттерді жасай аласыз.

Генеративті беттерді пайдалану үшін қосымша алымдар немесе несиелер қажет пе?

Жоқ, генеративті беттер (және жоспарлар) үшін жасаушы тәжірибесі қосымша AI немесе хабарлама несиелерін қажет етпейді.

UI буынына жетекшілік ету үшін қандай кескіндер жақсы жұмыс істейді?

Бұл сіздің мақсатыңызға байланысты. Егер сіз соңғы беттің қалай көрінетінін дәл білсеңіз, айқын және егжей-тегжейлі эскиздер немесе сымдар (қолмен немесе сандық болсын) ең тиімді. Егер сізде тек жалпы тұжырымдама болса және агенттің егжей-тегжейлі толтыруын қаласаңыз, жылдам тақта эскиздері немесе тіпті майлықтар сызбалары жақсы жұмыс істей алады.

Генеративті беттерді кенеп қолданбаларымен немесе басқа қолданба түрлерімен пайдалана аламын ба?

Жоқ, генеративті беттерге қазіргі уақытта үлгіге негізделген қолданбаларда ғана қолдау көрсетіледі.

Орталарда генеративті бетті қайта пайдалану немесе клондау тәсілі бар ма?

Ия, генеративті беттер - бұл ортада жылжытуға болатын шешімді білетін элементтер. Кодтың соңғы жарияланған нұсқасы және бірінші нұсқасы ғана шешіммен сақталады; Толық ревизиялық тарих түпнұсқа қоршаған ортада қалады.

Жасалған кодты қолмен өңдей аламын ба?

Иә. Код қойындысында Өңдеу пәрменін таңдау арқылы жасалған кодты қолмен өңдеуге болады. Сіздің өзгертулеріңіз жаңа итерация ретінде сақталады. Егер оларды сақтамауды таңдасаңыз, өңдеулерден бас тарту үшін Болдырмау пәрменін таңдаңыз.

Генеративті беттер арқылы жасалған код өндірістік дайын және менің ұйымымның стандарттарына сай болатынына кепілдік бере ме?

Жоқ. Агент қол жетімділік пен қауіпсіздіктің ең жақсы тәжірибелерін ескере отырып, жоғары сапалы, өндіріске дайын кодты шығаруға тырысқанымен, шығысты тексеру сіздің жауапкершілігіңіз. Генерацияланған кодты әрдайым ұйымыңыздың стандарттарына, саясаттарына және сәйкестік талаптарына сәйкес келетініне көз жеткізіңіз.

Функция туралы қалай пікір қалдырамын?

Генеративті беттер бойынша кері байланыс берудің ең жақсы жолы - әр итерациядан кейін қолжетімді чат тәжірибесіндегі бас бармақ жоғары/төмен түймелерін пайдалану. Сондай-ақ, мүмкіндікпен кездескен ақауларды түзету немесе қайта жасауға әрекет жасау үшін Иә қосу тиісті мазмұн үлгілерін және қосымша журнал файлдарын бөлісу пәрменін таңдауды ұсынамыз.

Ортамда генеративті беттер қосылғанын көрмесем ше?

Сіздің ортаңыз Power Apps maker studio тәжірибесі үшін қолдау көрсетілетін аймақтардың бірінде екенін растаңыз: United States, Great Britain, Australia немесе Singapore. Егер сіздің аймақыңыз тізімде болмаса да, сіз әлі де генеративті беттерді AI код генерациялау құралдарын пайдаланып, генеративті беттерді жасай аласыз, олар бүкіл әлемде қоғамдық бұлттарда қолжетімді. Қосымша ақпарат: AI код генерациялау құралдарымен генеративті беттерді жасау және өңдеу