Doğal dil kullanarak sayfa oluşturma

Yapay zeka kullanılarak oluşturulan üretici bir sayfa oluşturmak için doğal dili kullanın. üretici sayfalar, model temelli uygulamalarda uygulama tasarım sürecinizi basitleştirmek, hızlandırmak ve geliştirmek için tasarlanmış yapay zeka temelli bir deneyimdir. Uygulama aracısı ile etkileşim kurarak, ihtiyacınız olan şeyleri doğal dilde açıklayarak ve hangi Microsoft Dataverse tablolarına başvurabileceğinizi belirterek model temelli uygulamalarınızda tam işlevsel sayfalar oluşturursunuz. Sayfanın nasıl görünmesini istediğinizi gösteren bir resim bile ekleyebilirsiniz.

Sayfayı tanımladıktan sonra, sistem gereksinimlerinizi ve spesifikasyonlarınızı işler ve doğru bileşenleri seçerek ve en iyi düzeni ve ilgili iş mantığını belirleyerek hem ön uç kullanıcı deneyimini kapsayan React kodunu akıllıca oluşturur. Etkileşimli, konuşmaya dayalı bir deneyim sayesinde, sayfa tasarımını gerçek zamanlı olarak iyileştirebilir, öğeleri, düzeni ve işlevselliği vizyonunuza mükemmel şekilde uyacak şekilde ayarlayabilirsiniz.

Üretken sayfanızı oluşturmayı seçme

Üretken sayfalar iki yazma deneyimini destekler. Her ikisi de aynı türde bir sayfa oluşturur. Fark, nerede yazmanız ve hangi yapay zeka modelinin nesli desteklemesidir.

Yerel geliştirme ortamınızdan oluşturma sayfaları oluşturmak ve düzenlemek için GitHub Copilot CLI gibi yapay zeka kod oluşturma araçlarını kullanın. Aşağıdaki avantajlar nedeniyle bu yaklaşım önerilir:

  • En son yapay zeka modellerine erişim. Yapay zeka yüklediğiniz araç tarafından sağlandığından, her zaman en yeni ve en yetenekli sınır modellerine erişebilirsiniz.
  • Dünya çapında genel bulutlarda kullanılabilir – belirli bölgelerle sınırlı değildir.
  • Kod öncelikli iş akışı. TypeScript ve React ile doğrudan tercih ettiğiniz IDE'de ve oluşturulan kod için IntelliSense desteğiyle npm install çalışın.
  • Tek bir çalıştırmada daha fazlasını oluşturun. Bir doğal dil isteği birden çok sayfa oluşturabilir, destekleyici Dataverse tabloları oluşturabilir ve her şeyi doğru uygulama ve çözüme yerleştirebilir.

Daha fazla bilgi: Yapay zeka kod oluşturma araçlarıyla üretken sayfalar oluşturma ve düzenleme

Power Apps'da tarayıcı içi yazma

Konuşma kullanıcı arabirimi deneyimini kullanarak doğrudan make.powerapps.com tarayıcıda üretken sayfalar oluşturun. Bu deneyim, Power Apps tasarımcısında kalmayı tercih eden ve yerel geliştirme kurulumuna ihtiyaç duymayan geliştiriciler için en iyisidir. Birleşik Devletler, Büyük Britanya, Avustralya ve Singapur'da kullanılabilir.

Bu makalenin geri kalanında tarayıcı içi deneyim açıklanmaktadır.

Önkoşullar

  • Power Platform ortamı şu bölgelerden birinde bulunmalıdır: Birleşik Devletler, Büyük Britanya, Avustralya veya Singapur.

