การเพิ่มองค์ประกอบ UI และเลย์เอาต์เพื่อการจัดระเบียบ

Create Your Free Account

By continuing, you accept our Terms of Use, our Privacy Policy and that your data is stored in the USA.

Introduction to AI Apps in Sigma

SkillTag.level.beginnerSkillTag.label

4.9+

บทที่ 1 แนะนำแนวคิดพื้นฐานของการสร้าง AI Apps ใน Sigma โดยเน้นที่วิธีที่แอปผสาน input ของผู้ใช้เพื่อขับเคลื่อน workflow ที่ใช้ action เป็นหลัก โดยให้ความสำคัญอย่างมากกับ linked input tables ซึ่งเป็นหนึ่งในส่วนประกอบที่สำคัญที่สุดของ Sigma apps จะได้สำรวจวิธีสร้าง linked input tables ที่แสดงข้อมูลจาก warehouse ควบคู่กับค่าที่ผู้ใช้ป้อนเข้ามา เพื่อให้สามารถโต้ตอบกับชุดข้อมูลพื้นฐานได้โดยตรง บทนี้ยังครอบคลุมแนวทางปฏิบัติที่ดีที่สุดสำหรับการควบคุม input ของผู้ใช้ ได้แก่ การกำหนดประเภทข้อมูลที่อนุญาตให้ป้อน และการกำหนดเงื่อนไขว่าตารางจะแก้ไขได้เมื่อใด เมื่อจบบทนี้ จะเข้าใจอย่างลึกซึ้งว่าจะรวบรวม input ของผู้ใช้ได้อย่างปลอดภัยและมีประสิทธิภาพ พร้อมรักษาความถูกต้องของข้อมูลภายในแอปได้อย่างไร

Exercise 1: AI Apps คืออะไร?Exercise 2: สำรวจแอปสำเร็จรูปสำหรับการอนุมัติสินเชื่อ Exercise 3: แอปสำเร็จรูปสำหรับการพิจารณาเลื่อนตำแหน่งเจ้าหน้าที่สินเชื่อ Exercise 4: การเพิ่มคุณค่าข้อมูลด้วย Linked Input Tables Exercise 5: ทำความเข้าใจ linked input table Exercise 6: การสร้าง linked input table Exercise 7: บันทึกการเสนอชื่อเพื่อเลื่อนตำแหน่ง Exercise 8: ทดสอบพฤติกรรมของ linked input table Exercise 9: การควบคุมการป้อนข้อมูลในตาราง Input ที่เชื่อมโยง Exercise 10: การจัดการการแก้ไขตารางอินพุตของเจ้าหน้าที่สินเชื่อ

ในบทที่ 2 จะได้เรียนรู้วิธีทำให้ AI apps โต้ตอบและตอบสนองได้มากขึ้น โดยใช้ modals และ action sequences Modals ช่วยให้แสดงหน้าต่าง pop-up แบบโฟกัสภายในแอปได้ ทำให้ผู้ใช้เข้าถึงข้อมูลเพิ่มเติมหรือมีพื้นที่สำหรับ input ที่ละเอียดขึ้น โดยไม่ทำให้อินเทอร์เฟซหลักรกรุงรัง และจะได้เห็นว่า modals ช่วยปรับปรุงการใช้งานและแนะนำผู้ใช้ผ่านงานเฉพาะได้อย่างไร บทนี้ยังแนะนำ action sequences ซึ่งช่วยให้แอปตอบสนองต่อการกระทำของผู้ใช้แบบไดนามิก เช่น การคลิกปุ่มหรือการเลือกแถวในตาราง จะได้เรียนรู้วิธีทริกเกอร์หลายเอฟเฟกต์จาก interaction เดียว ช่วยทำให้ workflow เป็นอัตโนมัติและปรับปรุงประสบการณ์ผู้ใช้ Modals และ action sequences รวมกันมอบเครื่องมืออันทรงพลังสำหรับสร้างแอปที่รู้สึกใช้งานง่าย โต้ตอบได้ และมีจุดมุ่งหมาย

Exercise 1: การใช้ Modal เพื่อรับการตัดสินใจและข้อมูลจากผู้ใช้Exercise 2: สร้าง Modal สำหรับบันทึกการเสนอชื่อเพื่อเลื่อนตำแหน่ง Exercise 3: การใช้ลำดับการทำงานสำหรับ workflow ของแอป Exercise 4: ทำความเข้าใจ action sequence เบื้องต้น Exercise 5: การสร้างลำดับการกระทำสำหรับเปิด Modal Exercise 6: การเปิดและปิด modal Exercise 7: การนำค่าจากตัวควบคุมมาแสดงในโมดัล Exercise 8: การเติมข้อมูล Modal ด้วย ID ของเจ้าหน้าที่สินเชื่อ Exercise 9: บันทึกการเสนอชื่อด้วย action sequence Exercise 10: การเพิ่ม Action Sequence แบบมีเงื่อนไข Exercise 11: การป้องกันการเสนอชื่อซ้ำ

บทที่ 3 มุ่งเน้นการปรับแต่งอินเทอร์เฟซและประสบการณ์โดยรวมของ AI apps โดยเริ่มจากการเรียนรู้เกี่ยวกับ popovers ซึ่งเป็นองค์ประกอบ UI ที่ยืดหยุ่น ใช้สำหรับซ่อนเมนูตัวกรองหรือแสดงข้อมูลตามบริบทเฉพาะเมื่อจำเป็น วิธีนี้ช่วยให้แอปดูเรียบร้อย พร้อมยังให้ผู้ใช้เข้าถึงตัวควบคุมและรายละเอียดได้ง่าย บทนี้ยังสำรวจฟีเจอร์การออกแบบและการจัดระเบียบที่หลากหลาย ซึ่งช่วยเพิ่มทั้งการใช้งานและความน่าสนใจด้านภาพ จะได้เรียนรู้วิธีใช้ปุ่มนำทาง, dividers และ tabbed containers เพื่อจัดโครงสร้างเนื้อหาและแนะนำผู้ใช้ผ่านแอปได้อย่างมีประสิทธิภาพมากขึ้น เมื่อจบบทที่ 3 จะเข้าใจว่าการเลือก layout และการออกแบบที่ใส่ใจสามารถทำให้ AI apps ใช้งานง่าย ดูดี และน่าใช้งานมากขึ้นได้อย่างไร

Exercise 1: การใช้ Popover เพื่อทำให้อินเทอร์เฟซของแอปเรียบง่ายขึ้น Exercise 2: กำหนดค่า popover เพื่อใช้เก็บตัวควบคุมหน้า Exercise 3: การใช้ปุ่มเพื่อการนำทางและการโต้ตอบ Exercise 4: การเพิ่มปุ่ม 'Clear filters' ใน Popover Exercise 5: การเพิ่มองค์ประกอบ UI และเลย์เอาต์เพื่อการจัดระเบียบ

แบบฝึกหัดปัจจุบัน

Exercise 6: จัดระเบียบแอปเสนอชื่อเจ้าหน้าที่สินเชื่อ Exercise 7: รวมทุกอย่างเข้าด้วยกัน Exercise 8: สรุปบทเรียน