📘 คู่มือทีมพัฒนา · Version 1.0

Task Management Workflow
คู่มืออธิบายการทำงานของหน้าจอจัดการ Task

Web App (v40.0) + Mobile App (v34.0) · ตั้งแต่ Create → Close · พร้อม NCR Sub-workflow
📅 วันที่: 6 ก.ค. 2569 (2026-07-06) 👤 Owner: วุธ (PM/SA) 🎯 Audience: ทีมพัฒนา (Dev Team) 📱 4 บทบาท: PM · QCM · Inspector · Sub

01บทนำ · About Task Management

โครงสร้างและวัตถุประสงค์ของโมดูลจัดการ Task ใน ConstructQ

โมดูล Task Management ใน ConstructQ เป็นหัวใจของกระบวนการควบคุมคุณภาพงานก่อสร้าง (QC) โดยทำหน้าที่:

  • สร้างและจัดการ Task ตรวจสอบคุณภาพ (QC Task) ตามแผนงานของโครงการ (WBS)
  • ผูก Task กับ ตำแหน่งงานจริง (Site + Zone) และ กิจกรรมใน WBS (L3 Activity)
  • มอบหมายให้ QC Inspector ลงพื้นที่ตรวจสอบและ ผู้อนุมัติ (Approver) รับผิดชอบ
  • บันทึกผลการตรวจสอบ (Checklist) แบบ Pass / Fail พร้อมหลักฐาน (รูปถ่าย · ข้อความ)
  • ออก NCR (Non-Conformance Report) เมื่อพบข้อบกพร่อง และติดตามการแก้ไข
  • ปิด Task และรายงานผลรวมเมื่อกระบวนการเสร็จสมบูรณ์
💡
โครงสร้างระบบ: Web App ใช้สำหรับ วางแผน + มอบหมาย + อนุมัติ (PM/QCM) · Mobile App ใช้สำหรับ ปฏิบัติงานภาคสนาม (Inspector/Sub) · ทั้ง 2 platform ผูกกับ Backend เดียวกัน · Sync แบบ Real-time

02บทบาทผู้ใช้งาน · User Roles

4 บทบาทหลักในระบบ Task Management · แต่ละบทบาทใช้ platform ต่างกัน

🖥️ Web App

Project Manager (PM)

ผู้จัดการโครงการ
  • สร้างโครงการใหม่ (Create Project) · 5 ขั้นตอน
  • กำหนด WBS (Work Breakdown Structure) ของโครงการ · L1 → L2 → L3
  • กำหนด Site + Zone ของหน้างาน
  • เชิญและกำหนดบทบาทของ ทีมงานในโครงการ
  • อนุมัติ Task ที่ต้องใช้งบพิเศษ (ถ้ามี)
🖥️ Web App

QC Manager (QCM)

ผู้จัดการควบคุมคุณภาพ
  • สร้าง Task ตรวจสอบ (Create Task) แบบเดี่ยวหรือ Bulk จาก WBS
  • เลือก Checklist Template และ Workflow ที่จะใช้
  • Assign QC Inspector และ ผู้อนุมัติ (Approver)
  • Monitor Task ทั้งหมดในโครงการ · Dashboard + List views
  • Review + Approve Task ที่ผ่านการตรวจสอบ
📱 Mobile App

QC Inspector

ผู้ตรวจสอบคุณภาพงาน · ลงพื้นที่จริง
  • รับ Task ที่ถูก Assign ผ่าน push notification
  • ลงพื้นที่ · ตรวจสอบตาม Checklist item-by-item
  • บันทึก Pass / Fail พร้อมรูปถ่าย และ Comment
  • สร้าง NCR เมื่อพบข้อบกพร่อง · Assign Sub Contractor
  • Re-inspect หลัง Sub แก้ไข · ปิด NCR
  • Submit Task เพื่อรออนุมัติ
📱 Mobile App

Sub Contractor (Sub)

