17 — Mockup workspace

คำขอเจ้าของโครงการ 31 ต.ค. 2569: เพิ่มเมนู Mockup ใน internal tracker พร้อม Sitemap, Page flow, Screen Listing และจัดเก็บ screens/องค์ประกอบเป็น artifacts ที่ใช้ซ้ำได้ งานนี้เป็น discovery/design tooling ไม่ใช่การเริ่มพัฒนา EMS ผลิตภัณฑ์หรือการอนุมัติ use cases

• Sitemap /mockup/sitemap: ผังภาพหน้าจอ เรียงบนลงล่าง ลากตาม grid เชื่อมหน้าจอ ใส่ label/หัวลูกศรได้ มีตัวกรอง Module/Channel และค้นหา/Focus/zoom เพื่อดูภาพรวมจำนวนมาก
• Page flow /mockup/page-flow: เลือกได้ครบ 162 Use cases อ่านขั้น/Decision/เส้นตาม canonical workflow เรียงซ้ายไปขวา ขั้นมนุษย์/ผลลัพธ์ทางเลือกจับคู่ภาพ screen/state แบบร่าง ขั้นระบบคง Process เมื่อไม่มี UI; ผู้ใช้เปลี่ยน mapping หรือเพิ่ม occurrence/Decision/เส้นได้
• Screen Listing /mockup/screens: ตารางค้นหา/กรองและเข้า detail แสดงภาพ/variants, modules/channel, Use-case links, artifact path, component refs และ provenance

เริ่มต้น 164 รหัสหน้าจอที่ต้นฉบับอ้างถึง พร้อม wireframe ร่าง 6 states ต่อหน้า และภาพ proposal เดิมอีก 6 ภาพ รวม 170 records ไม่ใช่ 170 หน้า UI final ที่ยืนยันแล้ว ชื่อ/route ของรหัสที่ไม่ชัด และ step mapping จาก role/prefix เป็นข้อเสนอ ต้นฉบับไม่ได้ยืนยัน navigation ทุกเส้น; เส้น Sitemap ตั้งต้นต้องตรวจโดย BA/UX ไม่ใช่อนุมานว่า screen array เป็นลำดับจริงเสมอ

Artifacts อยู่ mockups/: catalog index, screen manifests ตาม module/ID, previews ตาม variant, component contracts/previews, design tokens, sitemap seed และ flow mappings ตาม W-ID คู่มือ folder/schema/update workflow

Saved editor graphs อยู่ <tracker-data>/mockups/graphs/ เก็บ revision snapshots แยกจาก source artifacts คง saved graph เมื่อ source เปลี่ยนและแจ้งให้ตรวจ ไม่มีการ overwrite เงียบหรือ auto-approve การ Restore เพิ่ม revision ใหม่; การ Save ไม่เปลี่ยน canonical Use cases

ค่าที่เป็นนโยบายและสิทธิ์จริงยังอิงข้อสรุปของมหาวิทยาลัยและ Development Approval ราย Use case ภาพร่างสถานะ pending/error/success มีไว้ตรวจ UX ไม่ใช่ผลธุรกรรมที่ยืนยันแล้ว

ส่งมอบและผลตรวจ

T-418 Done เมื่อ 2026-10-31T11:21:44+07:00; รอ human review ของแบบร่าง แทนการตั้ง Reviewed เอง Artifact validator ผ่านครบ 170 records/990 variants/162 mappings และ component contracts 6 ชุด; Go/race/vet ผ่าน; browser 43+70+25+9 = 147 assertions ผ่าน ใช้ข้อมูลชั่วคราวสำหรับการเขียน ตรวจเมนู/asset/catalog/draft บน 8099 แบบ GET เท่านั้น บันทึก C-029 / R-021

ปรับตาม feedback 31 ต.ค. 2569

Rejected T-418 ระบุ Dark mode อ่านแท็บ/ปุ่มยาก พบว่า --accent ในธีมมืดเป็นสีเกือบขาว แต่ถูกใช้เป็นพื้นหลังของข้อความขาว จึงเปลี่ยน filled controls ไปใช้ --btn-bg/--on-btn และตรวจ contrast ของ active/hover states รวมถึงโหมดตาม OS

ตามคำขอถัดมา UI ใช้ชื่อ Module เต็มแทนรหัสใน Mockup และ Use cases รวมภาพ wireframe ร่าง โดยคงรหัสที่ใช้ในข้อมูล/URLs และ source references ภายในไว้ หน้าเลือก Page flow จัดกลุ่ม Module แบบหุบ/แสดงได้ จำสถานะแยกจาก Use cases และค้นหาด้วยชื่อเต็มได้