MyU logo
VITECH DIGITAL • MyU – ĐH Văn Hiến • BRD v0.1 • Mock demo HTML

🎓 Hệ sinh thái Cộng đồng Sinh viên & Tiếp thị liên kết

Demo luồng xử lý của 3 ứng dụng dùng chung 1 Backend API — mở 3 đường dẫn khác nhau để xem thử. Dữ liệu hoàn toàn giả lập (mock) bằng Javascript.

💼

1. Web Affiliate (AF)

Dành cho sinh viên / giảng viên / cá nhân muốn tăng thu nhập từ chia sẻ link khóa học.

  • AF-01 Đăng ký / đăng nhập CTV
  • AF-04 Kho khóa học + hoa hồng
  • AF-05/06 Tạo & quản lý link, QR
  • AF-08→11 Click, giao dịch, hoa hồng, rút tiền
Mở Web Affiliate
Đường dẫn: /affiliate/
🛠️

2. Web Admin (AD)

Dành cho đội vận hành: duyệt affiliate, cấu hình hoa hồng, duyệt rút tiền, quản lý việc làm / tuyển sinh.

  • AD-13 Cấu hình chương trình affiliate
  • AD-14 Duyệt hoa hồng sau đối soát
  • AD-16 Duyệt yêu cầu rút tiền
  • AD-51/52 Tin tuyển dụng, trường/ngành
Mở Web Admin
Đường dẫn: /admin/
📱

3. App Sinh viên (SC)

Mock giao diện mobile bằng HTML: hồ sơ số, học khóa học (deep link), cộng đồng, việc làm, tuyển sinh.

  • SC-01→05 Đăng nhập, xác thực SV, hồ sơ số
  • SC-45 Nhận diện link affiliate khi mua
  • SC-26→35 Bảng tin, nhóm, chat, sự kiện
  • SC-46→65 Việc làm & tuyển sinh
Mở App Mobile (giả lập)
Đường dẫn: /student/

Luồng demo xuyên suốt 3 app (theo BRD §3.3)

1
Admin (mở /admin/ → Chương trình Affiliate): cấu hình hoa hồng 20% cho khóa “Tiếng Anh Giao Tiếp”, thời hạn cookie 30 ngày, thời gian đối soát 7 ngày.
2
Affiliate (mở /affiliate/ → Kho khóa học): chọn khóa học → Tạo link myu.vn/c/ENG01?AFF=MINH8386 + QR → chia sẻ Zalo/Facebook.
3
Sinh viên (mở /student/ → Khóa học): mở deep link, app tự ghi nhận mã AFF=MINH8386 (SC-45) → bấm Mua khóa học (giả lập thanh toán thành công).
4
Affiliate → Giao dịch: thấy đơn mới trạng thái Chờ đối soát. Admin → Duyệt hoa hồng (AD-14): sau 7 ngày bấm Duyệt → hoa hồng chuyển sang Đã duyệt.
5
Affiliate → Rút tiền (AF-11): gửi yêu cầu rút 1.200.000đ → Admin → Duyệt rút tiền (AD-16): bấm Đã chuyển khoản → xong luồng tiền.
6
Luồng phụ: Admin đăng tin tuyển dụng (AD-51) → Sinh viên xem độ phù hợp %, ứng tuyển (SC-46→51). Admin nhập trường/ngành (AD-52) → Học sinh khám phá, đăng ký tư vấn (SC-60→65).
SC – Student Community
Mobile iOS/Android
(mock bằng HTML)
AF – Affiliate
Website
link / QR / hoa hồng
AD – Admin
Website
duyệt / cấu hình / báo cáo

Tất cả giao tiếp với Backend API dùng chung (FastAPI + PostgreSQL + R2) — bản mock này giả lập phía client.

Cách chạy thử

Cách 1 (nhanh): mở file index.html bằng trình duyệt rồi bấm 3 nút trên.
Cách 2 (khuyên dùng): cd myu-demo && python3 -m http.server 8080 rồi mở http://localhost:8080/ — khi đó 3 đường dẫn /affiliate/, /admin/, /student/ hoạt động đúng như deploy thật (GitHub Pages).