📱 Flutter · Material 3 · Pure HTML

PCCCTrace Mobile App — Screen Hub

Prototype HTML mô phỏng app Flutter (com.pccctrace.app) — 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.

28 màn 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-49a
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-011
Hàng chờ offline
Badge mất sóng + queue + auto-sync
MO-012
Nhập serial tay
Fallback camera + validate + gợi ý fuzzy

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

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

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

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

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

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

Dùng chung · MO-024..025

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

CQNN Mobile 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