แชร์ผ่าน


สร้างหน้าโดยใช้ภาษาธรรมชาติ

ใช้ภาษาธรรมชาติเพื่อสร้างหน้าเว็บที่สร้างอัตโนมัติที่สร้างโดยใช้ AI หน้าเว็บที่สร้างอัตโนมัติเป็นประสบการณ์การใช้งานที่ขับเคลื่อนด้วย AI ซึ่งออกแบบมาเพื่อลดความซับซ้อน เร่งความเร็ว และปรับปรุงกระบวนการออกแบบแอปของคุณในแอปแบบจำลอง ด้วยการโต้ตอบกับเอเจนต์แอป คุณจะสร้างหน้าเว็บที่ทำงานได้อย่างสมบูรณ์ในแอปแบบจำลองของคุณ โดยอธิบายสิ่งที่คุณต้องการในภาษาธรรมชาติและระบุตาราง Microsoft Dataverse ที่ต้องการอ้างอิง คุณยังสามารถแนบรูปภาพของสิ่งที่คุณต้องการสำหรับลักษณะของหน้า

หลังจากที่คุณอธิบายหน้าแล้ว ระบบจะประมวลผลความต้องการและข้อกำหนดของคุณ และสร้างโค้ด React อย่างชาญฉลาดซึ่งครอบคลุมทั้งประสบการณ์ผู้ใช้ส่วนหน้าโดยเลือกส่วนประกอบที่เหมาะสมและกำหนดเค้าโครงที่ดีที่สุด และตรรกะทางธุรกิจที่เกี่ยวข้อง ด้วยประสบการณ์การสนทนาแบบโต้ตอบ คุณสามารถปรับแต่งการออกแบบหน้าแบบเรียลไทม์ ปรับองค์ประกอบเค้าโครงและฟังก์ชันการทำงานเพื่อให้เข้ากับวิสัยทัศน์ของคุณได้อย่างสมบูรณ์แบบ

ข้อกำหนดเบื้องต้น

  • สภาพแวดล้อม Power Platform ต้องอยู่ในภูมิภาคของสหรัฐอเมริกา คุณสมบัตินี้ยังไม่พร้อมใช้งานในภูมิภาคอื่น ๆ

สร้างหน้าเว็บที่สร้างอัตโนมัติในแอปแบบจำลอง

  1. ลงชื่อเข้าใช้ Power Apps

  2. เปิดแอปแบบจำลองสำหรับการแก้ไข

  3. ในตัวออกแบบแอป ให้เลือก เพิ่มหน้าเพิ่มหน้า>อธิบายหน้า

    ประสบการณ์การใช้งานหน้าเว็บที่สร้างอัตโนมัติแบบเต็มหน้าจะเปิดขึ้น

  4. ในกล่องข้อความ ให้พิมพ์คำอธิบายชนิดของหน้าที่คุณต้องการสร้าง คำอธิบายควรมีข้อกำหนดด้านการทำงานและข้อกำหนด UX ที่เป็นทางเลือก ตัวอย่างเช่น คุณสามารถป้อน สร้างหน้าที่แสดงเรกคอร์ดบัญชีเป็นแกลเลอรีของการ์ดโดยใช้รูปลักษณ์ที่ทันสมัย ใส่ชื่อ รูปภาพเอนทิตีที่ด้านบน และเว็บไซต์ อีเมล หมายเลขโทรศัพท์ ทำให้แกลเลอรีสามารถเลื่อนได้โดยใช้ข้อมูลจากตารางบัญชี

  5. เพิ่มตารางและรูปภาพตามความเหมาะสมโดยเลือก เพิ่มข้อมูล>เพิ่มตาราง คุณสามารถเชื่อมโยงตาราง Dataverse ได้สูงสุดหกตาราง ในภาพหน้าจอ มีการเพิ่มตารางบัญชี เพิ่มตารางในหน้าเว็บที่สร้างอัตโนมัติ

  6. เลือกอัปโหลดรูปภาพเพื่อเป็นแนวทาง UI ของหน้าที่คุณสร้างขึ้นโดยเลือก เพิ่มข้อมูล>แนบรูปภาพ นี่อาจเป็นสเก็ตช์ง่ายๆ บนกระดาษทิชชูหรือภาพความละเอียดสูงกว่าได้

  7. คุณอาจเลือกแบบจําลอง AI ที่คุณต้องการใช้เพื่อสร้างหน้า เลือกแบบจําลอง AI ที่คุณต้องการใช้เพื่อสร้างหน้าเพจของคุณ

  8. เมื่อคุณอธิบายหน้าเสร็จแล้ว ให้เลือก สร้างหน้า

