DOL Kid LMS - Home

DOL Kid - LMS Home

Purpose

• Vấn đề: Sau khi phụ huynh đã vào đúng child context, KID cần một home chung đủ rõ để biết làm gì tiếp theo mà không bắt user đi qua quá nhiều tab.
• Đối tượng chính: Phụ huynh mở và giao task; học viên dùng để bấm vào bài học hoặc bài tập.
• Tín hiệu thành công: Trong lần quét đầu, user nhìn ra ngay khóa đang học, việc cần làm, và đường vào bài tập.

Scope Gate

• File này sở hữu default logged-in LMS home của KID.
• File này không sở hữu:
  • chi tiết lesson/player,
  • detail của từng khóa,
  • result screen,
  • parent analytics dài hạn.

Required Sections

• Home Tab Strip
  • Overview
  • Khóa học
  • Kho đề
  • Lịch học
  • Thành tích
  • Kỷ niệm (làm sau)
• Context Header
  • active child,
  • active course,
  • CTA quay lại Parent Dashboard nếu cần đổi bé.
• Overview tab
  • hero summary nhẹ,
  • Việc cần làm section theo bối cảnh,
  • snapshot rail cô đọng từ các tab khác:
    • Khóa học
    • Lịch học
    • Thành tích
    • có thể thêm Learning Stats hoặc Kỷ niệm khi có tín hiệu thật sự đáng nhắc.
  • 1 reminder card nếu có homework hoặc lịch học gần.
  • 1 CTA chính để đi tiếp vào Khóa học.
  • 1 entry phụ Xem tiến bộ học tập để mở Learning Stats.
• Khóa học tab
  • Basic Snapshot
    • tiến độ khóa hiện tại,
    • homework/next action gần nhất,
    • thống kê cơ bản ở mức rất gọn.
  • Next Action Hero
    • 1 CTA chính duy nhất như Vào khóa học, Tiếp tục bài học, hoặc Mở danh sách bài tập.
  • Today / This Week Tasks
    • danh sách ngắn các việc đang đến hạn hoặc đang làm dở.
  • My Courses Strip
    • 1 khóa đang focus + các khóa còn lại dưới dạng card gọn.
  • Practice Shortcuts
    • lối vào nhanh cho Online Test, Exercise, Dictation, Vocab nếu đã mở trong course context.
    • Nếu homework gần nhất là Exercise, shortcut phải đưa user tới Course Detail > Exercise Home với đúng bài được highlight.
  • Learning Stats entry
    • secondary CTA Xem tiến bộ học tập.
    • không thay CTA chính đi Course List.
• Kho đề tab
  • lane tự luyện đề
  • mở theo level:
    • Starter
    • Movers
    • Flyers
  • chia theo dạng đề:
    • Full Test
    • Reading & Writing
    • Listening
    • Speaking
  • không phụ thuộc nội dung giáo trình của khóa học.
• Lịch học tab
  • chỉ tập trung vào schedule:
    • buổi học sắp tới,
    • ngày giờ,
    • trạng thái schedule.
  • không đi sâu vào nội dung bên trong buổi học.
• Thành tích tab
  • certificate / badge,
  • học viên của tháng / vinh danh,
  • thành tựu chung ở mức tạo động lực, không biến thành analytics nặng.
  • có thể có lối vào phụ sang Learning Stats, nhưng tab này không sở hữu progress view.
• Kỷ niệm tab
  • phase sau,
  • thư viện hình ảnh / kỷ niệm trong lớp và trong quá trình học.

Content Priority By Tab

1. Overview

• Baseline bắt buộc
  • hero summary nhẹ
  • Việc cần làm section với 2-4 task thật sự có ưu tiên
  • snapshot rail với các snapshot cô đọng nhất từ:
    • Khóa học
    • Lịch học
    • Thành tích
  • 1 CTA chính sang Khóa học
• Nên có
  • một summary nhẹ như sắp có buổi học, còn homework, vừa đạt milestone
  • Learning Stats snapshot rất gọn
  • Kỷ niệm snapshot nếu đã có nội dung mới thật sự
  • entry phụ Xem tiến bộ học tập
• Để sau
  • summary quá dày
  • card lặp lại y nguyên nội dung chi tiết của từng tab
  • analytics hợp nhất nhiều tầng

2. Khóa học

• Baseline bắt buộc
  • Context Header
  • Basic Snapshot
  • Next Action Hero
  • Today / This Week Tasks
  • My Courses Strip
• Nên có
  • Practice Shortcuts
  • lightweight message như đã làm được bao nhiêu bài tuần này
  • secondary CTA Xem tiến bộ học tập