ผู้รับเหมาช่วง · แก้ไขข้อบกพร่อง
  • รับ NCR ที่ถูก Assign ผ่าน notification
  • อ่านรายละเอียด NCR · Before photo · Root cause · Corrective action
  • ลงพื้นที่แก้ไขตามคำสั่ง
  • บันทึกหลักฐานการแก้ไข · After photo · Comment
  • Submit เพื่อรอ Re-checkจาก Inspector
🎯
Focus ของคู่มือนี้: Web App เน้น PM + QCM (การวางแผนและมอบหมาย) · Mobile App เน้น Inspector + Sub (การปฏิบัติงานภาคสนาม) · บทบาทอื่นๆ (Engineer, Executive) มีการทำงานเสริม แต่ไม่ใช่ core workflow ของ Task

03ภาพรวม Workflow · End-to-End Diagram

จาก PM สร้างโครงการ → QCM สร้าง Task → Inspector ตรวจ → Sub แก้ไข → QCM อนุมัติ → ปิด Task

🖥️ PROJECT MANAGER · Web 🖥️ QC MANAGER · Web 📱 QC INSPECTOR · Mobile 📱 SUB CONTRACTOR · Mobile Task Lifecycle · End-to-End Workflow แถวแนวนอน = swim lane ของแต่ละบทบาท 1. Create Project Contract · Team · WBS Stepper 5 ขั้น 2. Setup WBS L1 → L2 → L3 Site + Zone 3. Ready for Tasks Handoff to QCM Project Active Handoff 4. Create Task Single or Bulk Status: Draft 5. Assign Inspector + Approver Status: Assigned 6. Monitor Dashboard Task list 11. Review + Approve or Reject Status: Approved / Rejected 12. Close Task Archive Status: Closed Notify 7. Receive + Start Open task Status: In Progress 8. Fill Checklist Pass / Fail per item Photo + comment 8a. On Fail Create NCR Assign Sub 9c. Re-inspect Close NCR (or Reopen) 10. Submit Task For Approval Status: Under Review Fail All Pass · finish NCR Assign 9. Receive NCR Read details Before photo 9a. Fix on Site Corrective action Status: Fixing 9b. Submit After photo + note Ready for re-check Re-check request Reject → rework Legend: Main step Failure path (NCR) Approval Same role Cross-role handoff 💡 หมายเหตุ: ตัวเลขในกล่อง = ลำดับใน Task lifecycle · ดูรายละเอียดแต่ละขั้นในส่วนของบทบาทที่เกี่ยวข้อง
✅
สรุป workflow · 12 ขั้นตอนหลัก:
PM (Web): 1. Create Project → 2. Setup WBS → 3. Ready for Tasks
QCM (Web): 4. Create Task → 5. Assign Inspector + Approver → 6. Monitor → 11. Review + Approve → 12. Close Task
Inspector (Mobile): 7. Receive + Start → 8. Fill Checklist → 8a. Create NCR on fail → 9c. Re-inspect → 10. Submit Task
Sub (Mobile): 9. Receive NCR → 9a. Fix on Site → 9b. Submit for Re-check

04สถานะ Task · Lifecycle Statuses

Task มีทั้งหมด 8 สถานะ ใน lifecycle · ลำดับการเปลี่ยนสถานะ + ผู้รับผิดชอบ