ตัวแทนจะเริ่มกระบวนการสร้างหลายขั้นตอนที่คุณสามารถสังเกตได้ในแบบเรียลไทม์:

  • การสตรีมความคิด: เอเจนต์จะออกแบบการตีความข้อความพร้อมท์ของคุณ โดยระบุข้อกำหนด สมมติฐาน และแผนการดำเนินการ
  • การสร้างโค้ด: ถัดไปจะเขียนโค้ดพื้นฐานสําหรับหน้าเว็บของคุณตามแผน
  • การสลับเปลี่ยนแถวกับคอลัมน์: โค้ดที่สร้างขึ้นจะถูกสลับเปลี่ยนแถวกับคอลัมน์เพื่อให้แน่ใจว่าเข้ากันได้และการแสดงผลที่เหมาะสม
  • การแสดงผลขั้นสุดท้าย: ในที่สุด ประสบการณ์ของผู้ใช้ที่เสร็จสมบูรณ์จะแสดงขึ้น

ถ้าประสบการณ์ของผู้ใช้ไม่แสดงขึ้นที่ส่วนท้ายของกระบวนการนี้ คุณสามารถดูได้โดยการเลือกแท็บแสดงตัวอย่าง

ประสบการณ์ของผู้ใช้ในหน้าที่สร้างขึ้น

ดูโค้ดที่สร้างขึ้น ทำซ้ำ และเผยแพร่

หลังจากสร้างหน้าของคุณคุณมีหลายตัวเลือกในการปรับปรุงและสรุป:

  1. ดูและแก้ไขรหัสที่สร้างขึ้น เลือกแท็บ โค้ด เพื่อดูรหัสที่สร้างขึ้นโดยตัวแทนแอป ดูโค้ดหน้าเว็บที่สร้างอัตโนมัติและทำซ้ำในการออกแบบ

    คุณสามารถปรับแต่งเอาต์พุตได้สองวิธี:

    • แชทซ้ํา ๆ กับตัวแทนแอปเพื่อแก้ไขข้อผิดพลาด ปรับเค้าโครง หรือเพิ่มฟังก์ชันการทํางาน
    • แก้ไขรหัสด้วยตนเองโดยการเลือก แก้ไข บนแท็บโค้ด หลังจากทําการแก้ไขบางอย่างแล้ว คุณสามารถเลือก บันทึก เพื่อยอมรับการเปลี่ยนแปลงของคุณเป็นการเกิดซ้ําใหม่ หรือ ยกเลิก เพื่อละทิ้งการเปลี่ยนแปลงของคุณได้
  2. เปรียบเทียบการเกิดซ้ํา หลังจากดําเนินการทําซ้ําสองตัวขึ้นไปกับตัวแทนแล้ว คุณสามารถเลือก เปรียบเทียบ บนแท็บ รหัส เพื่อดูรหัสที่แตกต่างกันระหว่างการเกิดซ้ําปัจจุบันและก่อนหน้านี้

    หมายเหตุ

    ความสามารถนี้พร้อมใช้งานในขณะนี้เท่านั้น โดยเริ่มต้นด้วยการวนซ้ําครั้งที่สองในเซสชันปัจจุบัน

  3. แนบสกรีนช็อตสําหรับการอ้างอิงด่วน ในประสบการณ์การสนทนา ให้คลิก แนบ>สกรีนช็อตเพิ่มสกรีนช็อต เพื่อรวมสกรีนช็อตของการแสดงตัวอย่างปัจจุบันกับการโต้ตอบครั้งถัดไปของคุณกับตัวแทนแอป ซึ่งมีประโยชน์สําหรับช่วยในการปรับวิชวลของหน้า

  4. บันทึกและเผยแพร่ ในแถบคําสั่ง เลือก บันทึก เพื่อหลีกเลี่ยงการสูญเสียความคืบหน้าบนหน้าของคุณ
    เมื่อคุณพอใจกับหน้าของคุณแล้ว ให้เลือก บันทึก และ เผยแพร่ เพื่อเผยแพร่การเปลี่ยนแปลงที่ค้างอยู่ทั้งหมดสําหรับแอป รวมถึงหน้าที่สร้างขึ้น