• Để sau
  • recommendation cá nhân hóa sâu
  • nhiều hàng content song song
  • widget trang trí không hỗ trợ quyết định tiếp theo

3. Kho đề

• Baseline bắt buộc
  • level focus hiện tại
  • level switcher nhẹ nếu có nhiều level được mở
  • 4 nhóm đề:
    • Full Test
    • Reading & Writing
    • Listening
    • Speaking
• Nên có
  • trạng thái chưa làm / làm dở / đã làm
  • CTA Làm đề, Làm tiếp, hoặc Xem lại
• Để sau
  • search/filter dày
  • analytics sâu của kho đề
  • so sánh nhiều chiều giữa các level

4. Lịch học

• Baseline bắt buộc
  • buổi học sắp tới
  • ngày giờ / trạng thái schedule
  • CTA quay lại đúng course hoặc context liên quan nếu cần
• Nên có
  • nhắc việc ngắn kiểu sắp đến giờ học hoặc có buổi học trong tuần này
• Để sau
  • lịch dạng calendar nặng
  • filter nhiều chiều
  • thống kê attendance sâu
  • phân tích nội dung hoặc breakdown lesson bên trong từng buổi

5. Thành tích

• Baseline bắt buộc
  • badge / certificate
  • vinh danh hoặc milestone nổi bật
  • copy động viên ngắn
• Nên có
  • nhóm thành tích theo học tập, chăm chỉ, cột mốc khóa học
• Để sau
  • leaderboard nhiều tầng
  • analytics chi tiết theo tuần / tháng
  • bảng xếp hạng làm nặng cảm giác so sánh

6. Kỷ niệm

• Baseline bắt buộc
  • không build trong phase hiện tại; chỉ cần nhãn later
• Nên có
  • khi mở phase sau: thư viện ảnh / video ngắn theo lớp hoặc cột mốc
• Để sau
  • feed xã hội
  • comment / reaction
  • memory timeline phức tạp

Home Content Contract

• Overview là tab summary tổng quát
  • các tín hiệu cơ bản từ Khóa học, Lịch học, Thành tích, Learning Stats, và Kỷ niệm có thể xuất hiện ở đây dưới dạng snapshot rất ngắn.
  • Việc cần làm section của Overview chỉ dùng để gom những việc nên làm ngay bây giờ theo bối cảnh, không thay full task list của tab Khóa học.
  • Overview chỉ sở hữu summary, snapshot, và điều hướng; không sở hữu chi tiết dài của bất kỳ tab nào.
• Khóa học là tab trả lời quyết định chính
  • user vào đây để biết làm gì tiếp theo.
  • mọi thống kê liên quan đến khóa học nên nằm ở đây, không rải sang Lịch học.
  • nếu cần xem progress tổng quát theo cách nhẹ hơn, CTA phụ có thể mở Learning Stats.
• Kho đề là tab tự luyện độc lập
  • user vào đây để tự luyện đề theo level và dạng đề.
  • tab này không phụ thuộc lesson/topic của khóa học hiện tại.
  • course stats hoặc homework stats không nên chảy sang đây.
• Lịch học là tab định hướng ngắn hạn
  • user vào đây để biết lịch/schedule, không phải để xem breakdown nội dung buổi học.
• Thành tích là tab tạo động lực
  • user vào đây để được ghi nhận, không phải để phân tích hiệu suất.
  • progress reflection nhẹ nên đi sang Learning Stats, không nhồi vào tab này.
• Kỷ niệm là lớp cảm xúc bổ sung
  • không được chặn hoặc làm rối flow học chính.

Element Allocation Rule

• One card, one question
  • Mỗi card/cluster chỉ nên trả lời 1 câu hỏi chính.
• Overview Hero
  • chỉ trả lời Hôm nay nên chú ý gì trước tiên?
• Preview Card - Khóa học
  • chỉ trả lời Khóa đang học hiện tại là gì?
• Overview To-do Board
  • chỉ trả lời Những việc nào nên làm ngay bây giờ?
• Preview Card - Lịch học
  • chỉ trả lời Buổi học gần nhất là khi nào?
• Preview Card - Thành tích
  • chỉ trả lời Gần đây vừa đạt được gì?
• Learning Stats Snapshot
  • chỉ trả lời Điểm tiến bộ cô đọng nhất lúc này là gì?
• Kỷ niệm Snapshot
  • chỉ trả lời Có khoảnh khắc mới nào đáng xem không?
• Basic Snapshot
  • chỉ trả lời Đang ở đâu trong khóa này?
• Next Action Hero
  • chỉ trả lời Làm gì tiếp theo?
• Upcoming Session Card
  • chỉ trả lời Buổi học tiếp theo là khi nào?