Model temelli uygulamalarda üretici bir sayfa oluşturun

  1. Power Apps'e giriş yapın.

  2. Düzenleme için model temelli uygulama açın.

  3. Uygulama tasarımcısında Sayfa ekle>Üretici sayfa seçeneğini belirleyin.

    Bir iletişim kutusu açılır. Yeni sayfa oluşturmak için Sayfayı açıkla'yı seçin. Tam sayfa üretimsel sayfa deneyimi açılır.

    Uyarı

    Aynı iletişim kutusunda, ortamınızda bu uygulamaya ekleyebileceğiniz mevcut üretken sayfalar da listelenir. Varsayılan olarak liste Yayımlanan sayfalar olarak filtrelenmiştir; aradığınız sayfayı görmüyorsanız filtreyi Tümü olarak değiştirin.

  4. Metin kutusuna, oluşturmak istediğiniz sayfa türünün açıklamasını yazın. İşlevsel gereksinimleri ve isteğe bağlı olarak tüm UX belirtimlerini ekleyin. Örneğin, Hesap kayıtlarını modern bir görünüm ve hisle kart galerisi olarak gösteren bir sayfa oluşturun. Üst kısma adınızı, kuruluş resminizi, web sitenizi, e-postanızı ve telefon numaranızı ekleyin. Hesap tablosundaki verileri kullanarak galeriyi kaydırılabilir hale getirin komutunu girebilirsiniz. Sayfanın birden çok dili desteklemesini istiyorsanız, Üretici sayfasını yerelleştirme sayfasındaki yönergeleri izleyin.

    İpucu

    Nereden başlayacağını emin değil misiniz? Akıllı Uygulamalar Kataloğu, başlangıç noktası olarak kullanabileceğiniz ortak sayfa desenleri (galeriler, Kanban panoları, panolar ve daha fazlası) için önceden oluşturulmuş istem şablonları ve başvuru görüntüleri içeren bir İstem Kataloğu içerir.

  5. Veri ekle>Tablo ekle'yi seçerek uygun şekilde tablo ve görseller ekleyin. Altı adet Dataverse tablosunu birbirine bağlayabilirsiniz. Ekran görüntüsünde firma tablosu eklendi. üretici sayfaya bir tablo ekleyin

  6. İsteğe bağlı olarak Veri ekle>Resim ekle'yi seçerek oluşturulan sayfanızın UI'sini yönlendirmek için bir veya daha fazla görsel yükleyin. Bu, kaba bir peçete taslağı veya daha yüksek çözünürlüklü bir görüntü olabilir. Görüntü, oluşturmak istediğiniz sayfanın tamamının yapısını veya düzenini temsil edebilir veya taklit etmek istediğiniz belirli bir bölüm veya bileşenin görselleri olabilir.

    Uyarı

    Oluşturulan sayfanın belirli bir görüntüyü görüntülemesini istiyorsanız, (1) görüntüyü başvuruda bulunulmuş bir Datatable tablosuna ekleyebilir ve aracının görüntüyü buradan almasını sağlayabilir, (2) görüntüyü genel olarak barındırabilir ve aracıya URL'yi verebilir veya (3) görüntüyü web kaynağı olarak ekleyip aracıya web kaynağının URL'sini verebilirsiniz.

  7. İsteğe bağlı olarak, aracıya varsayılan/yer tutucu görüntüler, dekoratif arka planlar, statik içerik blokları ve daha zengin boş veya hata durumları gibi kullanım örneklerini desteklemek üzere 25.000 stok görüntüden oluşan seçilmiş ve güvenli bir kitaplıktan görüntü kullanma izni vermek için Görüntüleri ekle (önizleme) aracını etkinleştirin veya devre dışı bırakın. Stok görüntüleri kitaplığından bir görüntü eklemek için görüntü ekleme aracı kullanın

  8. İsteğe bağlı olarak, sayfayı oluşturmak için kullanmak istediğiniz yapay zeka modelini seçin. Sayfanızı oluşturmak için kullanmak istediğiniz yapay zeka modelini seçin

    Uyarı

    GPT-4.1 şu anda Power Apps oluşturucu deneyiminde üretken sayfalar için kullanılabilen tek modeldir.

    İpucu

    En son yapay zeka modellerini kullanmak mı istiyorsunuz? Bunu, daha yeni sınır modellerine erişmenizi sağlayan yapay zeka kod oluşturma araçlarıyla üretken sayfalar oluşturup düzenleyerek yapabilirsiniz.

  9. Sayfayı tanımlamayı bitirdiğinizde Sayfa oluştur'u seçin.