สถานะ Trigger ผู้ทำให้เปลี่ยน ความหมาย · Meaning
Draft · ร่าง สร้าง Task ใหม่ยังไม่ Assign QC Manager ยังไม่ถูกมอบหมายให้ Inspector · แก้ไขได้ทั้งหมด · ยังไม่แสดงใน Mobile ของ Inspector
Assigned · มอบหมายแล้ว Assign Inspector + Approver QC Manager ส่ง notification ให้ Inspector · แสดงใน Task list ของ Inspector · Inspector ยังไม่กด "เริ่มตรวจ"
In Progress · กำลังตรวจ Inspector เปิด Checklist + เริ่มตรวจ QC Inspector Inspector กำลังลงพื้นที่ · กรอก Checklist ทีละ item · อาจมี NCR เกิดขึ้นระหว่างนี้
Has NCR · มี NCR ค้าง Inspector สร้าง NCR QC Inspector Task ยัง In Progress อยู่ · แต่มี NCR อย่างน้อย 1 ใบที่ยังไม่ปิด · Task submit ไม่ได้จนกว่า NCR จะปิดทุกใบ
Under Review · รออนุมัติ Inspector Submit Task QC Inspector Checklist ครบ + NCR ปิดหมด · รอ Approver ตรวจสอบผลรวมและอนุมัติ
Approved · อนุมัติ Approver กด Approve QC Manager / Approver Task ผ่านการอนุมัติ · พร้อมปิด (สามารถอัตโนมัติ → Closed)
Rejected · ตีกลับ Approver กด Reject QC Manager / Approver ผลตรวจไม่ผ่าน · ส่งกลับให้ Inspector ตรวจซ้ำ · Status กลับเป็น In Progress
Closed · ปิด Approved + Archive QC Manager (Auto) Task เสร็จสมบูรณ์ · read-only · ปรากฏใน report + dashboard สรุป
⚠️
Business Rule สำคัญ:
  • Inspector Submit Task ไม่ได้ ถ้ายังมี NCR ที่ยังไม่ปิด (status ≠ Closed)
  • Approver เห็นเฉพาะ Task ที่ Under Review ใน Approval queue
  • Task ที่ Rejected · Inspector ต้องแก้ไข + ตรวจซ้ำ + Submit ใหม่
  • Task Closed แล้วแก้ไขไม่ได้ · ถ้าจะเปิดต้องสร้าง Task ใหม่

05Web App · Project Manager Workflow

PM เริ่มต้นทุกอย่างด้วยการสร้าง Project · ก่อนที่ QCM จะเริ่มสร้าง Task ได้

🎯 หน้าที่หลักของ PM

Project Manager มีบทบาท upstream ของ Task Management · ทำหน้าที่วางรากฐานให้ QCM สร้าง Task ได้อย่างมีระบบ

📋 ขั้นตอน · Create Project (Web)

  1. เข้าสู่ Web App · กดเมนู Project Management · กดปุ่ม "+ สร้างโครงการใหม่"
  2. Stepper 01 · ข้อมูลสัญญา (Contract) · กรอกชื่อโครงการ · หมายเลขสัญญา · วงเงินสัญญา · วันเริ่ม/สิ้นสุด
  3. Stepper 02 · ข้อมูลลูกค้า (Client) · เลือกลูกค้าจาก dropdown · หรือเพิ่มลูกค้าใหม่
  4. Stepper 03 · ทีมงาน (Team) · เชิญสมาชิก · กำหนดบทบาท (QCM · Inspector · Sub · Engineer)
  5. Stepper 04 · Site + Zone · เพิ่ม Site (อาคาร A · B · External) · เพิ่ม Zone ในแต่ละ Site
  6. Stepper 05 · WBS Template · เลือกจาก Template หรือสร้างเอง · Editable L1/L2/L3 · Ref Std/Risk/HW dropdowns
  7. Save + Publish · ระบบเปิดโครงการ · Status: Active

🔑 หน้าจอที่เกี่ยวข้อง (Web)

Project List Create Project (5 stepper) Project Detail Edit Existing Project

📤 Handoff ให้ QCM

เมื่อสร้าง Project เสร็จแล้ว · QCM สามารถเข้าไปสร้าง Taskในโครงการนั้นได้ทันที · โดย Task ที่สร้างจะผูกกับ WBS L3 ที่ PM กำหนดไว้ · และผูกกับ Site/Zone ที่ PM ระบุ · ไม่จำเป็นต้องรอ PM อนุมัติเพิ่มเติม (ยกเว้น Task ที่มีงบพิเศษ)

