Chi tiết khóa học - Concept Syllabus Detail (Learning Management)

Purpose

• Cấu trúc lại lộ trình học tập đồ sộ thành các đơn vị bài học dễ hấp thụ (Chunking).
• Hiển thị rõ ràng tiến độ học tập theo từng kỹ năng và từng buổi học.
• Giảm “Search fatigue” bằng cách cho phép thực hiện bài tập ngay tại trang Syllabus.

Elements / Scope

• Skill Selector: Chuyển đổi nhanh giữa Reading, Listening, Writing, Speaking.
• Milestone Navigation: Danh sách các chặng (vd: Chặng 1 - Nền tảng, Chặng 2 - Tăng tốc).
• Lesson List:
  • Trạng thái bài học: Chưa mở, Đang học, Hoàn thành.
  • Danh sách Activity con: Bài đọc, Video, Từ vựng, Bài tập.
• Quick Action Sidebar: Tóm tắt kiến thức cốt lõi của bài học đang chọn.

Logic / Rules

• Progress Locking: Một số bài học chỉ mở khi bài trước đó đạt tỷ lệ hoàn thành nhất định (vd: 80%).
• Activity Status Sync: Đồng bộ trạng thái Done ngay khi học viên nộp bài hoặc xem hết video.
• Sticky Progress: Thanh tiến độ luôn hiển thị ở đầu danh sách để duy trì Momentum.

UI / Behavior

• Hierarchical Layout: Cấu trúc cây (Accordion) cho phép mở rộng/thu gọn các buổi học.
• Visual Cues: Sử dụng Icon và màu sắc đồng bộ với Activity Model (vd: Video - Blue, Test - Red).
• Empty States: Khi chưa chọn kỹ năng, hiển thị “Recommended for today”.

Change log

• 2026-01-19: Khởi tạo concept Syllabus chi tiết cho Course Detail.