Ajan, gerçek zamanlı olarak gözlemleyebileceğiniz çok adımlı bir derleme süreci başlatır:

  • Düşünce akışı: Aracı ilk olarak isteminizin yorumlanmasını, gereksinimleri, varsayımları ve yürütme planını listeler.
  • Kod oluşturma: Ardından, sayfanız için temel alınan kodu plana göre yazar.
  • Dönüştürme: Daha sonra oluşturulan kod, uyumluluğu ve düzgün işlemeyi sağlamak için çevrilmiş olur.
  • Son işleme: Son olarak, tamamlanmış kullanıcı deneyimi görüntülenir.

Bu işlemin sonunda kullanıcı deneyimi görüntülenmiyorsa Önizleme sekmesini seçerek bu deneyimi görüntüleyebilirsiniz.

Oluşturulan bir sayfa kullanıcı deneyimi

Oluşturulan kodu görüntüleyin, yineleyin ve yayımlayın

Sayfanızı oluşturduktan sonra geliştirmek ve son halini vermek için birkaç seçeneğiniz vardır.

  1. Oluşturulan kodu görüntüleme ve düzenleme Uygulama aracısı tarafından oluşturulan kodu görüntülemek için Kod sekmesini seçin. üretici sayfa kodunu görüntüleyin ve tasarımı yineleyin

    Çıkışı iki şekilde daraltabilirsiniz:

    • Hataları düzeltmek, düzeni ayarlamak veya işlevsellik eklemek için uygulama aracısı ile yinelemeli olarak sohbet edin.
    • Kod sekmesinde Düzenle'yi seçerek kodu el ile düzenleyin. Bazı düzenlemeler yaptıktan sonra, değişikliklerinizi yeni bir yineleme olarak işlemek için Kaydet'i veya değişikliklerinizi atmak için İptal'i seçebilirsiniz.

    Veri işlemleri için kullanılan dataApi nesne yöntemleri hakkında bilgi edinin

  2. Yinelemeleri karşılaştırma Aracıyla iki veya daha fazla yinelemeyi tamamladıktan sonra, geçerli ve önceki yineleme arasındaki bir kod farkını görüntülemek için Kod sekmesinde Karşılaştır'ı seçebilirsiniz.

    Uyarı

    Bu özellik şu anda yalnızca geçerli oturumdaki ikinci yinelemeden başlayarak kullanılabilir.

  3. Hızlı bir başvuru için ekran görüntüsü ekleyin Sohbet deneyiminde, uygulama aracınızla bir sonraki etkileşiminizde mevcut önizlemenin ekran görüntüsünü eklemek için Ek>Ekran görüntüsü ekle seçeneğini seçin. Ekran görüntüsü, sayfanın görsellerinin ayarlanmasına yardımcı olmak için kullanışlıdır. Alternatif olarak, sayfanın tamamının veya sayfanın belirli bir parçasının görsellerini iyileştirmeye yardımcı olmak için başka resimler ekleyebilirsiniz.

  4. Erişilebilirlik sorunlarını denetleme (yeni) Kod oluşturma işleminin her yinelemesinin ardından ekranın alt kısmındaki Erişilebilirlik yardımcısı , oluşturulan kodu erişilebilirlik açısından değerlendirerek tarar. Üst düzey bir durum güncelleştirmesini doğrudan ekranda görebilir ve ayrıntılı sonuçları bir panelde açmayı seçebilirsiniz. Otomatik düzeltme'yi seçerek tüm ihlalleri otomatik olarak çözmeye çalışması için doğrudan aracıya geçirin.

  5. Kaydetme ve yayımlama Sayfanızda ilerleme durumunu kaybetmemek için komut çubuğunda Kaydet'i seçin. Sayfanızdan memnun olduğunuzda Kaydet ve Yayımla'yı seçerek tüm üretken sayfalar da dahil olmak üzere uygulama için bekleyen tüm değişiklikleri yayımlayın.

Önemli

