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

Purpose

• Cung cấp cái nhìn cận cảnh về lịch trình trong tuần để học viên chuẩn bị tốt nhất.
• Giảm Cognitive Load bằng cách tập trung vào “Tuần này” thay vì một tháng xa xôi.
• Tích hợp các hành động nhanh (Join Zoom, View info) trực tiếp trên timeline.
• [NEW] Cung cấp nhiều chế độ xem (Multi-View) linh hoạt theo nhu cầu.
• [NEW] Hiển thị analytics tham dự và smart conflict resolution.

Elements / Scope

Multi-View Mode (NEW)

• Week View: 7-column grid layout (mặc định).
• Month View: Full calendar grid với dot indicators cho events.
• Day View: Hourly timeline chi tiết 1 ngày.
• List View: Vertical agenda dễ scan trên mobile.

Analytics Strip (NEW)

• Tham dự: % buổi đã tham dự (23/25 buổi).
• Tuần này: Số buổi học trong tuần.
• Deadline: Số deadline trong 7 ngày tới.
• Bỏ lỡ: Số buổi cần bù lại.

Core Schedule

• Layout: mini calendar 7 ngày + agenda/timeline tuần.
• Event types: Class Session (Online/Offline/Hybrid), Deadline, Extra Class.
• Filter: loại sự kiện, hình thức (Online/Offline/Hybrid), khóa.
• Quick switch: tuần trước/tuần sau; “Hôm nay” button; timezone indicator.
• Empty state: “Không có lịch” dashed border.

Smart Features (NEW)

• Conflict Resolution: Phát hiện + đề xuất đổi lịch khi trùng giờ.
• Session Notes: Ghi chú nhanh sau buổi học, hiển thị gần đây.

Quick Actions (NEW)

• Sync Calendar: Button sync với Google Calendar / iCal.
• Go to Today: Quick jump về ngày hiện tại.

Logic / Rules

• Join window: cho phép vào sớm X phút; hiển thị “Bắt đầu trong …”; CTA Join khi trong window.
• Urgency: deadline <24h hoặc buổi sắp diễn ra → badge cảnh báo.
• Conflict: nếu trùng giờ, cảnh báo “Trùng lịch”; gợi ý liên hệ/đổi lịch.
• Only future sessions ở view này; quá khứ → Recap/History/Test History.
• Filter: ẩn/hiện loại sự kiện; Hybrid hiển thị cả link + địa điểm, CTA ưu tiên chế độ đăng ký.
• Multi-View: Giữ nguyên filter + navigation khi chuyển view.
• Month View: Click ngày → auto switch sang Day View của ngày đó.

UI / Behavior

• Header: timezone + view mode switcher + sync button.
• Analytics Strip: 4 stat cards responsive grid (2→4 cols).
• Week Navigator: < Prev / Date Range / Next > + “Hôm nay” button.
• Filter chips (All/Lớp học/Deadline/Online/Offline).
• Card: thời gian, tiêu đề, meta, modality badge, cảnh báo conflict/deadline, CTA Join (nếu joinable).
• Month View: Calendar grid với dot indicators (blue=class, red=deadline).
• Day View: Hourly timeline với event blocks.
• List View: Vertical agenda với date column.
• Smart Features: 2-col grid với Conflict panel + Notes panel.
• Empty day: border dashed + gợi ý.
• Interaction: click event → slide-over chi tiết (GV, tài liệu, link, map).
• State: buổi active có ring; deadline due soon hiển thị cảnh báo.

Notes

• Prototype: ../Prototypes/CM_Course_Schedule_Concept.html.
• Đồng bộ với thiết kế Premium Minimal.

Change log

• 2026-01-19: [MAJOR] Thêm Multi-View (Week/Month/Day/List), Analytics Strip, Smart Features (Conflict + Notes).
• 2026-01-21: Bổ sung filter, timezone, join window, conflict/due warning, mini calendar + agenda.
• 2026-01-19: Khởi tạo concept Weekly Schedule.