• Achievement Hero
  • chỉ trả lời Điều nổi bật nhất vừa đạt được là gì?
• Learning Pulse Hero
  • chỉ trả lời Mình đang tiến bộ thế nào?
• Khi một element bắt đầu trả lời nhiều hơn 1 câu hỏi trên:
  • tách block,
  • hoặc chuyển bớt nội dung về tab owner khác.

Core Logic

• Priority order
  1. Việc có deadline gần hoặc đã quá hạn:
     • Assignment W/S cần nộp
     • Final / Online Test cần làm
  2. Việc follow-up ngay sau lesson:
     • xem lại bài tóm tắt
     • làm Exercise homework được giao
  3. Việc đang làm dở trong course context.
  4. Gợi ý optional:
     • Kho đề
     • practice tự luyện
• Default tab
  • Overview là tab mặc định khi vào LMS Home.
• One highlighted course
  • Nếu chỉ có 1 khóa, auto-focus khóa đó.
  • Nếu có nhiều khóa, chỉ 1 khóa được highlight làm khóa hiện tại.
• Overview leads, course decides
  • Overview dùng để định hướng nhanh.
  • quyết định học gì tiếp theo nằm ở tab Khóa học.
• Test bank is optional and level-gated
  • Kho đề là lane tự luyện thêm, không thay homework của khóa.
  • level mở trong Kho đề phải bám child current track / entitlement, không bám lesson progress.
• Course list first
  • CTA chính từ tab Khóa học ưu tiên đưa user vào Course List trước khi đi sâu vào bài cụ thể.
• Summary at home, detail in tabs
  • thông tin tổng quát từ các tab có thể xuất hiện ở Overview, nhưng chi tiết phải ở đúng tab owner.
• Learning stats is a secondary view
  • Learning Stats tồn tại như một view riêng, mở từ Home; nó không là top-level tab thứ 7.
• Learner stats stays lightweight
  • Learning Stats chỉ là progress reflection view cho học viên; không mang reporting sâu của parent dashboard.
• No overloaded dashboard
  • Không hiển thị biểu đồ nặng, bảng dày, hoặc analytics sâu.
  • Không đặt quá nhiều CTA ngang nhau trong cùng 1 card.
• Tabs are intent buckets
  • Mỗi tab chỉ nên trả lời một nhóm câu hỏi chính, không sao chép nội dung của tab khác chỉ để “đủ đầy”.
• Schedule tab is schedule-only
  • Lịch học chỉ sở hữu thông tin về lịch; không gánh lesson breakdown, course progress, hay achievement summary.
• Test bank is not course tab
  • Kho đề là lane riêng ở cấp LMS Home; không đẩy nó xuống Course Detail.
• Schedule supports course flow
  • Lịch học giúp định hướng việc sắp học gì, nhưng CTA quay về đúng course/lesson context chứ không tạo một learning lane độc lập.
• Achievement motivates, not distracts
  • Thành tích tạo hứng thú và ghi nhận cột mốc; không thay vai trò theo dõi/đánh giá của parent dashboard.
• Home is not parent dashboard
  • Các số liệu giáo viên chấm, engagement tracking, leaderboard lớp, và operational reporting không nên đổ dồn lên LMS Home của child lane.
• Practice is contextual
  • Shortcut practice chỉ hiển thị loại bài thật sự dùng được với child + course hiện tại.
• Fast re-entry
  • Nếu parent quay lại từ dashboard, màn phải giải thích được ngay bé đang ở đâu.
  • Nếu bé quay lại sau khi làm bài xong, màn phải ưu tiên bước tiếp theo gần nhất.

State Model / Edge Cases

• no_course_assigned
  • Không có khóa nào được gán; CTA chính là Liên hệ phụ huynh / hỗ trợ hoặc Quay lại dashboard.
• one_course_ready
  • Overview ưu tiên preview khóa đó; tab Khóa học hiển thị Next Action Hero rõ nhất.
• many_courses
  • Hiển thị tối đa 3 course cards ở tầng đầu + CTA Xem tất cả khóa học.
• upcoming_class
  • Lịch học hiển thị buổi sắp tới và trạng thái schedule liên quan.
• no_schedule_visible
  • Empty state nhẹ trong Lịch học, không làm đứt flow chính của tab Khóa học.
• homework_due_today
  • Hero ưu tiên bài tập hôm nay.
• waiting_review
  • Hiển thị trạng thái đang chờ chấm / đang chờ xem kết quả, không tạo dead-end.
• just_completed
  • Hero chuyển sang bước tiếp theo thay vì chúc mừng quá dài.
• no_achievement_yet
  • Thành tích dùng copy tích cực và gợi ý tiếp tục học, không empty state gây hụt hẫng.

