Urbanway Workflow Automation: Project Plan
🛠️ System Architecture & Technology Stack
Core Technologies
- Frontend Next.js (React): ใช้สร้าง UI ที่สวยงาม ทันสมัย แบบ Dashboard & Kanban Board
- Backend (Core API) Golang (Go): เหมาะสำหรับทำ Webhook รับข้อมูล จัดการ State ของ Workflow และทำ API ประสิทธิภาพสูง
- Backend (AI Microservice) Python: เพื่อคุยกับ LLM (NLP Chatbot), ทำ RAG, จัดการ OCR สลิปโอนเงิน และวิเคราะห์ภาพถ่าย
- Database PostgreSQL: สำหรับเก็บข้อมูลโครงสร้างทั้งหมด (Core Data เช่น Leads, Quotation, Users, Tickets)
Infrastructure & Integrations
- Cache & Queue Redis / RabbitMQ: ทำ Cache ลดภาระ Database และรับ Message Queue ป้องกันระบบล่มจาก Webhook ที่เข้ามาพร้อมกันจำนวนมาก
- File Storage AWS S3 หรือ GCS: แยกเก็บไฟล์หนักๆ เช่น สลิปโอนเงิน รูปถ่ายหน้างาน ไฟล์แบบ 2D/3D และเอกสารสัญญา PDF โดยเฉพาะ
- Real-time WebSockets: สร้างบน Golang เพื่อดันแจ้งเตือน (Push Notification) ไปยังหน้าจอ Dashboard ของผู้ใช้งานแบบเรียลไทม์
- Integrations APIs: เชื่อมต่อ PEAK Accounting API, LINE Messaging API, Facebook Graph API, Google Ads API
Phase 1: Core Foundation & Lead Management (ระบบการตลาดและ CRM พื้นฐาน)
💡 User Requirements & Features (มุมมองผู้ใช้งาน)
การใช้งานหลัก:
- รวมแชทไว้ที่เดียว: เซลส์และแอดมินไม่ต้องสลับเปิดแอป LINE หรือ Facebook ระบบจะดึงแชทลูกค้าทั้งหมดมาอยู่ในหน้าจอเดียว (Unified Inbox)
- AI Chatbot ตอบแชท 24 ชม.: ดึงฟีเจอร์ AI NLP เข้ามาช่วยคุยและตอบคำถามลูกค้าแทน Admin 100% ทันทีที่ลูกค้าทักมา (เริ่มทำตั้งแต่ Phase 1)
- ไม่พลาดทุก Lead: ลูกค้าทักปุ๊บ ระบบบันทึกข้อมูลเข้าตารางให้อัตโนมัติ และสุ่มแจกคิวให้เซลส์ดูแลทันที
- AI ผู้ช่วยนักการตลาด: พิมพ์บอกสั้นๆ AI จะช่วยคิดแคปชั่นโฆษณาและสรุปผลยิงแอดให้ว่าแคมเปญไหนคุ้ม/ไม่คุ้ม
- ผู้ใช้งานที่เกี่ยวข้อง: Sales Admin, Marketing, Sales Manager
⚙️ Technical Details
- Database Design (PostgreSQL): Schema สำหรับ
users (ระบบ Role/Permission), leads, interactions (ประวัติการคุย), และ audit_logs
- Backend (Golang):
- ระบบ Webhook รับข้อความจาก LINE OA และ Facebook Messenger
- ระบบ Auto-Capture Lead เพื่อดึงข้อมูลลูกค้าและขอ PDPA Consent
- ระบบ Round-Robin Assignment เพื่อแจก Lead ให้ Sales อย่างเป็นธรรม
- AI Integration (Python): AI Chatbot (NLP) สำหรับตอบคำถามลูกค้า 100%, และระบบ RAG สำหรับ Gen Content โฆษณา/วิเคราะห์ Ads
- Frontend (Next.js):
- หน้า Authentication & Role Management
- Dashboard & Kanban Board สำหรับดูสถานะ Leads
- Unified Inbox UI สำหรับ Sales Admin ตอบแชทจากระบบเดียว
Phase 2: AI Sales Copilot & Quotation (ระบบขายและออกเอกสาร)
💡 User Requirements & Features (มุมมองผู้ใช้งาน)
การใช้งานหลัก:
- ออกใบเสนอราคาด่วน: เซลส์กรอกข้อมูลพื้นฐาน AI ช่วยร่างแผนธุรกิจสวยงามและออกใบเสนอราคา PDF ให้อัตโนมัติ ส่งให้ลูกค้าได้ทันที
- ลิงก์ชำระเงินและตรวจสลิปฉลาด: ส่งลิงก์ให้ลูกค้าแนบสลิป AI จะช่วยตรวจสอบว่าสลิปจริงหรือปลอม ยอดตรงหรือไม่ ลดภาระบัญชี
- อนุมัติง่ายผ่านมือถือ: ผู้บริหารกดคลิกอนุมัติตามลำดับอำนาจอนุมัติ (Delegation of Authority - DOA) ได้จากที่ไหนก็ได้
- เซ็นสัญญากระดาษเป็นศูนย์: ลูกค้าสามารถเซ็นสัญญาเปิดแฟรนไชส์บนออนไลน์ (E-Signature) ได้แบบถูกกฎหมาย
- ผู้ใช้งานที่เกี่ยวข้อง: Sales, Executive (ผู้อนุมัติ), Customer, Accounting
⚙️ Technical Details
- Database Design (PostgreSQL): Schema สำหรับ
quotations, business_plans, payments และระบบ DOA Matrix (doa_modules, doa_conditions, doa_roles, doa_matrix_rules, doa_approval_logs) เพื่อความยืดหยุ่น
- Backend (Golang):
- ระบบ Document Generation (PDF) สำหรับใบเสนอราคาและแผนธุรกิจ
- ระบบ Approval Workflow ตามลำดับขั้น Delegation of Authority (DOA) โดยใช้โครงสร้างแบบ Matrix ที่ตั้งค่าปรับเปลี่ยนได้ง่าย
- PEAK Integration (Core Phase 2-6): ยิง API ไป PEAK ใน ทุกๆ ครั้งที่มีการบันทึกเอกสารทางการเงิน (ไม่จำกัดแค่มัดจำ แต่รวมถึงการตั้งเบิกช่าง, สลิปงวดอื่นๆ)
- ระบบ E-Signature สำหรับเซ็นสัญญา
- AI Integration (Python): ตรวจสอบสลิปโอนเงินอัตโนมัติ (Slip Verification + QR)
- Frontend (Next.js):
- หน้า Quotation Builder ให้ Sales กรอกข้อมูล
- หน้า Payment Gateway/Link สำหรับอัปโหลดสลิป
- หน้าจอสำหรับผู้บริหารกด Approve ตาม DOA และหน้าตารางตั้งค่า DOA Matrix สำหรับ Admin
Phase 3: Project Preparation & Design (เตรียมโครงการและประเมินงบ)
💡 User Requirements & Features (มุมมองผู้ใช้งาน)
การใช้งานหลัก:
- โฟร์แมนทำงานผ่านมือถือ: ช่างสำรวจหน้างานไม่ต้องจดกระดาษ ถ่ายรูปและติ๊ก Checklist ผ่านฟอร์มบนมือถือ ข้อมูลวิ่งเข้าส่วนกลางแบบเรียลไทม์
- ช่วยทำแบบและถอดงบ: นำข้อมูลสำรวจมาให้ AI ช่วยสร้างแบบ 2D/3D และระบบจะตีราคาเป็น BOQ สรุปต้นทุนก่อสร้างให้ทันที ป้องกันงบบานปลาย (คุมไม่ให้เกิน 60%)
- เช็คสต๊อกอัตโนมัติ: ฝ่ายสโตร์รู้ทันทีว่ามีของพอไหม ระบบสร้างใบสั่งซื้อ (PR) ให้เองหากของขาด
- ผู้ใช้งานที่เกี่ยวข้อง: Foreman (ช่างสำรวจ), Draftsman, Operations Manager, Store
⚙️ Technical Details
- Database Design (PostgreSQL): Schema สำหรับ
site_surveys, designs, boq, purchase_requests
- Backend (Golang):
- ระบบรับข้อมูล Checklist สำรวจพื้นที่จากโฟร์แมน
- BOQ Engine: คำนวณราคาวัสดุอ้างอิง Master Price List คุม Budget < 60%
- ระบบตรวจสอบ Sales Order (SO) กับสต๊อก เพื่อเปิด Purchase Request (PR)
- Frontend (Next.js):
- Mobile-friendly Form สำหรับโฟร์แมนกรอกข้อมูลและอัปโหลดรูป
- หน้าจอ 2D/3D Design Review สำหรับลูกค้าอนุมัติแบบ
- หน้าจัดการ BOQ สำหรับทีม Operations
Phase 4: Installation & Contractor Management (งานติดตั้งและผู้รับเหมา)
💡 User Requirements & Features (มุมมองผู้ใช้งาน)
การใช้งานหลัก:
- คุมผู้รับเหมาผ่าน LINE: ผู้รับเหมาไม่ต้องโหลดแอปเพิ่ม รับงาน ถ่ายรูปอัปเดตหน้างาน และกดขอเบิกเงินงวดผ่าน LINE OA ของตัวเองได้เลย
- AI ช่วยตรวจงาน: ผู้รับเหมาส่งรูปมา AI ช่วยเทียบรูปหน้างานจริงกับแบบ 2D เบื้องต้นว่าจุดสำคัญครบไหม ช่วยลดภาระหัวหน้าช่าง
- คุมเวลาเป๊ะ (SLA): หน้าจอ Gantt Chart สีสันสดใส แจ้งเตือนสีแดงทันทีหากทีมไหนติดตั้งล่าช้ากว่ากำหนด 15 วัน
- ผู้ใช้งานที่เกี่ยวข้อง: Contractor (ผรม.), Install Head, Operations Admin
⚙️ Technical Details
- Database Design (PostgreSQL): Schema สำหรับ
installations, contractors, inspections
- Backend (Golang):
- SLA Tracking Engine: ติดตามเวลาการติดตั้งและแจ้งเตือน
- ระบบเชื่อมต่อ LINE OA ผู้รับเหมา ส่งใบสั่งงาน รับงาน และขอเบิกเงิน (ยิง API ไป PEAK เพื่อตั้งจ่ายอัตโนมัติ)
- AI Integration (Python): AI ช่วยตรวจสอบภาพถ่าย/วิดีโอจากผู้รับเหมาเปรียบเทียบกับแบบ 2D เบื้องต้น
- Frontend (Next.js):
- Installation Gantt Chart / Calendar Dashboard
- Quality Assurance (QA) Panel สำหรับตรวจรับงาน
Phase 5: Logistics & Handover (การจัดส่งและส่งมอบ)
💡 User Requirements & Features (มุมมองผู้ใช้งาน)
การใช้งานหลัก:
- เซ็นรับร้านบนมือถือ: ถึงวันส่งมอบ ลูกค้าดูความเรียบร้อยและเซ็นชื่อรับมอบร้านผ่านมือถือ/แท็บเล็ตได้ทันที
- จ่ายครบ ปลดล็อกแอป: ทันทีที่ลูกค้าจ่ายเงินงวดสุดท้าย (10%) ระบบจะปลดล็อกสิทธิ์เข้าถึงแอปจัดการร้านแฟรนไชส์ให้อัตโนมัติ ใช้งานได้ทันที
- หารถส่งของง่ายขึ้น: ระบบคำนวณและเลือกขนส่งที่คุ้มค่าที่สุด พร้อมแจ้งคิวจัดส่งให้ลูกค้าทราบล่วงหน้า
- ผู้ใช้งานที่เกี่ยวข้อง: Customer, Store, Logistics Provider
⚙️ Technical Details
- Database Design (PostgreSQL): Schema สำหรับ
shipments, handovers
- Backend (Golang):
- ระบบคำนวณและเสนอราคาบริษัทขนส่ง
- ระบบสร้างเอกสาร Pick/Ship และ Handover Document
- Webhook แจ้งเตือนลูกค้าเซ็นรับมอบ, ยิง API ไป PEAK บันทึกเงินงวดสุดท้าย และปลดล็อก App สาขา
- Frontend (Next.js):
- Logistics Tracking Board
- หน้าจอ Customer Sign-off สำหรับเซ็นรับมอบ (Tablet/Mobile)
Phase 6: After-Sales & Maintenance (บริการหลังการขายและซ่อมบำรุง)
💡 User Requirements & Features (มุมมองผู้ใช้งาน)
การใช้งานหลัก:
- ซ่อมไวภายใน 48 ชม.: หากลูกค้าแจ้งปัญหา (ผ่าน AI Chatbot ที่ทำไว้ใน Phase 1) ระบบจะวิเคราะห์อาการเสียและเปิด Ticket จองคิวช่างให้อัตโนมัติ พร้อมตั้งเวลาเตือนหากช่างปิดงานช้ากว่า 48 ชั่วโมง
- วิเคราะห์ยอดขายร้าน: หน้าจอพิเศษ (Dashboard) ช่วยประเมินยอดขายของแต่ละสาขาว่าตกเกณฑ์ไหม และแนะนำโปรโมชั่นกระตุ้นยอดให้เจ้าของสาขา
- ผู้ใช้งานที่เกี่ยวข้อง: Franchisee (ลูกค้า), Customer Service, Repair Technician (ช่างซ่อม)
⚙️ Technical Details
- Database Design (PostgreSQL): Schema สำหรับ
tickets, maintenance_jobs, branch_performance
- Backend (Golang):
- ระบบ Ticket Auto-Creation แจ้งงานซ่อม
- Dispatch Engine: จัดคิวช่างและติดตามการซ่อม (SLA 48 ชม.)
- Performance Analytics: ประมวลผลยอดขายเพื่อแนะนำโปรโมชั่น
- PEAK Integration: เชื่อมต่อ PEAK อัตโนมัติเพื่อตั้งเบิกจ่ายค่าแรงช่างซ่อมบำรุง
- Frontend (Next.js):
- Helpdesk / Ticketing Dashboard
- Branch Analytics Dashboard แสดง Performance ยอดขายเทียบเป้าหมาย