💡
ตัวอย่าง WBS ที่ PM ต้องกำหนดก่อน:
L1 = งานโครงสร้าง · L2 = งานเทคอนกรีต · L3 = เสาชั้น 1-3 (Column F1-F3) ← Task ผูกที่ระดับ L3

06Web App · QC Manager Workflow

QCM คือผู้สร้าง Task และมอบหมายให้ Inspector · เป็นหัวใจของโมดูล Task Management

🎯 หน้าที่หลักของ QCM

QC Manager มีอำนาจตัดสินใจใน 3 ส่วนสำคัญ: (1) สร้าง Task · (2) มอบหมาย Inspector + Approver · (3) อนุมัติผลตรวจ เมื่อ Inspector ส่งงาน

📋 ขั้นตอน · Create Task (Web · Single)

  1. เข้า Task Management · เลือกโครงการที่ต้องการ · กดปุ่ม "+ Create Task" (มุมขวาบน)
  2. ข้อมูลพื้นฐาน · Task Code (auto/manual) · ชื่อ Task · รายละเอียด
  3. เลือกโครงการ + ตำแหน่ง · Project (dropdown) · Site + Zone (picker) · WBS L3 (hierarchical picker)
  4. เลือก Workflow + Checklist · Workflow Template (QC 7-step หรือ Simple 3-step) · Checklist Template
  5. ตั้งค่าความสำคัญ + วันที่ · Priority (Low/Medium/High/Urgent) · Start Date · Due Date
  6. Assign ผู้รับผิดชอบ · QC Inspector (picker พร้อม workload) · Approver (picker)
  7. บันทึก + Assign · Task Status: Draft → Assigned · ส่ง notification ให้ Inspector

📋 ขั้นตอน · Bulk Create from WBS (Web)

สำหรับ Task ที่ต้องสร้างหลายรายการพร้อมกันตาม WBS activities (เช่น ทุก L3 ในหมวด "งานสี")

  1. กด "Bulk Create from WBS" (มุมขวาบน)
  2. เลือก L3 activities ทั้งหมดที่ต้องการสร้าง Task (checkbox multi-select)
  3. ตั้ง ค่า Defaultร่วมกัน · Workflow · Checklist · Priority · Date range · Inspector · Approver
  4. Preview รายการ Task ทั้งหมดที่จะสร้าง (N × row)
  5. ยืนยัน → ระบบสร้าง N Tasks พร้อมกัน · ทั้งหมด Status: Assigned
🚀
Bulk Create · ประหยัดเวลาได้มาก · โครงการใหญ่ (30 ชั้น) อาจต้องสร้าง 300+ Task สำหรับตรวจสี · ใช้ Bulk Create สร้างครั้งเดียวเสร็จภายใน 5 นาที

📊 ขั้นตอน · Monitor Task (Web)

  1. เข้า Task List · ดู Task ทั้งหมดในโครงการ
  2. ใช้ Filter chips · โดย Role · Status · Priority · Zone · Inspector
  3. สลับ view · List / Kanban / Timeline ตามความเหมาะสม
  4. คลิก Task เพื่อดู Task Detail · Tabs: Overview · Checklist · NCR · Comments · Attachments · History
  5. ติดตามความคืบหน้าแบบ real-time · เมื่อ Inspector update

✅ ขั้นตอน · Review + Approve (Web)

  1. QCM ได้ notification เมื่อ Inspector Submit Task · Status: Under Review
  2. เข้า Task Detail · ตรวจสอบ Checklist results (Pass/Fail ทุก item + photo)
  3. ตรวจสอบ NCR history · ต้องปิดครบทุกใบ (Closed)
  4. ตัดสินใจ · Approve → Status: Approved → Closed · Reject → กลับ Inspector

🔑 หน้าจอที่เกี่ยวข้อง (Web)