UI / Behavior

• Copy ngắn, dễ hiểu cho cả phụ huynh và bé.
• Card lớn, vùng bấm rõ, icon hoặc minh họa nhẹ.
• Mỗi tab chỉ trả lời một nhóm câu hỏi:
  • Overview: Mình nên chú ý gì trước tiên?
  • Khóa học: Đang học gì và làm gì tiếp theo?
  • Kho đề: Muốn tự luyện thêm đề nào theo level hiện tại?
  • Lịch học: Sắp học gì?
• Thành tích: Đã đạt được gì?
  • Kỷ niệm: Đã có những khoảnh khắc nào?
• Learning Stats là view phụ, không tham gia Home Tab Strip, nhưng phải đọc được như Mình đang tiến bộ tới đâu?
• Tránh ngôn ngữ kiểu dashboard vận hành, analytics, module matrix.

Content To Avoid On LMS Home

• bảng xếp hạng chi tiết theo lớp hoặc theo tháng ở tầng home
• teacher evaluation breakdown kiểu vận hành
• course syllabus đầy đủ 24 topic ngay tại home
• nhiều CTA ngang hàng cùng mức ưu tiên
• nhồi cả exercise result, schedule, achievement, memory vào một hero duy nhất
• đưa breakdown nội dung của từng buổi học vào tab Lịch học
• lặp lại nguyên stats khóa học ở cả Overview, Khóa học, và Lịch học
• nhét Learning Stats thành tab top-level mới chỉ để chứa progress nhẹ

Dependencies / Integration

• Parent Dashboard -> handoff vào LMS Home.
• Course Management Flow -> mở Course List rồi vào khóa cụ thể.
• Practice Launcher -> mở bài tập theo ngữ cảnh khóa học.
• Test Bank -> mở lane tự luyện đề độc lập với syllabus khóa học.
• Learning Stats -> mở view phản chiếu tiến độ học tập nhẹ cho học viên.
• Exercise Home -> là lớp list trước khi user mở Exercise Detail.
• Practice Flow -> trả user về Exercise Home, Course Detail, hoặc LMS Home đúng context sau khi làm xong.
• Exercise Flow -> ưu tiên route exercise list -> do bài -> done/xem điểm -> update progress.

Metrics / Analytics

• kid_lms_home_open_rate
• kid_lms_home_to_primary_action_rate
• kid_lms_home_to_course_open_rate
• kid_lms_home_to_practice_shortcut_rate

References

• ./KID_LMS_00_Overview.md
• ./KID_LMS_Course_Management_Flow.md
• ./KID_LMS_Practice_Launcher.md
• ./KID_LMS_Home_Content_Allocation.md
• ./KID_LMS_Learning_Stats_00_Overview.md
• ./KID_LMS_Exercise_00_Overview.md
• ./KID_LMS_Exercise_Home.md
• ./KID_LMS_Exercise_Flow.md
• ../../Parent Experience/KID_Parent_Learning_Management_Dashboard.md

Change log

• 2026-03-24: Bổ sung Element Allocation Rule và neo sang Home Content Allocation để khóa nội dung của từng card/tab, tránh lặp và tránh drift thành dashboard nặng.
• 2026-03-24: Bổ sung Learning Stats như secondary view cho học viên; giữ boundary rõ với Thành tích và không mở thêm top-level tab ở LMS Home.
• 2026-03-23: Chuyển LMS Home từ 4 tab + overview layer sang 5-tab shell, trong đó Overview là tab riêng và là tab mặc định.
• 2026-03-23: Cập nhật logic summary ở home, detail ở tab; Lịch học chỉ còn focus vào schedule, còn thống kê khóa học nằm trong tab Khóa học.
• 2026-03-23: Bổ sung ma trận baseline / nên có / để sau cho từng tab của LMS Home và khóa thêm contract để Home không bị phình thành dashboard nặng.
• 2026-03-24: Bổ sung tab Kho đề cho lane tự luyện formal practice theo level, độc lập với giáo trình khóa học.
• 2026-03-16: Tạo canon cho KID LMS Home với mô hình Next Action Hero + Today Tasks + Course Strip + Practice Shortcuts.
• 2026-03-16: Làm rõ shortcut/home hero cho Exercise homework để mở vào bài đúng context.
• 2026-03-16: Điều chỉnh CTA từ LMS Home để flow exercise đi qua Course List và Exercise Home.
• 2026-03-23: Chuyển LMS Home thành home shell có 4 tab Khóa học / Lịch học / Thành tích / Kỷ niệm(later) và giữ Khóa học là tab mặc định. (superseded bởi mô hình 5-tab ở trên)