สำคัญ

ในขณะที่ตัวแทนพยายามอย่างดีที่สุดในการสร้างรหัสที่สมบูรณ์ พร้อมใช้งานสําหรับการผลิต รวมถึงข้อควรพิจารณาสําหรับการเข้าถึงและแนวทางปฏิบัติที่ดีที่สุดด้านความปลอดภัย ท้ายที่สุดคุณจะต้องรับผิดชอบในการตรวจสอบรหัส ตรวจสอบให้แน่ใจว่ารหัสที่สร้างขึ้นตรงกับมาตรฐานและข้อกําหนดการปฏิบัติตามข้อบังคับขององค์กรของคุณ

การเพิ่มหน้าเจนเนอเรทีฟไปยังโซลูชัน

หน้าที่สร้างอัตโนมัติจะรับรู้ถึงโซลูชันและสามารถเพิ่มลงในโซลูชันได้ (ผ่านแอป) เพื่ออำนวยความสะดวกในการเคลื่อนย้ายระหว่างสภาพแวดล้อม เมื่อต้องเพิ่มหน้าสร้างไปยังโซลูชัน ให้ทําดังต่อไปนี้:

สำคัญ

ถ้าหน้าที่คุณสร้างในระหว่างขั้นตอนการแสดงตัวอย่าง คุณต้องโหลดหน้าสร้างในตัวออกแบบแอปแบบจําลองเพื่อเริ่มการโยกย้ายแบบครั้งเดียวไปยังแบบจําลองข้อมูลชนิดทราบโซลูชันใหม่ เมื่อโหลดหน้าในตัวออกแบบ คุณจะเห็นข้อความความคืบหน้า "อัปเกรดหน้าของคุณ" อย่าปิดหน้าต่างจนกว่าการโยกย้ายจะเสร็จสมบูรณ์

  1. เพิ่มแอปที่มีหน้าที่คุณสร้างไปยังโซลูชัน
    • ใน Power Apps เลือก โซลูชัน ในบานหน้าต่างนําทางด้านซ้าย และเปิดโซลูชันที่ต้องการ
    • เลือกเพิ่มแอป>แบบจําลองข้อมูลที่มีอยู่>
    • เลือกแอปที่มีหน้าที่สร้างอัตโนมัติ
  2. ส่งออกโซลูชัน (ในรูปแบบที่ถูกจัดการหรือไม่ได้จัดการ)
    • ตรวจสอบให้แน่ใจว่าแผนผังเว็บไซต์แอปรวมอยู่ในโซลูชัน หากไม่เป็นเช่นนั้น ควรมีการร้องขอระหว่างการตรวจสอบการพึ่งพิงกัน
    • หน้าที่สร้างอัตโนมัติ (ซึ่งแสดงเป็นแถวของ โครงการเอเจนต์ UX) จะถูกร้องขอตามการขึ้นต่อกันในแผนผังเว็บไซต์

หมายเหตุ