Task Management List (v40.0) Create Task Form Bulk Create from WBS Import Excel Template Task Detail (5 tabs) NCR Detail Modal

07Mobile App · QC Inspector Workflow

Inspector ใช้ Mobile ลงพื้นที่จริง · ตรวจสอบตาม Checklist · สร้าง NCR เมื่อพบข้อบกพร่อง

🎯 หน้าที่หลักของ Inspector

QC Inspector ใช้ Mobile App เท่านั้นในการปฏิบัติงานภาคสนาม · ตั้งแต่รับ Task · ลงพื้นที่ · บันทึก Checklist · สร้าง NCR · จนถึงส่ง Task กลับให้ QCM อนุมัติ

📋 ขั้นตอน · Receive + Start Inspection

  1. รับ Push Notification "มี Task ใหม่ · TQ-2026-061 · ตรวจงานสี ชั้น 6"
  2. เปิด Task List · Task ใหม่แสดงที่ด้านบน · Status: Assigned
  3. แตะ Task เพื่อดู Task Detail · อ่านรายละเอียด · Site · Zone · WBS · Approver · Due date
  4. ลงพื้นที่จริง · แตะปุ่ม "เริ่มตรวจ Checklist" · Status: In Progress

📋 ขั้นตอน · Fill Checklist (Item-by-item)

  1. เข้า Checklist Wizard · มี Tab strip ต่อหมวดหมู่ · Stepper วงกลม ต่อ item
  2. อ่าน Rule chip (เกณฑ์การตรวจ) · ดูภาพประกอบ (ถ้ามี)
  3. ใช้ Type-aware widget ตรวจสอบ:
    • Pass/Fail · 2 ปุ่มใหญ่ · ต้องมี comment + photo
    • Number · กรอกค่าตัวเลข · ระบบเช็ค range อัตโนมัติ
    • Select · เลือก 1 จาก options ที่ตั้งไว้
  4. บันทึก Comment และ Photo (บังคับถ้าเป็น Fail)
  5. กด ถัดไป · ระบบไปยัง item ถัดใน stepper · ✓ badge สีเหลืองแสดงบน dot ของ item ที่ตอบแล้ว
  6. ทำจนครบทุก item · จนกว่า Completion Screen แสดง

🚨 กรณีเจอ Fail · Create NCR

  1. เมื่อกด Fail · ระบบแสดง NCR Confirm Dialog · ยืนยันจะสร้าง NCR หรือไม่
  2. กด "สร้าง NCR" · เปิด Create NCR Form
  3. กรอกข้อมูล NCR:
    • Severity · Critical / Major / Minor
    • Defect description · อธิบายข้อบกพร่อง
    • Location · Auto-fill จาก Task location · แก้ไขได้
    • Reference Standard · dropdown (มยผ. · TIS · วสท.)
    • Root Cause · สาเหตุ · ทำไมเกิด
    • Corrective Action · แนวทางแก้ไข · ระบุขั้นตอน
    • Before Photo · ถ่ายภาพหน้างานปัจจุบัน
    • Assign Owner · เลือก Sub Contractor · Owner picker พร้อม 30-day calendar ดู availability
  4. บันทึก NCR · Status: Open · รอ Sub แก้ · ส่ง notification ให้ Sub
  5. Task Status ยัง In Progress · แต่ Task submit ไม่ได้จนกว่า NCR ปิด

🔄 ขั้นตอน · Re-inspect (หลัง Sub แก้)

  1. Inspector รับ notification "Sub ทำเสร็จแล้ว · TQ-2026-061 · NCR-057 · รอ re-check"
  2. เข้า NCR Detail · ดู Before/After photo · comment ของ Sub
  3. ลงพื้นที่จริง · ตรวจซ้ำ
  4. ตัดสินใจ:
    • Pass · NCR Status: Closed · Task item เปลี่ยนเป็น Pass
    • Fail อีก · NCR Status: Reopened · ส่งกลับ Sub · Sub รับ notification ใหม่