Aracı, erişilebilirlik ve güvenlikle ilgili en iyi yöntemlerle ilgili önemli noktalar da dahil olmak üzere eksiksiz, üretime hazır kod oluşturmak için en iyi çabayı gösterse de, kodun doğrulanmasını sağlamak sizin sorumluluğundadır. Oluşturulan kodun kuruluşunuzun standartlarını ve uyumluluk gereksinimlerini karşıladığından emin olun.

Üretken sayfalarla ortak görevler

Bu bölüm, model temelli uygulamalarınızda üretken sayfalarla çalışırken sık karşılaşılan senaryoları ve görevleri kapsar.

Giriş parametrelerini kabul etmek için sayfa ayarlama

Üretken sayfalar , recordIdgiriş parametrelerini entityNamekabul edebilir ve data adresine gidildiğinde bağlamsal verileri almalarını sağlayabilir. Bir sayfayı parametreleri kabul etmek üzere yapılandırmak için, isteminizde sayfanın neyi kabul etmesi gerektiğini açıklayın ve aracı başlatma kodunu otomatik olarak gönderir. Örneğin:

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.

Üretken bir sayfaya gitme

Hedef sayfa giriş parametrelerini alacak şekilde ayarlanmışsa Xrm.Navigation.navigateTo kullanarak program yoluyla bir sayfa açabilir ve giriş parametrelerini iletebilirsiniz. Örnekler ve tam API ayrıntıları için İstemci API'sini kullanarak üretken bir sayfaya gidip gelme konusuna bakın.

Sayfada belirli görüntüleri kullanma

Üretken sayfalarınızda belirli görüntüleri kullanmak için bu üç yaklaşımdan birini kullanın.

Dataverse tablosunda görüntü depolama

Görüntüyü, üretken sayfanız tarafından başvuruda bulunulmuş bir Dataverse tablosuna ekleyin ve aracıya görüntüyü oradan almasını sağlayın. Sayfanızı oluştururken aracıya tablonuzdan doğru görüntüyü nasıl edineceklerini söyleyin.

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.

Görselleri harici bir sunucuda barındırın ve URL ile bağlantı verme

Görüntülerinizi bir dış sunucuda veya içerik teslim ağında (CDN) barındırın ve aracıya görüntünün URL'sini sağlayın:

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

Resimleri web kaynağı olarak ekleme

Görüntüyü çözümünüze bir web kaynağı olarak yükleyin ve web kaynağı URL'si ile referans verin:

  1. Görüntüyü çözümünüzde web kaynağı olarak ekleyin.
  2. Web kaynağı adını (örneğin, new_/images/banner.png) not edin.
  3. Burada açıklanan web kaynağı URL biçimini kullanarak isteminizde veya kodunuzda başvuruda bulunabilirsiniz:
Use the banner image from web resource new_/images/banner.png as the page header background.

Çözümlere üretken sayfalar ekleme

Üretken sayfalar çözüme duyarlıdır ve ortamlar arasında geçişi kolaylaştırmak için bir çözüme (uygulama aracılığıyla) eklenebilir. Çözüme üretken bir sayfa eklemek için aşağıdakileri yapın:

Önemli

Oluşturucu sayfanız önizleme aşamasında oluşturulduysa, yeni çözüm kullanan veri modeline bir kerelik geçiş başlatmak için model uygulama tasarımcısına oluşturucu sayfayı yüklemeniz gerekir. Sayfa tasarımcıda yüklendiğinde, "Sayfanız yükseltiliyor" adlı ilerleme iletisini görürsünüz. Geçiş tamamlanana kadar pencereyi kapatmayın.

  1. Üretken sayfalarınızı içeren uygulamayı bir çözüme ekleme
    • Power Apps'te sol gezinti bölmesinde Çözümler'i seçin ve istediğiniz çözümü açın.
    • Mevcut > Uygulama > Modeli temelli uygulamayı ekle'yi seçin.
    • Generatif sayfalar içeren uygulamayı seçin.
  2. Çözümü dışarı aktarma (yönetilen veya yönetilmeyen olarak)
    • Uygulama site haritasının çözüme dahil olduğundan emin olun. Aksi takdirde, bağımlılık denetimleri sırasında istenmelidir.
    • Üretken sayfalar (UX Aracısı Projesi satırları olarak gösterilir) de site haritasına bağımlılıklarına göre istendi.

