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

Purpose

• Tạo không gian học tập tập trung cho từng khóa học (Deep Learning).
• Đồng bộ hóa trải nghiệm “Worklist” từ Home vào cấp độ khóa học để trả lời câu hỏi: “Trong khóa này, tôi cần làm gì tiếp theo?”.
• Giảm Cognitive Load bằng cách phân loại rõ ràng các nhóm nội dung: Học tập, Luyện tập và Thông tin.

Elements / Scope

• Course Spotlight: Hiển thị buổi học gần nhất/tiếp theo và tiến độ tổng của khóa.
• In-Course Worklist: Danh sách việc cần làm của riêng khóa này (Today, This week, Continue).
• Sticky Tab Navigation: Thanh điều hướng ngang giúp chuyển đổi nhanh giữa các tab chi tiết (Syllabus, Online Tests, etc.).
• Smart Sidebar: Hiển thị thông tin lớp học, link group, giáo viên và trợ giảng để hỗ trợ nhanh.

Logic / Rules

• Contextual Worklist: Chỉ lấy activity của khóa hiện tại để hiển thị.
• Progress Sync: Khi hoàn thành một activity, tiến độ ở màn hình Course Detail và Home phải được cập nhật đồng thời.
• Active State: Tab đang xem phải được highlight rõ rệt bằng màu thương hiệu.

UI / Behavior

• Layout: 2 cột (Cột chính cho nội dung tab, Cột phụ cho thông tin lớp học).
• Smooth Navigation: Chuyển tab không làm tải lại trang (Single Page App behavior).
• Visual Hierarchy: Ưu tiên Spotlight và Worklist ở phần trên cùng của trang Overview.

Change log

• 2026-01-19: Khởi tạo concept Course Detail Hub đồng bộ với giao diện mới.