📤 ขั้นตอน · Submit Task

  1. เมื่อ Checklist ครบทุก item + NCR ปิดหมด · ระบบแสดง Completion Screen
  2. ตรวจสอบสรุป · Total items · Passed · Failed · NCRs · Time spent
  3. กด "Submit for Approval" · Task Status: Under Review
  4. ส่ง notification ให้ Approver · Inspector ไม่สามารถแก้ไขได้อีก (read-only)

🔑 หน้าจอที่เกี่ยวข้อง (Mobile · Inspector)

Task List (list) Task Detail (detail) Checklist Wizard (checklist) Create NCR Form NCR Detail Owner Picker (30-day calendar) Completion Screen

08Mobile App · Sub Contractor Workflow

Sub รับ NCR ที่ Inspector สร้าง · ลงพื้นที่แก้ไข · ส่งกลับให้ Inspector re-check

🎯 หน้าที่หลักของ Sub

Sub Contractor เป็นผู้รับเหมาช่วง · รับผิดชอบแก้ไขข้อบกพร่องที่ Inspector รายงาน · ใช้ Mobile App ในการอ่าน NCR · บันทึกการแก้ไข · ส่งคืนหลักฐาน

📋 ขั้นตอน · Receive NCR

  1. รับ Push Notification "มี NCR ใหม่ · NCR-2026-0057 · ตรวจงานสี ชั้น 6 · Deadline: พรุ่งนี้ 13:00"
  2. เปิด Mobile App · NCR list ของ Sub · เห็น NCR ใหม่พร้อม deadline
  3. แตะเพื่อดู NCR Detail · Status: Open · Assigned to me
  4. อ่านรายละเอียด · Severity · Defect · Location · Ref Std · Root cause · Corrective action
  5. ดู Before Photo เพื่อเข้าใจสภาพหน้างานปัจจุบัน

🔧 ขั้นตอน · Fix on Site

  1. ลงพื้นที่จริง (Sub นำทีมช่างไปหน้างาน)
  2. ทำงานตาม Corrective Action ที่ Inspector ระบุ · ปฏิบัติตาม Reference Standard
  3. อาจใช้เวลาแก้หลายชั่วโมง / วัน · Status ยัง Open
  4. Sub สามารถ update "Fixing..." ผ่าน Mobile ให้ทีมทราบว่าเริ่มแก้แล้ว

📸 ขั้นตอน · Submit for Re-check

  1. แก้เสร็จ · ถ่าย After Photo · จำนวนตามที่จำเป็น (สามารถถ่ายหลายมุม)
  2. บันทึก Comment อธิบายว่าแก้อย่างไร · วัสดุที่ใช้ · timestamp
  3. กด "Submit เพื่อ Re-check" · NCR Status: Fixed · Pending re-check
  4. ส่ง notification ให้ Inspector · Sub รอผลการ re-check

⚠️ กรณี Inspector ตีกลับ (NCR Reopened)

  1. รับ notification "NCR-057 ถูกตีกลับ · เหตุผล: สีตกร่อง หรือทาสีไม่สม่ำเสมอ"
  2. เข้า NCR Detail · อ่าน Rejection reason ที่ Inspector ระบุ
  3. กลับไปแก้ไขใหม่ · ทำซ้ำ Fix on Site + Submit
  4. วนซ้ำจนกว่า Inspector จะ Pass

🔑 หน้าจอที่เกี่ยวข้อง (Mobile · Sub)

NCR List (my NCRs) NCR Detail (view + submit) Photo Upload (before/after) Comment Form

⏰
SLA + Escalation: ถ้า Sub ไม่เริ่มแก้ภายใน 24 ชม. · หรือ Submit ไม่ได้ก่อน deadline · ระบบส่ง alert ให้ QCM + PM · หากยังไม่ตอบสนอง จะ escalate ให้ Executive

09NCR Sub-workflow · ระบบจัดการข้อบกพร่อง