ตรวจสอบรายการเหล่านี้หากไม่มีการร้องขอหน้าเชิงสร้างสรรค์ในระหว่างการตรวจสอบการพึ่งพา:

  • หน้าที่ถูกสร้างขึ้นระหว่างการแสดงตัวอย่างจะปรากฏขึ้นเฉพาะเมื่อเพจได้รับการโยกย้ายแล้วเท่านั้น นำเข้าในตัวออกแบบเพื่อกระตุ้นการโยกย้าย
  • ถ้าแผนผังเว็บไซต์ถูกรวมอยู่ในโซลูชัน และหน้าที่คุณสร้างถูกโยกย้ายแล้ว ลองทําการเปลี่ยนแปลงเล็กน้อยไปยังแผนผังเว็บไซต์ (เช่น เรียงลําดับใหม่หรือเปลี่ยนชื่อหน้า) เผยแพร่แอปอีกครั้ง แล้วลองส่งออกอีกครั้ง

หลังจากส่งออก คุณสามารถนําเข้าแอปและหน้าที่สร้างไปยังสภาพแวดล้อมอื่นได้ เมื่อเปิดในโปรแกรมออกแบบในสภาพแวดล้อมเป้าหมาย เฉพาะข้อความแจ้งเตือนแรกและรหัสที่เผยแพร่จะพร้อมใช้งาน การสนทนาของตัวแทนแบบเต็มจะไม่ถ่ายโอนไปกับหน้าเพจ

ข้อจำกัด

นี่คือข้อจำกัดปัจจุบันของหน้าที่สร้างอัตโนมัติ:

  • หน้าของคุณสามารถเชื่อมต่อกับตาราง Dataverse (สูงสุด 6 ตารางเท่านั้นสำหรับหน้าเดียว) คุณสามารถดำเนินการสร้าง อ่าน อัปเดต และลบ (CRUD) กับตารางเหล่านี้ได้ ไม่สามารถใช้แหล่งข้อมูลอื่นได้
  • พร้อมท์ของคุณสามารถมีอักขระได้สูงสุด 50,000 อักขระ
  • รองรับเฉพาะภาษาอังกฤษเท่านั้น
  • ไม่รองรับการทำงานร่วมกัน ตรวจสอบให้แน่ใจว่ามีผู้สร้างเพียงรายเดียวกำลังทำงานบนหน้าเว็บที่สร้างอัตโนมัติในแต่ละครั้ง เพื่อหลีกเลี่ยงความขัดแย้งโดยไม่ตั้งใจ
  • รองรับเฉพาะประเภทข้อมูลเหล่านี้เท่านั้น:
    • ชุดตัวเลือก
    • สกุลเงิน
    • ลูกค้า
    • วันที่และเวลา
    • เฉพาะวันที่
    • เลขทศนิยม
    • เลขจุดทศนิยมลอยตัว
    • รูปภาพ
    • การค้นหา
    • ข้อความแบบหลายบรรทัด
    • Status
    • คำอธิบายสถานะ
    • ข้อความ
    • จำนวนเต็ม
    • ใช่/ไม่
    • รหัสเฉพาะ

คำถามที่ถามบ่อย

ฉันสามารถเริ่มออกแบบแอปของฉันในตัวออกแบบแผนแล้วใช้หน้าเว็บที่สร้างอัตโนมัติได้หรือไม่

ใช่ ในขณะที่ขณะนี้ยังไม่มีการรวมโดยตรงระหว่างแผนและหน้าที่สร้างแล้ว คุณสามารถใช้แผนเพื่อกําหนดตารางและแอปของคุณ และจากนั้นสลับไปยังตัวออกแบบแอปเพื่อสร้างหน้าที่สร้างขึ้นตามที่ต้องการได้

มีค่าธรรมเนียมหรือเครดิตเพิ่มเติมที่จำเป็นในการใช้หน้าที่ที่สร้างอัตโนมัติหรือไม่

ไม่ ประสบการณ์ผู้สร้างสำหรับหน้าที่สร้างอัตโนมัติ (และแผน) ไม่ต้องการเครดิต AI หรือข้อความเพิ่มเติม

รูปภาพประเภทใดทำงานได้ดีที่สุดสำหรับการแนะนำการสร้าง UI

