Cách dùng: 1 mục có thể thuộc nhiều gói — vd màn Trang chủ = G0 · 0đ (giữ UI cũ) + G4 · 1,5đ (làm lại cho Chagee). Thanh filter là multi-select: tick gói nào → cộng đúng số ngày của tag gói đó. Báo giá Chagee → bỏ tick G0, tick G4.
🎁 Gói 3 — các chương trình khuyến mãi hỗ trợ (F&B): Giảm %/số tiền (đơn · sản phẩm · danh mục) · Mua 1 tặng 1 (BOGO) / Mua X tặng Y · Combo / Bundle · Đồng giá / giá sốc · Voucher / mã giảm giá · Giảm theo ngưỡng đơn tối thiểu · Happy Hour / khung giờ vàng · Flash sale (giới hạn số lượng + thời gian).
Hệ thống phải kết nối & đồng bộ nhiều thành phần (app khách · backend · web Haravan hiện có · trang quản trị · VNPay · Zalo ZNS/SMS · Fabi-bếp ở cửa hàng) — phản ánh độ phức tạp khi triển khai & tích hợp.
App / Quản trị
Backend
Dịch vụ ngoài
Bếp / cửa hàng
flowchart TB
KH(["Khách hàng"]) --> APP["Mobile App
đặt món · thanh toán · nhận món"]
ADMIN["Admin site
quản lý SP · đơn · khách · khuyến mãi"] --> BE["Hệ thống Backend"]
APP <--> BE
BE <--> HAR["Web Haravan
nền tảng hiện có"]
BE --> VNP["VNPay
thanh toán QR + callback"]
BE --> ZALO["Zalo ZNS + SMS
OTP · thông báo"]
BE --> F1
subgraph S1["Cửa hàng"]
F1["Fabi
xử lý món · bếp"]
end
F1 -.->|"báo món xong"| APP
classDef app fill:#EDE9FE,stroke:#7B5CF6,color:#4C1D95
classDef be fill:#FEF3C7,stroke:#F59E0B,color:#92400E
classDef ext fill:#E0F2FE,stroke:#0EA5E9,color:#0C4A6E
classDef fabi fill:#DCFCE7,stroke:#16A34A,color:#14532D
class APP,ADMIN app
class BE be
class HAR,VNP,ZALO ext
class F1 fabi
Timeline Lộ trình tham khảo — FE màn hình → Backend (gồm thanh toán · OTP · Fabi) → QA · 15/06/2026 → 31/01/2027
Chia 4 đợt theo mốc nghiệm thu — số tiền tự tính theo các gói đang chọn ở trên.
| Đợt | Mốc nghiệm thu | Tỷ lệ | Số tiền |
|---|
⏳ Lưu ý: Auth có lead-time đăng ký Brandname SMS + duyệt template Zalo ZNS (~1–3 tuần chờ duyệt) — nên triển khai song song từ đầu. Thời gian dự kiến nên cộng thêm ~15–20% buffer cho QA · nghiệm thu · duyệt App Store/Play Store (~1 tuần). Số ngày tính theo ngày làm việc (T2–T6), chưa trừ lễ/Tết.