01บทนำ + Legend
ทุกไฟล์กดเปิด/ดาวน์โหลดได้ · เฉพาะ latest version · ตาม 4 folder ที่ระบุ
📊
PM Documents
เอกสารบริหารโครงการ · Sprint plan · Man-day
1 ไฟล์
🖥️
Web Prototypes
13 folders · Prototype + ER + Tables (คลิกได้)
33 ไฟล์
📱
Mobile Prototypes
6 folders · Flutter · Prototype latest
8+ ไฟล์
🧪
Test Scenarios
6 folders · Test HTML + Excel (Playwright)
14 ไฟล์
🏷️ File Link Legend
📄 HTML = Prototype · Guide · ER Diagram · Test Scenario · standalone
browser-viewable
📊 Excel = PM plan · Tables + APIs · Test Cases · sample data · formulas
📝 Word = DevSpec · Analysis · Guide (companion)
📌
How to open: คลิกที่ไฟล์ chip เพื่อเปิด/ดาวน์โหลด · ระบบจะเปิดในโปรแกรมที่เหมาะสม (Chrome ·
Excel · Word) · ถ้าคลิกไม่ได้ ให้ copy path จาก tooltip ไปเปิดใน File Explorer
⚠️
Scope Note: เอกสารนี้แสดงเฉพาะ 4 folder ที่ระบุ (
/document/pm/ ·
/uxui-web/ · /uxui-mobile/ · /test-scenario/ ) เท่านั้น · latest
version เท่านั้น · เอกสารใน Backup/ subfolder ถูกยกเว้น
02Project Management Documents
/document/pm/ · เอกสารบริหารโครงการ · latest version
| Document | Version | File (คลิกเพื่อเปิด/ดาวน์โหลด) | Description |
|---|---|---|---|
| 📊 ConstructQ Project Management | v4.0 · Latest | 📊 ConstructQ_PM_v4.0.xlsx | Sprint plan · man-day estimation · API list by sprint · task allocation · timeline (Sprint 03+ 2026) |
03Web Application Prototypes
/uxui-web/ · แยกตาม folder หน้าจอ · latest version · คลิกเปิดได้ทุกไฟล์
🖥️
Column Legend: Prototype = HTML prototype (คลิกเปิดใน browser) · Description =
คำอธิบายหน้าจอ · ER Diagram = HTML entity-relationship · Tables + APIs = Excel schema + API
handlers + sample data
🏠 AppShell /uxui-web/appshell/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| AppShell (Canonical Layout) | Sidebar + Topbar + Content · sidebar menu hierarchy · T&C + PDPA menus · notifications · user profile dropdown · consistent shell for all logged-in pages | 📄 AppShell.html | — (per-screen) | — (per-screen) |
🔐 Login + Authentication /uxui-web/login/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Login Web v3.0 | Email/Phone tab-method auth · MFA · PDPA popup · "สมัครบริการ" link · standalone page | 📄 Login_Web_v3.0 | — | — |
| Forgot Password Web v2.0 | 4-step flow · Email/Phone tabs · SMS renamed "เบอร์โทรศัพท์" · phone icon · OTP + reset password | 📄 ForgotPassword_v2.0 | — | — |
| PDPA Popup Web v1.0 | Accordion-format PDPA policy · linked from Login page | 📄 PDPA_Web_v1.0 | — | — |
📊 Dashboard /uxui-web/dashboard/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Dashboard Web v2.0 | Construction report illustration · 5 sections with sample data (Tasks · NCRs · Progress · Teams · Trends) · role-aware widgets | 📄 Dashboard_v2.0 | — | — |
💳 Subscribe /uxui-web/subscribe/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Subscribe Web | 6-step wizard · T&C · Package (Trial/Starter/Pro/Enterprise) · Company + Tax ID + Tambon · Users + RBAC matrix · Payment (Omise/PromptPay/Bank) · Welcome · standalone (no AppShell) · Trial-lock behavior | 📄 Subscribe.html | 📄 ER_v3.0 | 📊 Tables_v3.0 |
🏗️ Project · Create/Edit /uxui-web/project/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Create Project v14.0 | 5-step vertical stepper wizard · Project Info · Sites/Zones · Members · Files · WBS · Confirm popup with summary · back icon · editable L1/L2/L3 · Ref Std dropdowns | 📄 CreateProject_v14.0 | 📄 ER_v14.0 | 📊 Tables_v14.0 |
| Create Project Guide v1.0 | Screen usage guide for dev team + PM · workflow · state diagrams | 📄 Guide_v1.0.html 📝 Guide_v1.0.docx | — | — |
🌳 WBS Template /uxui-web/wbs/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| WBS Template Management v13.0 | Template library · 8 standards seeded (คอนโด/บ้าน/ห้าง/สนง./โรงงาน/DC/Civil/รพ.) · Create/Edit inline · Save confirm popup · circular back icon · "เผยแพร่" button · L1/L2/L3 hierarchy | 📄 WBSTemplate_v13.0 | 📄 ER_v13.0 | 📊 Tables_v13.0 |
✅ Task Management (QC + NCR) /uxui-web/inspection/Task/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Task Management v40.0 | Task list + Kanban + Create Task · WBS hierarchical picker · Checklist picker with preview · Owner + Approver calendar picker · Bulk create · NCR detail modal · Task detail with tabs (Overview/Checklist/NCR/Files/Log) · Edit + Save confirm · action buttons on project picker row | 📄 Task(QC+NCR)_v40.0 | 📄 ER_v36.0 | 📊 Tables_v36.0 |
| Task Management Role Guide v1.0 | Role-based workflow guide · QCM/Inspector/Fixer/Executive flows | 📄 RoleGuide.html 📝 RoleGuide.docx | — | — |
| Task Workflow Guide v1.0 | Web + Mobile workflow guide · state machine · transitions | 📄 Workflow_Guide.html 📝 Workflow_Guide.docx | — | — |
| Task (QC+NCR) Analysis v2.0 | Detailed QC + NCR workflow analysis · Data Sync business section · flowchart | 📝 Analysis_v2.0.docx | — | — |
📋 Checklist Builder /uxui-web/inspection/checklist/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Checklist Builder v16.0 | Checklist template designer · 5 industry-standard seeds (มยผ./วสท./OSHA-TH/EIA) · multi-section, multi-type · criteria + operator UI · verdict simulator · Mobile Preview (tab strip + circle stepper + type-aware widgets) · scroll bar on overflow · 10 question types | 📄 Checklist_v16.0 | 📄 ER_v16.0 | 📊 Tables_v16.0 |
🔄 Workflow Lifecycle /uxui-web/inspection/workflow/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Workflow Lifecycle v5.0 | Workflow template designer · Standard + NCR sub-loop workflow · 10 states (7 base + 3 NCR: ncr_open/ncr_fixing/ncr_verify) · Sub Contractor role · state diagram with forward/backward/up/down arrows · TH/EN language toggle · 3 seeded templates | 📄 Workflow_v5.0 | 📄 ER_v2.0 | 📊 Tables_v2.0 |
| Workflow Lifecycle Guide v1.0 | Screen guide for dev team · state machine explanation | 📄 Guide.html 📝 Guide.docx | — | — |
🚨 NCR Management /uxui-web/ncr/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| NCR Management v3.0 | All NCRs list + workflow · Create NCR form on fail · NCR detail modal with Before/After photo split · Sub Contractor assign flow · lifecycle status pills | 📄 NCR_v3.0 | — (in Task ER) | — (in Task Tables) |
📊 Reports /uxui-web/report/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Reports Web App v2.0 | Standard + Custom reports for all roles · AppShell wrap · working "Run" buttons · role-based report catalog (PM · QCM · Inspector · Fixer · Executive) | 📄 Reports_v2.0 | — | — |
⚙️ Master Data Settings /uxui-web/master-data/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| RBAC Settings | Role-based access control matrix · 6 roles (Organize Admin · PM · QCM · Inspector · Fixer/Sub · Executive) · Company Profile module · TH/EN toggle | 📄 RBACSettings | — | 📄 DevSpec.html 📝 DevSpec.docx |
| User Management v12.0 | User list + invite + edit · "ทุกบทบาท" chip · bilingual role filter · Security tab (Change Password modal) · role labels · dashboard stats | 📄 UserManagement_v12.0 | — | — |
| Package Management | Subscription package configurator · Trial/Starter/Pro/Enterprise · feature toggle matrix | 📄 PackageManagement | — | — |
| Menu Management | Sidebar menu tree + permissions · hierarchical settings | 📄 MenuSettings | — | — |
| Address Hierarchy | Tambon/District/Province settings + auto-fill · seed data | 📄 AddressHyrachy | — | 📄 DevSpec.html 📝 DevSpec.docx |
| Business + Project Type | Business type + Project type master data | 📄 BusinessType 📄 ProjectType | — | — |
| Department Hierarchy | Department tree · role assignments | 📄 Department | — | — |
| Document Type Settings | File type master data · category management | 📄 DocumentType | — | — |
| Terms & Conditions v1.0 | Bilingual T&C management page · 11 articles | 📄 T&C.html 📝 T&C.docx | — | — |
👤 Me / Profile /uxui-web/me/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Profile | Personal profile · avatar · change password · security tab | 📄 Profile | — | — |
| Company Info | Company profile · logo · tax ID · address · edit by admin_org role | 📄 CompanyInfo | — | — |
| Bill Cycle | Subscription + billing history · invoices · payment method | 📄 BillCycle | — | — |
| Language + Notification | Language settings (TH/EN) + Notification preferences | 📄 Language 📄 Notification | — | — |
📜 Audit Log /uxui-web/auditlog/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Audit Log | Immutable log of all user actions · CRUD + login + payment · filter/search · 7-year retention | 📄 AuditLog | — | 📊 AuditTrail_Rules |
04Mobile Application Prototypes
/uxui-mobile/ · แยกตาม folder หน้าจอ · Flutter · latest version
📱
Mobile Notes: All prototypes are HTML mockups in phone frame (portrait). Flutter production
build follows CLAUDE-MOBILE.md rules. Bottom sheet modals · touch gestures · virtual keyboard variants ·
offline-first.
🔐 Login + Authentication /uxui-mobile/login/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Login Mobile v5.0 | Email/Phone method tabs · PDPA clickable popup with accordion · "สมัครบริการ" navigates to Subscribe Mobile · biometric option | 📄 Login_v5.0 | — | — |
| Forgot Password Mobile v2.0 | 4-step flow · Subscribe-style stepper · 4-digit oval OTP · reset password | 📄 ForgotPassword_v2.0 | — | — |
| PDPA Mobile v1.0 | PDPA popup mobile version · accordion format · full policy | 📄 PDPA_Mobile.html 📄 PDPA.html 📝 PDPA.docx | — | — |
📊 Dashboard /uxui-mobile/dashboard/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Dashboard Mobile v5.0 | 5 sections with sample data · no header (app icon removed) · role-aware widgets · pull-to-refresh | 📄 Dashboard_v5.0 | — | — |
💳 Subscribe Mobile /uxui-mobile/subscribe/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Subscribe Mobile | 6-step wizard · phone frame · T&C accordion · Package (Trial default text · Pro default select) · Company + Tambon autocomplete · Users bottom sheet modal · Payment 3 tabs (Trial hides payment) · Trial locked duration · Welcome | 📄 Subscribe_Mobile | — (shared w/ Web) | — (shared w/ Web) |
✅ Task Inspection Mobile /uxui-mobile/inspection/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Task Mobile v34.0 | Multi-role task app (QCM/Inspector/Fixer/CEO) · Card layout matches web v28.0 · QC Inspector checklist wizard mode · type-aware answer widgets · Create NCR form on fail · Owner picker · Project bottom sheet picker · Site/Zone picker · WBS/Activity picker with L1 tabs + horizontal scrollbar · lifecycle pills TH · yellow ✓ badge on passed items | 📄 TaskMobile_v34.0 | — (shared w/ Web Task) | — (shared w/ Web Task) |
📊 Report Mobile /uxui-mobile/report/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Report Mobile | Mobile version of Reports · role-based report catalog · export options | 📄 Report_Mobile | — | — |
⚙️ Master Data Mobile /uxui-mobile/master-data/
| Screen | Description | Prototype | ER Diagram | Tables + APIs |
|---|---|---|---|---|
| Terms & Conditions Mobile v1.0 | T&C mobile version · bilingual · accordion | 📄 T&C.html 📝 T&C.docx | — | — |
05Test Scenario Documents
/test-scenario/ · แยกตาม folder หน้าจอ · latest version · HTML + Excel
🧪
Test Structure: Each set includes HTML doc (test scenarios + Playwright guide + sample
scripts) and Excel (Summary + Test Scenarios + Test Cases + Playwright Coverage sheets)
🏗️ Project Test /test-scenario/project/
| Test Set | Version | Files (คลิกเพื่อเปิด/ดาวน์โหลด) | Description |
|---|---|---|---|
| Create Project Test | v1.0 Latest | 📄 TestScenario_v1.0.html 📊 TestScenario_v1.0.xlsx | 57 test cases · 12 areas · covers 5-step wizard · list view · edit/delete/duplicate · Confirm popup · AI testing tools comparison |
🌳 WBS Test /test-scenario/wbs/
| Test Set | Version | Files (คลิกเพื่อเปิด/ดาวน์โหลด) | Description |
|---|---|---|---|
| WBS Template Test | v1.0 Latest | 📄 TestScenario_v1.0.html 📊 TestScenario_v1.0.xlsx | 68 test cases · 14 areas · 8 seeded templates · Create/Edit/Duplicate/Delete · Inline edit · WBS Builder L1/L2/L3 · Save confirm popup · Ref Std dropdown |
📱 Task Mobile Test /test-scenario/task/
| Test Set | Version | Files (คลิกเพื่อเปิด/ดาวน์โหลด) | Description |
|---|---|---|---|
| Task Mobile Test | v1.0 Latest | 📄 TestScenario_v1.0.html 📊 TestScenario_v1.0.xlsx | 82 test cases · 16 areas · 4 roles · 3 bottom-sheet pickers · Checklist wizard · NCR flow · Playwright Pixel 5 + iPhone 14 · 5 sample scripts |
🔄 Workflow Test /test-scenario/workflow/
| Test Set | Version | Files (คลิกเพื่อเปิด/ดาวน์โหลด) | Description |
|---|---|---|---|
| Workflow Lifecycle Test | v1.0 Latest | 📄 TestScenario_v1.0.html 📊 TestScenario_v1.0.xlsx | 70 test cases · 14 areas · 10 states (7 base + 3 NCR) · 6 triggers · SVG diagram · NCR sub-loop · 3 seeded templates · 5 sample scripts |
✅ Checklist Test /test-scenario/checklist/
| Test Set | Version | Files (คลิกเพื่อเปิด/ดาวน์โหลด) | Description |
|---|---|---|---|
| Checklist Builder Test | v1.0 Latest | 📄 TestScenario_v1.0.html 📊 TestScenario_v1.0.xlsx | 76 test cases · 15 areas · 10 question types · 5 industry-standard templates · verdict simulator · Mobile Preview (v16.0) · 5 sample scripts |
💳 Subscribe Test (Web + Mobile) /test-scenario/subscribe/
| Test Set | Version | Files (คลิกเพื่อเปิด/ดาวน์โหลด) | Description |
|---|---|---|---|
| Subscribe Web Test | v2.0 Latest | 📄 Web_v2.0.html 📊 Web_v2.0.xlsx | 72 test cases · 14 areas · 6-step wizard · T&C · packages · Tax ID · users · payment (Omise+SlipOK+Bank) · Trial-lock · language · font size |
| Subscribe Mobile Test | v2.0 Latest | 📄 Mobile_v2.0.html 📊 Mobile_v2.0.xlsx | 78 test cases · 15 areas · Pixel 5 + iPhone 14 emulation · touch gestures · bottom sheet modal · virtual keyboard · slip camera upload · offline / 3G |
| Subscribe Automate Test Guide | Ref | 📝 Automate Test Guide.docx | Initial guide (superseded by v2.0 test docs) · reference material |
📈 Test Coverage Summary
| Screen | Test Cases | Test Areas | Playwright Files | Runtime |
|---|---|---|---|---|
| Create Project | 57 | 12 | 13 | ~6 min |
| WBS Template | 68 | 14 | 15 | ~7 min |
| Task Mobile | 82 | 16 | 18 | ~10 min |
| Workflow Lifecycle | 70 | 14 | 15 | ~7 min |
| Checklist Builder | 76 | 15 | 16 | ~8 min |
| Subscribe Web | 72 | 14 | 15 | ~8 min |
| Subscribe Mobile | 78 | 15 | 16 | ~9 min |
| TOTAL | 503 cases | 100 areas | 108 files | ~55 min parallel |