NCR (Non-Conformance Report) · sub-workflow ระหว่าง Inspector + Sub ที่แทรกอยู่ใน Task lifecycle

NCR Lifecycle · Detail การ interact ระหว่าง QC Inspector และ Sub Contractor 📱 QC INSPECTOR 📱 SUB CONTRACTOR Item Fail In Checklist Trigger dialog Fill NCR Form Severity · Root · Fix Before photo · Assign NCR: Open Notify Sub Task keeps In Progress Re-inspect Compare before/after Pass or Reopen NCR: Closed Item ⇒ Pass Pass Receive NCR Read details Status: Open Fix on Site Corrective action Status: Fixing Submit After photo · comment Status: Fixed · pending Assign Ready for re-check Fail → Reopen NCR

🔄 NCR Statuses

StatusTriggerความหมาย
OpenInspector สร้าง NCRรอ Sub เริ่มแก้ · ส่ง notification แล้ว
FixingSub เริ่มลงมือแก้Sub อยู่หน้างาน · แสดงใน dashboard ของ QCM
Fixed · Pending re-checkSub Submit หลังแก้เสร็จรอ Inspector มา re-inspect · มี Before/After photo
ReopenedInspector Fail อีกSub รับ NCR กลับพร้อมเหตุผล · ต้องแก้ใหม่
ClosedInspector PassNCR ปิด · Item ในเช็คลิสต์เปลี่ยนเป็น Pass · Task สามารถ Submit ได้ (ถ้าไม่มี NCR อื่นค้าง)
🚨
Business rule เข้ม: Task Submit ไม่ได้ถ้ามี NCR อยู่ในสถานะใดๆ นอกจาก Closed · ระบบ block ที่ปุ่ม Submit · แสดง toast: "ยังมี N NCRs รอแก้ไข"

10สรุปการทำงานร่วมกัน · Team Collaboration

ตารางสรุปการ interact ระหว่างบทบาท + platform · Sync data · Notification flow

🔗 Cross-role Handoff Points

HandoffFromToTrigger + Data ที่ส่ง
Project Ready PM (Web) QCM (Web) PM เผยแพร่ Project · QCM เห็นโครงการใน list · ข้อมูล: WBS · Site/Zone · Team roster
Task Assigned QCM (Web) Inspector (Mobile) QCM Assign · Push notification ไป Inspector · ข้อมูล: Task detail · Checklist · Due date
NCR Created Inspector (Mobile) Sub (Mobile) Inspector สร้าง NCR · Push notification ไป Sub · ข้อมูล: Defect · Location · Corrective action · Before photo
NCR Fixed Sub (Mobile) Inspector (Mobile) Sub Submit หลังแก้ · Push notification ไป Inspector · ข้อมูล: After photo · Comment · Timestamp
Task Submitted Inspector (Mobile) Approver / QCM (Web) Inspector Submit Task · Email + Push · ข้อมูล: Checklist results · NCR history · Photos
Task Approved QCM (Web) Inspector · PM (all) QCM Approve · Notification ทุกฝ่าย · Task Closed · Report ถูกสร้าง
Task Rejected QCM (Web) Inspector (Mobile) QCM Reject พร้อมเหตุผล · Push notification ไป Inspector · Status กลับ In Progress

📊 Data Sync Overview

🖥️
Web App (PM · QCM):
Real-time updates ผ่าน WebSocket · เห็นการเปลี่ยนแปลงจาก Mobile ทันที · Dashboard refresh อัตโนมัติเมื่อ Inspector complete item หรือ Sub submit NCR
📱
Mobile App (Inspector · Sub):
Offline-first · sync เมื่อเชื่อมต่อ internet · Photo compress ก่อน upload · Push notification via Firebase FCM · Battery-optimized สำหรับใช้งานหน้างานทั้งวัน

