📱 Flutter · Material 3 · Pure HTML

PCCCTrace Mobile App — Screen Hub

Prototype HTML mô phỏng app Flutter (com.pccctrace.app) theo spec 07-4-ux-mobile-dn-consumer.md — Direction A "Camera-first Glassmorphism". 4 nhóm người dùng: Đại lý · Nhân viên DN · Người dùng · Khách ẩn danh. Mỗi màn mô phỏng khung điện thoại 390×844, app bar + bottom nav + FAB camera, touch target ≥48dp.

25 màn MVP-0 (+2 Phase 2) Camera scan <2s p95 · offline-first ‹ Về Overview 5 surface

Onboarding & Đăng nhập · MO-001..006

MO-001
Chọn vai trò
3 role card + "Quét ẩn danh" — không bắt login
MO-002
Đăng nhập Nhân viên DN
Email công ty + OTP email + hint Spam
MO-003
Đăng nhập Đại lý
Mã đại lý + email + OTP
MO-004
Đăng nhập Người dùng
Email + OTP + consent banner
MO-005
Cấp quyền runtime
Camera (bắt buộc) / push / vị trí — FR-49
MO-006
Chính sách bảo mật
PII disclosure + DSR (NĐ 13/2023)

Lõi quét QR · MO-007..011

MO-007
Quét QR
Viewfinder glass + quadrant guide + laser + flash
MO-008
Quét liên tục (Dealer)
Counter lớn + mini list + Hoàn tác + Hoàn tất
MO-009
Kết quả (bottom sheet)
3 trạng thái ✅ / ⚠️ / ❌ + actions
MO-010
Hàng chờ offline
Badge mất sóng + queue + auto-sync
MO-011
Nhập serial tay
Fallback camera + validate + gợi ý fuzzy

Đại lý — Activate-at-Sale · MO-012..014

MO-012
Chọn đối tượng bán
Tab Công trình / Khách lẻ + bottom nav
MO-013
Tạo công trình
Form tên/địa chỉ/CĐT/SĐT → quét liên tục
MO-014
QR tổng hợp công trình
QR + biên lai PDF + chia sẻ Zalo

Nhân viên DN · MO-015..016

MO-015
Tra cứu serial
Scan/dán → trạng thái + giấy phép + recall
MO-016
Dashboard mini
KPI chỉ-đọc + cảnh báo mới

Người dùng · MO-017..022

MO-017
Thiết lập hồ sơ
Opt-in push + IP + SĐT optional
MO-018
Sản phẩm của tôi
List claimed + filter + cảnh báo recall
MO-019
Claim sở hữu
sold → claimed transition
MO-020
Chi tiết thu hồi
Recall info + hotline tap-to-call
MO-021
Đăng ký bảo hành
Ngày mua + nơi mua + ảnh hoá đơn
MO-022
Cài đặt
Consent toggles + DSR + đăng xuất

Dùng chung · MO-023..025

MO-023
Báo nghi hàng giả
Form no-login + ảnh + SĐT + reCAPTCHA
MO-024
Hộp thư trong app
Fallback khi push bị tắt
MO-025
Trợ giúp & FAQ
Hotline + FAQ + Privacy/Terms

CQNN Mobile Phase 2 · post-MoU

MO-PH2-01
Offline scan 1.000 record
Cache lớn + audit GPS + WORM — CQNN field post-MoU
MO-PH2-02
Xuất evidence PDF tại chỗ
PC-37 watermark DRAFT → ký số PKI-CA