Uyarı

Bağımlılık denetimleri sırasında üretken sayfalar istenmediyse bu öğeleri denetleyin:

  • Önizleme sırasında oluşturulan sayfalar yalnızca taşındıysa görünür. Geçişi tetikleme amacıyla bunları tasarımcıya yükleyin.
  • Site haritası çözüme dahil edilmişse ve üretken sayfalarınız geçirilmişse, site haritasında sayfayı yeniden sıralama veya yeniden adlandırma, uygulamayı yeniden yayımlama ve sonra dışarı aktarmayı yeniden deneme gibi küçük bir değişiklik yapmayı deneyin.

Dışarı aktardıktan sonra uygulamayı ve üretken sayfaları başka bir ortama aktarabilirsiniz. Hedef ortamda tasarımcıda açıldığında, yalnızca ilk istem ve yayımlanan kod mevcut olur. Tam aracı konuşması sayfayla birlikte aktarılmaz.

Üretken bir sayfayı yerelleştirme

Üretken bir sayfayı yerelleştirmek için isteminizin aşağıdaki öğeleri kapsadığından emin olun:

  • Dillerinizi belirtin. Aracıya sayfanın hangi dilleri desteklemesini istediğinizi, ideal olarak dil adını ve LCID'yi söyleyin.
  • Çevrilmiş metin isteme. Aracıdan sayfada her dil için kullanıcı tarafından görünen tüm etiketler ve metinler için bir çeviri sözlüğü oluşturmasını isteyin.
  • RTL desteğini etkinleştirin. Ortamınız Arapça veya İbranice gibi bir RTL dili içeriyorsa, aracıdan uygun sağdan sola düzen desteğini uygulamasını isteyin.
  • Bölgesel biçimlendirme kullanın. Aracıdan, sabit kodlanmış biçimler veya yerel ayar kodları kullanmak yerine dataverse kullanıcı ayarlarından her kullanıcının tercihlerini kullanarak tarihleri, sayıları ve para birimini biçimlendirmesini isteyin.

Ayrıntılı uygulama yönergeleri ve kod desenleri için Power Platform Becerileri deposundaki yerelleştirme yönergelerine gidin.

Uyarı

Oluşturan bir sayfanın site haritası girdisi varsayılan olarak yerelleştirilmez. Site haritası yerelleştirmesinin uygulama tasarımcısında ayrı olarak işlenmesi gerekir.

Sınırlamalar

üretici sayfaların mevcut sınırlamaları şunlardır:

  • Sayfanız yalnızca Dataverse tabloya bağlanabilir (tek bir sayfa için en fazla 6). Başka hiçbir veri kaynağı kullanılamaz.
  • İsteminizde en fazla 50.000 karakter olabilir.
  • Power Apps'te (make.powerapps.com) aracılığıyla üretken sayfalar oluşturduğunuzda desteklenen bir istem dili yalnızca ABD İngilizcesi'dir.
  • İş birliği desteklenmiyor. İstenmeyen çakışmaları önlemek için üretici bir sayfada aynı anda yalnızca bir oluşturucunun çalıştığından emin olun.
  • Yalnızca şu veri türleri desteklenir:
    • Seçenek
    • Para birimi
    • Müşteri
    • Tarih ve Saat
    • Yalnızca Tarih
    • Ondalık sayısı
    • Kayan Noktalı Sayı
    • Görüntü
    • Arama
    • Çok Satırlı Metin
    • Durum
    • Durum Nedeni
    • Metin
    • Tam sayı
    • Evet/Hayır
    • Benzersiz Tanıtıcı

Sık sorulan sorular

Uygulamamı Plan Tasarımcısı'nda tasarlamaya başlayıp üretici sayfaları kullanabilir miyim?