มันขึ้นอยู่กับเป้าหมายของคุณ หากคุณทราบว่าคุณต้องการให้เวอร์ชันสุดท้ายของหน้าเว็บมีลักษณะอย่างไร การใช้ภาพร่างหรือ wireframes ที่ชัดเจนและมีรายละเอียด (จะวาดด้วยมือหรือแบบดิจิทัล) เป็นวิธีที่มีประสิทธิภาพมากที่สุด หากคุณมีแนวคิดทั่วไปและต้องการให้ตัวแทนกรอกรายละเอียดการร่างกระดานอย่างรวดเร็วหรือแม้แต่ภาพวาดผ้าเช็ดปากสามารถทํางานได้ดี

ฉันสามารถใช้หน้าเว็บที่สร้างอัตโนมัติกับแอปพื้นที่ทำงานหรือแอปประเภทอื่นๆ ได้หรือไม่

ไม่ ขณะนี้หน้าที่สร้างอัตโนมัติได้รับการสนับสนุนในแอปแบบจำลองเท่านั้น

มีวิธีนำกลับมาใช้ใหม่หรือลอกแบบหน้าเว็บที่สร้างอัตโนมัติในสภาพแวดล้อมต่างๆ หรือไม่

ใช่ หน้าสร้างสรรค์เป็นส่วนประกอบที่รับรู้โซลูชันซึ่งสามารถย้ายข้ามสภาพแวดล้อมได้ เฉพาะโค้ดเวอร์ชันที่เผยแพร่ล่าสุดและพร้อมท์แรกเท่านั้นที่จะถูกรักษาไว้ด้วยโซลูชัน ประวัติการแก้ไขแบบเต็มจะยังคงอยู่ในสภาพแวดล้อมเดิม

ฉันสามารถแก้ไขโค้ดที่สร้างขึ้นด้วยตนเองได้หรือไม่

ได้ คุณสามารถแก้ไขรหัสที่สร้างขึ้นด้วยตนเองโดยการเลือก แก้ไข บนแท็บ รหัส การเปลี่ยนแปลงของคุณจะถูกบันทึกเป็นการเกิดซ้ําใหม่ เลือก ยกเลิก เพื่อยกเลิกการแก้ไขของคุณถ้าคุณเลือกที่จะไม่เก็บการแก้ไขนั้นไว้

รหัสที่สร้างขึ้นโดยหน้าที่สร้างโค้ดรับประกันว่าเหมาะสมสำหรับใช้งานจริงและสอดคล้องกับมาตรฐานขององค์กรหรือไม่

ไม่ ในขณะที่ตัวแทนพยายามอย่างดีที่สุดในการสร้างโค้ดคุณภาพสูงพร้อมสําหรับการผลิตด้วยการช่วยสําหรับการเข้าถึงและแนวทางปฏิบัติที่ดีที่สุดด้านความปลอดภัยแต่เป็นความรับผิดชอบของคุณที่จะตรวจสอบผลลัพธ์ ตรวจสอบรหัสที่สร้างขึ้นเสมอเพื่อให้แน่ใจว่าสอดคล้องกับมาตรฐาน นโยบาย และข้อกําหนดด้านการปฏิบัติตามข้อบังคับขององค์กรของคุณ

ฉันจะให้ความคิดเห็นเกี่ยวกับคุณลักษณะได้อย่างไร

วิธีที่ดีที่สุดในการให้ความคิดเห็นเกี่ยวกับหน้าเว็บที่สร้างอัตโนมัติคือการใช้ปุ่มยกนิ้วโป้งขึ้น/ลงในประสบการณ์การแชทที่มีให้หลังจากการทำซ้ำแต่ละครั้ง เราขอแนะนำอย่างยิ่งให้คุณเลือก ใช่ ใน แชร์ตัวอย่างเนื้อหาที่เกี่ยวข้องและไฟล์บันทึกเพิ่มเติม เพื่อให้เราสามารถแก้ไขข้อบกพร่องหรือจำลองปัญหาใดๆ ที่คุณพบกับคุณลักษณะ

ฉันควรทำอย่างไรถ้าไม่เห็นหน้าเว็บที่สร้างอัตโนมัติเปิดใช้งานในสภาพแวดล้อมของฉัน

ยืนยันว่าสภาพแวดล้อมของคุณอยู่ในภูมิภาคสหรัฐอเมริกา