AI WEB STUDIO · FLOWCHART

เส้นทางผู้ใช้เว็บบ้านสบาย

977-121 Module: Website Design and Development · มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต

เส้นทางผู้ใช้เว็บบ้านสบาย | AI Web Studioเส้นทางผู้ใช้จากดูรายการ กรองและเรียง เปิดรายละเอียด บันทึกรายการโปรด และส่งข้อความสนใจ AI WEB STUDIO · FLOWCHARTเส้นทางผู้ใช้เว็บบ้านสบายดูรายการกรอง + เรียงเปิดรายละเอียดบันทึกรายการโปรดlocalStorageส่งข้อความสนใจ/api/contactลำดับ / การส่งต่อAI Web Studio · 977-121 Module: Website Design and Development

อ่านภาพนี้อย่างไร

ตัวอย่างหนึ่งเส้นทางที่เป็นไปได้: ดูรายการทรัพย์ กรองและเรียง เปิดรายละเอียด บันทึกรายการโปรด แล้วส่ง inquiry ผ่าน contact API ผู้ใช้เลือก favorite เปิดรายละเอียด หรือส่ง inquiry ได้โดยอิสระ ไม่ต้องทำครบตามลำดับนี้

แหล่งข้อมูล: courses/ai-web-studio/examples/real-estate/index.html, courses/ai-web-studio/examples/real-estate/main.js, courses/ai-web-studio/docs/labs/real-estate-ui-ux-pro-max.md

สิ่งที่ย่อ: รวม filter หลายค่าและ interaction ของ dialog เป็นขั้นเดียว ใช้ flowchart ของลำดับงาน ไม่ได้ใช้ Process type แบบหลาย actor lanes ของ skill เส้นทางนี้เป็นตัวอย่าง ไม่ใช่ state machine หรือเงื่อนไขบังคับก่อนส่ง inquiry

Prompt สำหรับสร้างซ้ำ

สร้าง flowchart ภาษาไทย 960×600 สำหรับเว็บบ้านสบาย แสดงตัวอย่างหนึ่งเส้นทางที่เป็นไปได้ (ขั้นตอนเหล่านี้ไม่ใช่เงื่อนไขบังคับ) ดูรายการ → กรอง/เรียง → เปิดรายละเอียด → บันทึกรายการโปรด → ส่งข้อความสนใจ ให้ระบุ favorite เก็บใน localStorage และ inquiry ไป /api/contact เน้นขั้นเปิดรายละเอียด ไม่มีเงาและไม่เกิน 6 โหนด ใช้โปรไฟล์ Rawinnipa แบบ dark canvas: พื้น #0A0A0A, ข้อความ #F7F7F7, เส้นรอง #9CA3AF และ Rawin Green #3EDC81 เฉพาะโหนดหรือแถบ focal หนึ่งจุดเท่านั้น; เส้นเชื่อมใช้สี neutral #D1D5DB ใช้ Inter คู่กับ Noto Sans Thai ไม่มีเงา งานนี้อยู่ในคอร์ส AI Web Studio ซึ่งเป็นส่วนหนึ่งของ 977-121 Module: Website Design and Development มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต