X10 Inventory — ตัวอย่างหน้าตาแอป

ครบ 3 Loop · เบิกของ · ขอซื้อ · นับสต็อก + AI · มีทั้งหน้ามือถือ (360×780) และหน้าคอม · สีตามแบรนด์ X10

⚠️

นี่เป็นแค่ตัวอย่างหน้าตา ยังไม่ต่อกับระบบใดๆ
ไม่ได้ต่อ Comarch / Metabase · ไม่ได้ต่อ SSO x10-chat · ไม่ได้ต่อกล้อง · ไม่ยิงแชท
ข้อมูลสินค้าเป็นตัวอย่างที่คัดลอกมาแช่ไว้ในไฟล์ กดปุ่มอะไรก็ไม่กระทบระบบจริง

👉 เปิดแอปจริงเต็มจอ — หน้านี้คือหน้าเทียบทุกจอไว้ดูตอนออกแบบ

จุดออกแบบที่อยากให้ดูเป็นพิเศษ

ยอด 2 ชั้น — ทุกที่ที่แสดงของคงเหลือ จะบอกเสมอว่า ตามระบบ − ค้างเบิก = พอจ่าย พร้อมวันที่ข้อมูล เพราะ Comarch ช้า 5 วัน ห้ามโชว์ตัวเลขเดียว
เบิกเกินยอดได้ แต่เตือน — ขึ้นกล่องสีส้ม ไม่บล็อก เพราะของฉุกเฉินมีจริง ถ้าบล็อกแข็งคนจะกลับไปใช้ไลน์ ซึ่งทำลายเป้าหมายทั้งหมด
รอบจ่าย + นับถอยหลัง — อยู่บนหัวตลอด ไม่ต้องจำว่าคลังเปิดวันไหน
สโตร์ปรับจำนวนได้ — ช่องที่ถูกแก้เปลี่ยนเป็นสีส้มทันที เห็นชัดว่าจ่ายไม่ครบตามขอ
ใบสรุปคีย์เข้า Comarch — เรียงฟิลด์ให้คีย์ง่าย มีปุ่มคัดลอก เพราะเขียนกลับเข้า Comarch ไม่ได้ ต้องมีคนคีย์
ปุ่มใหญ่ ≥44px · ไม่มี hover · ตารางเป็นการ์ด — คนเบิกยืนหน้าชั้นวาง ใช้มือถือ
มือถือ ≠ คอม ไม่ใช่แค่ย่อ-ขยาย — มือถือเป็นการ์ดทีละใบ (เบิกให้จบเร็ว) คอมเป็นตารางกว้างเห็นหลายใบพร้อมกัน (จ่ายของทั้งรอบ) พนักงานกับหัวหน้าไม่มีหน้าคอม เพราะทำงานบนมือถืออย่างเดียว
ล็อกอินด้วย X10 Chat (SSO) ไม่สร้างรหัสใหม่ — ยกรูปแบบจาก fsn-abc/login.html ที่ใช้จริงแล้ว · ปุ่ม SSO เป็นทางหลัก ถ้าเปิดแชทค้างไว้กดแล้วเข้าเลย · ยังเหลือช่องกรอกรหัสแชทเป็นทางสำรอง เพราะบางคนเข้าแชทบนมือถือไม่ได้ · เหตุผลที่ต้องเป็น SSO — ระบบต้องรู้ตัวตนจริง เพื่อผูกกับใบเบิก ถ้าให้ตั้งรหัสใหม่คนจะใช้บัญชีปนกันแล้วตามสอบไม่ได้
เปลี่ยนภาษาแล้วเปลี่ยนทั้งแอป ไม่ใช่แค่หน้าล็อกอิน — 111 คีย์ × 5 ภาษา ครบทุกคีย์ ไม่มีช่องว่าง · คำที่ใช้ร่วมกัน 13 คำยกมาจาก timescan ที่แปลโดยคนและใช้งานจริงแล้ว ไม่แปลใหม่ให้เพี้ยน
⚠️ กับดักที่เจอจริงตอนทำ — เก็บข้อความไว้ใน const (เช่นป้ายสถานะ/คำบรรยายจอ) ทำให้ค้างภาษาที่โหลดครั้งแรก เปลี่ยนแล้วไม่ตาม ต้องเป็นฟังก์ชันที่เรียกตอนวาดทุกครั้ง
แยกให้ชัดว่าอะไรแปลได้ อะไรแปลไม่ได้ — UI แปลหมด (ปุ่ม ป้าย หัวตาราง คำเตือน) · หน่วยนับ/ความถี่แปลผ่านตารางแยก (td()) · ชื่อสินค้า 4,976 รายการกับชื่อคน ยังเป็นไทย — ต้องมีตาราง item_translations ในฐานข้อมูล ยัดลงไฟล์ i18n ไม่ไหว ตาม spec ให้โชว์ไทยไว้ + ปุ่มขอแปล ห้ามซ่อน
ฟอนต์ต้องโหลดครบทุกภาษา — ถ้าโหลดแค่ฟอนต์ไทย พม่า/ไทใหญ่/เขมร/ลาว จะขึ้นเป็น กล่องสี่เหลี่ยม □□□ บนเครื่องที่ไม่มีฟอนต์ และภาษาพวกนี้มีสระซ้อนหลายชั้น ต้องเพิ่มระยะบรรทัด ไม่งั้นตัวชนกัน
Loop 2 ไม่เขียนใหม่ — ครอบของเดิม — procurement มี PR→PO→GRN→AP→GL ครบวงจรอยู่แล้ว (PR 7 · PO 2 · GRN 2) ปัญหาคือไม่มีภาษาต่างชาติและคนละหน้าตา แอปนี้จึงเป็นหน้าบ้านที่คุยกับ API เดิม ไม่ทำตรรกะซ้ำ
Loop 3 ใช้ FSN × ABC 9 ช่อง ไม่ใช่ F/S/N 3 กลุ่ม — engine ที่มีอยู่แล้วใน fsn-abc แยกทั้งความเร็ว (F/S/N) และมูลค่า (A/B/C) ของถูกที่ไม่ขยับนับปีละครั้งพอ ส่วนของแพงที่หมุนเร็วนับทุกเดือน — นับ 539 ชนิดแทนที่จะนับทั้ง 3,027
ผลต่างต้องมีสาเหตุ ไม่ใช่แค่ตัวเลขแดง — ระบบบังคับเลือกสาเหตุก่อนปิดงวด เพราะผลต่างอาจเป็นของที่ใช้จริงแต่ไม่ได้ทำใบเบิก ไม่ใช่ของหายเสมอไป เดือนถัดไปจะได้ดูออกว่าเป็นรูปแบบซ้ำหรือไม่
สมการงวดคือตัวเชื่อม 3 Loop — ยกมา + รับเข้า(L2) − เบิกใช้(L1) = คงเหลือ(L3) คงเหลือเดือนนี้คือยกมาเดือนหน้า ถ้า Loop ไหนข้อมูลไม่ครบ ตัวเลขผิดทั้งสาย
บอกตรงๆ ว่าข้อมูลเก่า — FSN ค้างที่ 6 มิ.ย. (92 วัน) จอขึ้นเตือนพร้อมปุ่มดึงใหม่ ไม่ซ่อนไว้ให้คนตัดสินใจจากข้อมูลเก่าโดยไม่รู้ตัว
ทุกตัวเลขคำนวณจากข้อมูล ไม่ hardcode — KPI ทุกใบดึงจากชุดข้อมูลเดียวกับตารางข้างล่าง ตอนทำ mockup เจอบั๊กนี้ 4 จุด (เลข KPI ไม่ตรงตาราง) แก้แล้วทั้งหมด
Dashboard เน้นสิ่งที่ต้องลงมือทำ ไม่ใช่กราฟสวย — ตัวเลขบนสุด 4 ตัวคือ มูลค่าเบิก · รอคีย์ · ของออกไม่มีใบเบิก · จ่ายครบตามขอ และมีแถบเตือนพร้อมปุ่มกดไปแก้ได้ทันที