💡 Best Practices

  • PM ต้อง Setup WBS + Site + Zone ให้ครบก่อนเปิดโครงการ · เพื่อให้ QCM มี structure ที่ผูก Task ได้ทันที
  • QCM ควรใช้ Bulk Createสำหรับ Task ซ้ำๆ ใน L3 เดียวกัน · ประหยัดเวลาได้ 90%
  • Inspector ควรถ่ายภาพก่อน-หลังการแก้ให้ชัดเจน · เป็นหลักฐานทางกฎหมาย + ข้อพิพาท
  • Sub ต้อง read Corrective Action ให้เข้าใจก่อนลงมือแก้ · หากไม่ชัดเจนควรถาม Inspector ผ่าน Comment
  • ทุกคนต้อง เปิด notificationบน mobile · โครงการก่อสร้างต้องการการตอบสนองไว

11Appendix · Screen References

รายการหน้าจอทั้งหมดที่เกี่ยวข้อง · แยกตาม Platform + Version reference

🖥️ Web App Screens (v40.0)

ScreenRoleFunction
Project Management ListPM · QCMดูรายการโครงการทั้งหมด · สร้างโครงการใหม่
Create Project (5 stepper)PMContract · Client · Team · Site+Zone · WBS Template
Task Management ListQCMดู Task ทั้งหมด · Filter · List/Kanban/Timeline views
Create Task FormQCMสร้าง Task เดี่ยว · 5 sections
Bulk Create from WBSQCMสร้าง N Tasks จาก L3 activities พร้อมกัน
Import Excel TemplateQCMUpload Excel + ตรวจสอบ + สร้าง Tasks
Task Detail (5 tabs)QCM · PMOverview · Checklist · NCR · Comments · Attachments · History
NCR Detail ModalQCM · PMดูรายละเอียด NCR แบบ modal · Before/After photo
NCR Management ListQCM · PMดู NCR ทั้งหมดในโครงการ · Filter · Bulk actions
WBS Template ManagementPM · QCMสร้าง + จัดการ WBS Templates ที่ใช้ทั่วทั้ง Organization
Checklist Template ManagementQCMสร้าง + จัดการ Checklist Templates

📱 Mobile App Screens (v34.0)

ScreenRoleFunction
Task ListInspectorดู Task ที่ Assign · Filter · Search · Sort
Task DetailInspectorดูรายละเอียด Task · เริ่ม/หยุดตรวจ · เข้า Checklist
Create Task (QCM Mobile)QCM (optional)สร้าง Task จาก mobile · 5 sections พร้อม pickers ทุกตัว
Project Picker (dropdown)QCMInline dropdown ใต้ field · รายการโครงการ · progress bar (v29)
Site/Zone ModalQCM · InspectorBottom sheet · Site pills + Zone list (v31)
WBS ModalQCM · InspectorBottom sheet · L1 pills scroll · L2 sections · L3 rows (v33-34)
Inspector/Approver PickerQCMFull-screen · Search · Sort by workload/name/availability
Checklist WizardInspectorTab per section · Stepper per item · Type-aware widget
Create NCR FormInspectorSeverity · Defect · Root · Corrective · Before photo · Owner picker
NCR DetailInspector · Subดูรายละเอียด NCR · Photos · Comments · Submit re-check
Owner Picker (30-day cal)Inspectorเลือก Sub Contractor พร้อม availability · sort by earliest
Completion ScreenInspectorสรุป Checklist · Total items · Pass/Fail count · Submit for Approval

📌 Version History

  • Web v40.0 · Task Management · v36 → v40 iterations · Ref Std non-dropdown · Bulk defaults reorder · Date-range picker · Edit/Save · Buttons on projbar row
  • Mobile v34.0 · v18 → v34 iterations · Checklist Q/A UI · Create Task pickers (Project dropdown · Site/Zone modal · WBS modal · Assignee picker) · Phone-frame constraint
  • เอกสารนี้ v1.0 · 6 ก.ค. 2569 · Initial release