Evet, şu anda planlar ve üretken sayfalar arasında doğrudan tümleştirme olmasa da, tablolarınızı ve uygulamalarınızı tanımlamak için planları kullanabilir ve ardından model temelli uygulama tasarımcısına geçerek istediğiniz oluşturucu sayfaları oluşturabilirsiniz.

üretici sayfaları kullanmak için gereken herhangi bir ek ücret veya kredi var mı?

Hayır, üretici sayfalar (ve planlar) için kullanıcı deneyimi herhangi bir ek yapay zeka veya mesaj kredisi gerektirmez.

Kullanıcı arabirimi oluşturmayı yönlendirmek için en iyi hangi tür görüntüler işe yarar?

Hedefinize bağlı. Son sayfanın nasıl görünmesini istediğinizi tam olarak biliyorsanız, net ve ayrıntılı taslaklar veya tel çerçeveler (elle çizilmiş veya dijital) en etkili olanlardır. Yalnızca genel bir kavramınız varsa ve temsilcinin ayrıntıları doldurmasını istiyorsanız, hızlı beyaz tahta taslakları ve hatta peçete çizimleri iyi çalışabilir.

üretici sayfaları tuval uygulamalarıyla veya diğer uygulama türleriyle kullanabilir miyim?

Hayır, üretici sayfalar şu anda yalnızca model temelli uygulamalarda desteklenmektedir.

üretici bir sayfayı ortamlar arasında yeniden kullanmanın veya kopyalamanın bir yolu var mı?

Evet, üretken sayfalar ortamlar arasında taşınabilen çözüm kullanan öğelerdir. Çözümle birlikte kodun yalnızca son yayımlanan sürümü ve ilk istem korunur; düzeltme geçmişinin tamamı özgün ortamda kalır.

Oluşturulan kodu manuel olarak düzenleyebilir miyim?

Evet. Kod sekmesinde Düzenle'yi seçerek oluşturulan kodu el ile düzenleyebilirsiniz. Değişiklikleriniz yeni bir yineleme olarak kaydedilir. Düzenlemelerinizi saklamamayı seçerseniz iptal etmek için İptal'i seçin.

Oluşturan sayfalar tarafından oluşturulan kodun üretime hazır ve kuruluşumun standartlarıyla uyumlu olması garanti edilir mi?

Hayır. Aracı, erişilebilirlik ve güvenlik için en iyi yöntemleri göz önünde bulundurarak yüksek kaliteli, üretime hazır kod üretmek için en iyi çabayı gösterse de, çıktıyı doğrulamak sizin sorumluluğunuzdadır. Oluşturulan kodu her zaman gözden geçirerek kuruluşunuzun standartlarına, ilkelerine ve uyumluluk gereksinimlerine uygun olduğundan emin olun.

Bu özellik hakkında nasıl geri bildirimde bulunabilirim?

üretici sayfalarda geri bildirim vermenin en iyi yolu, her yinelemeden sonra sohbet deneyiminde kullanılabilen beğen/beğenme düğmelerini kullanmaktır. Ayrıca, İlgili içerik örneklerini ve ek günlük dosyalarını paylaş seçeneğinde Evet'i seçmenizi önemle tavsiye ederiz; böylece, özellikte karşılaştığınız sorunları ayıklayabilir veya yeniden oluşturmaya çalışabiliriz.

Eğer ortamımda üretici sayfaların etkinleştirildiğini görmüyorsam ne yapmalıyım?

Ortamınızın Power Apps oluşturucu stüdyo deneyimi için desteklenen bölgelerden birinde olduğunu onaylayın: Birleşik Devletler, Büyük Britanya, Avustralya veya Singapur. Bölgeniz listelenmiyorsa, dünya çapında genel bulutlarda kullanılabilen yapay zeka kod oluşturma araçlarını kullanarak üretken sayfalar oluşturmaya ve düzenlemeye devam edebilirsiniz. Daha fazla bilgi: Yapay zeka kod oluşturma araçlarıyla üretken sayfalar oluşturma ve düzenleme

  • Last updated on