Course Management Screen Inventory

DomainsDOL EnglishUX1.649 words8 min read

activebyDOL Product Design

Course Management - Screen Inventory

Purpose

Chuẩn hóa danh sách màn hình cần triển khai cho area Course Management theo hướng flow-complete skeleton.
Làm checklist build tuần tự để tránh lệch flow và tránh guest dead-end.
Đảm bảo mọi route chính đều có dual-state rõ ràng (pre-login, post-login) hoặc có auth gate + returnTo.

Source Review Scope (đã rà soát)

Assumptions for this inventory

Canonical domain shell nằm trong /domains/dol-english/** và dùng chung header/nav của DOL English.
post-login là state chính của Course Management theo specs hiện tại; pre-login được đề xuất theo hướng guest showcase hoặc auth-required gate.
Với màn chi tiết khóa học, guest state ưu tiên auth-first + returnTo, chưa cần build full marketing page cho mọi tab.

Screen Inventory (Recommended)

ID	Layer	Screen	Canonical route	Required state	Priority	Notes
CM-S01	Hub	Course Management entry	`/domains/dol-english/lms`	Pre + Post	P0	Entry auth-aware của area
CM-S02	Hub	Home dashboard (Worklist-first)	`/domains/dol-english/lms`	Post	P0	Main screen theo `CM_Course_Home.md`
CM-S03	Hub	Home guest overview	`/domains/dol-english/lms`	Pre	P0	Guest conversion page + CTA login tại chỗ
CM-S04	Hub	Courses list	`/domains/dol-english/courses`	Post	P0	Full course inventory theo trạng thái
CM-S05	Hub	Courses guest preview	`/domains/dol-english/courses`	Pre	P1	Showcase + login CTA (không dead-end)
CM-S06	Hub	Room & Schedule	`/domains/dol-english/schedule`	Post	P0	Multi-view tuần/tháng/ngày/list
CM-S07	Hub	Schedule guest preview	`/domains/dol-english/schedule`	Pre	P1	Guest state có auth-first + returnTo
CM-S08	Hub	Test History	`/domains/dol-english/history`	Post	P0	Result list + remediate CTA
CM-S09	Hub	Test History guest preview	`/domains/dol-english/history`	Pre	P1	Preview tiến bộ + login CTA
CM-S10	Hub	Certificates	`/domains/dol-english/certificate`	Post	P1	Grid + preview/share/download
CM-S11	Hub	Certificates guest preview	`/domains/dol-english/certificate`	Pre	P2	Showcase trust/proof trước login
CM-S12	Hub	Memory Capsule	`/domains/dol-english/memory`	Post	P1	Gallery + classmates + showcase
CM-S13	Hub	Memory guest preview	`/domains/dol-english/memory`	Pre	P2	Community teaser + login CTA
CM-S14	Profile-linked	Achievements	`/profile?tab=achievements`	Post	P1	Nguồn duy nhất cho huy hiệu cross-course
CM-S15	Profile-linked	Achievements guest preview	`/profile?tab=achievements`	Pre	P2	Preview tiers/progress + auth CTA
CM-S16	Overlay	Smart Search palette	Overlay from CM header (`Cmd/Ctrl+K`)	Pre + Post	P0	Command center / quick intents
CM-S17	Overlay	Inline AI Insight snapshot	Same overlay flow	Post	P1	AI widget level 1
CM-S18	Overlay	Floating AI Tutor portal	Same overlay flow	Post	P1	AI portal level 2
CM-S19	Overlay	Search no-result → AI handoff	Same overlay flow	Pre + Post	P1	Fallback flow rõ ràng
CM-S20	Detail	Course Detail entry	`/domains/dol-english/courses/:courseId`	Post	P0	Detail hub của một khóa
CM-S21	Detail	Course Detail guest gate	`/domains/dol-english/courses/:courseId`	Pre	P0	Auth required + giữ `returnTo`
CM-S22	Detail tab	Overview tab	`/domains/dol-english/courses/:courseId?tab=overview`	Post	P0	Spotlight + in-course worklist
CM-S23	Detail tab	Syllabus tab	`/domains/dol-english/courses/:courseId?tab=syllabus`	Post	P0	Skill/lesson hierarchy + progress
CM-S24	Detail tab	Attendance & Summary tab	`/domains/dol-english/courses/:courseId?tab=attendance-summary`	Post	P1	Điểm danh + session recap
CM-S25	Detail tab	Assignments tab	`/domains/dol-english/courses/:courseId?tab=assignments`	Post	P0	Bài bắt buộc
CM-S26	Detail tab	Online Tests tab	`/domains/dol-english/courses/:courseId?tab=online-tests`	Post	P0	Mock/test list + filters
CM-S27	Detail tab	Vocabulary tab	`/domains/dol-english/courses/:courseId?tab=vocabulary`	Post	P1	Vocab activities theo khóa
CM-S28	Detail tab	Exercises tab	`/domains/dol-english/courses/:courseId?tab=exercises`	Post	P0	Optional practice
CM-S29	Detail tab	Sample W/S tab	`/domains/dol-english/courses/:courseId?tab=sample-ws`	Post	P1	Reading/reference materials
CM-S30	Detail tab	AI Mock Test tab	`/domains/dol-english/courses/:courseId?tab=ai-mock-test`	Post	P1	AI-driven mock attempts
CM-S31	Detail tab	Personal Roadmap tab	`/domains/dol-english/courses/:courseId?tab=roadmap`	Post	P1	Milestones + progress
CM-S32	Detail tab	Final Test tab	`/domains/dol-english/courses/:courseId?tab=final-test`	Post	P1	Single final test flow
CM-S33	Detail tab	Leaderboard tab	`/domains/dol-english/courses/:courseId/leaderboard`	Post	P1	Rank categories + lock state
CM-S34	Detail tab	Yearbook tab	`/domains/dol-english/courses/:courseId?tab=yearbook`	Post	P2	Class memories in-course
CM-S35	Detail tab	Course Certification tab	`/domains/dol-english/courses/:courseId?tab=certification`	Post	P1	Per-course certificate status
CM-S36	Detail tab	Course Feedback tab	`/domains/dol-english/courses/:courseId?tab=feedback`	Post	P1	End-course feedback flow
CM-S37	Detail tab	Course Info tab	`/domains/dol-english/courses/:courseId?tab=info`	Post	P1	Class metadata, teachers, schedule
CM-S38	Detail tab	Extra Class tab	`/domains/dol-english/courses/:courseId?tab=extra-class`	Post	P2	Optional support sessions
CM-S39	Result	Test result & feedback detail	`/domains/dol-english/courses/:courseId/tests/:id`	Post	P0	Score + mistake analysis + remediate
CM-S40	Support	Homework list/detail	`/domains/dol-english/courses/:courseId/homework`, `/domains/dol-english/courses/:courseId/homework/:id`	Post	P1	Explicit routes đã tồn tại
CM-S41	Support	Resources list/detail	`/domains/dol-english/courses/:courseId/resources`, `/domains/dol-english/courses/:courseId/resources/:id`	Post	P2	Reference material lane
CM-S42	Support	Dictation list/detail	`/domains/dol-english/courses/:courseId/dictation`, `/domains/dol-english/courses/:courseId/dictation/:id`	Post	P2	Listening/dictation lane
CM-S43	Guardrail	Invalid course fallback	`/domains/dol-english/courses/:courseId` invalid	Pre + Post	P0	Fallback deterministic về Courses/CM home
CM-S44	Guardrail	Invalid tab fallback	`/domains/dol-english/courses/:courseId?tab=:unknown`	Pre + Post	P0	Fallback về Overview
CM-S45	Guardrail	Leaderboard locked/read-only state	`/domains/dol-english/courses/:courseId/leaderboard`	Post	P1	Chốt hạng + deeplink Achievements
CM-S46	Detail	Course tests list placeholder	`/domains/dol-english/courses/:courseId/tests`	Post	P1	Route active, cần skeleton context-aware thay vì generic list
CM-S47	Detail	Course schedule placeholder	`/domains/dol-english/courses/:courseId/schedule`	Post	P1	Route active, cần hướng dẫn quay về lịch học chính hoặc tab liên quan
CM-S48	Detail	Course results placeholder	`/domains/dol-english/courses/:courseId/results`	Post	P1	Route active, cần CTA sang result detail/history đúng context
CM-S49	Detail	Course activity detail placeholder	`/domains/dol-english/courses/:courseId/activity/:activityId`	Post	P1	Route active, cần guardrail khi activity id thiếu/không hợp lệ

Suggested Build Sequence (Course Management)

P0 Flow kernel: CM-S01 → S03 → S04/S06/S08 → S16 → S20/S21 → S22/S23/S25/S26/S28 → S39 → S43/S44.
P1 Hub completion: CM-S07/S09/S10/S12/S14/S17/S18/S19 + các detail tabs P1 (S24/S27/S29/S30/S31/S32/S33/S35/S36/S37/S45/S46/S47/S48/S49).
P2 depth: CM-S11/S13/S15/S34/S38/S41/S42 + visual polish/community layers.

Coverage Check Against UX Contract

Dual-state: đã map cho toàn bộ top-level hub tabs và profile-linked achievements.
Auth-first + returnTo: đã map cho Course Detail subtree (CM-S21) và các pre-login preview routes.
No guest dead-end: mọi màn pre-login đều có CTA login và giữ route context.
Logout giữ route context: yêu cầu bắt buộc ở acceptance test cho tất cả routes CM-S01..CM-S45.

Open Gaps (from current docs)

Specs pre-login cho Courses/Schedule/Test History/Certificates/Memory/Achievements chưa có file riêng; hiện chỉ có đủ logic post-login.
Canonical URL của nhiều Course Detail tabs chưa được cố định trong router (mới ở mức đề xuất ?tab=).
Smart Search đã có đặc tả sâu nhưng chưa có flow acceptance matrix riêng cho guest/member theo từng intent.
Một số explicit routes hiện dùng placeholder (resources, dictation) cần chốt độ sâu UX trước khi polish UI.

Next Area Queue

docs/Domains/DOL English/UX Design/Learning Management/**
docs/Domains/DOL English/UX Design/Vocabulary Management/**
docs/Domains/DOL English/UX Design/Practice Flow/**

Change log

2026-03-15: Chuẩn hóa active route examples sang canonical runtime families /domains/dol-english/lms|courses|schedule|history|certificate|memory và /profile?tab=achievements.
2026-02-15: Khởi tạo inventory màn hình cho Course Management theo core specs + concept docs + course detail specs, ưu tiên flow-complete skeleton.