Quản lý khóa học - Concept Memory Capsule (Learning Management)

Purpose

• Lưu giữ kỷ niệm và kết nối cộng đồng (Self-Determination Theory - Relatedness).
• Tăng gắn bó với thương hiệu và tạo động lực học tập dài hạn.

Elements / Scope

• Multi-View Mode Toggle: 3 chế độ xem (Grid / Timeline / Class Map).
• Grid View: Gallery per-lớp/sự kiện, caption ngắn; trạng thái duyệt (pending/approved/hidden).
• Timeline View: Ảnh sắp xếp theo tháng/năm, vertical timeline indicator.
• Class Map View: Ảnh grouped theo lớp, expandable cards hiển thị ảnh + classmates.
• Lightbox Gallery: Full-screen viewer, prev/next navigation, thumbnail strip, keyboard support (Esc/←/→).
• Classmate list gần đây (avatar, tên, lớp gần nhất), CTA xem tất cả bạn học.
• Upload modal: chọn lớp, upload ảnh, caption, privacy, checkbox nội quy.
• Huy hiệu lớp (snapshot leaderboard) strip/grid, tooltip tên hạng/loại.
• Class Showcase Board: khu trưng bày nổi bật theo lớp (ảnh + huy hiệu + recap quote) để lưu trữ và gợi ý cho cả lớp.
• Class Suggestion Feed: gợi ý mềm cho lớp dựa trên showcase đã duyệt (ví dụ challenge tuần, nội dung nên ôn lại).
• Moderation/report: HV báo cáo ảnh; GV/Admin duyệt/ẩn.

Logic / Rules

• Privacy: chỉ thấy ảnh/bạn học của lớp đã tham gia; sharing public cần bật + duyệt.
• Chronological: ảnh mới lên trước; filter theo lớp/sự kiện.
• Moderation: HV upload → pending; GV/Admin auto-approve; report → ẩn khỏi HV, chờ xử lý.
• Huy hiệu lớp: dùng snapshot chốt; không tái tính.
• Multi-View: Giữ nguyên filter khi chuyển view.
• Class Suggestion chỉ lấy dữ liệu đã duyệt; không tạo task bắt buộc, chỉ là CTA gợi ý.

UI / Behavior

• Layout: Hero (tóm tắt số lớp/bạn học/ảnh) + Class Showcase Board + View Mode Toggle + CTA “Đăng ảnh kỷ niệm”.
• Grid View: Card ảnh + caption; filter lớp/sự kiện.
• Timeline View: Grouped by tháng/năm; vertical timeline; entry cards.
• Class Map View: Expandable class cards; photos + classmates avatars.
• Lightbox: Full-screen, prev/next buttons, thumbnail strip, title/metadata, keyboard nav (Esc/←/→).
• Upload modal: chọn lớp, upload ảnh, caption, privacy, checkbox nội quy.
• Empty: “Chưa có kỷ niệm” + CTA đăng ảnh.
• Suggestion Feed: hiển thị 1-2 gợi ý theo lớp đang filter; click mở deeplink đến Course Detail/Practice phù hợp.

Notes

• Prototype: ../Prototypes/CM_Course_Memory_Capsule_Concept.html.
• Cross-reference: ../../CM_Course_Memory_Capsule.md (spec gốc nếu có).
• Đồng bộ Token với Certificates và Home.

Change log

• 2026-02-11: Bổ sung Class Showcase Board + Class Suggestion Feed để đáp ứng mục tiêu lưu trữ và gợi ý cho cả lớp.
• 2026-01-20: [SPLIT] Tách từ CM_Concept_Course_Cert_Memory.md thành file riêng.
• 2026-01-20: [FEATURE] Thêm 3 View Modes (Grid/Timeline/Class Map), Lightbox Gallery với keyboard nav.
• 2026-01-19: Khởi tạo concept Memory Capsule.