diff --git a/docs/screen list_user.md b/docs/screen list_user.md new file mode 100644 index 00000000..6e8b304b --- /dev/null +++ b/docs/screen list_user.md @@ -0,0 +1,131 @@ +# Screen List (ผู้เรียน / Learner) — อ่านง่าย ใช้ทำ Wireframe ได้ทันที + +เอกสารนี้สรุป “หน้าจอทั้งหมดของผู้เรียน” แบ่งเป็นหมวดตามการใช้งานจริง +เหมาะสำหรับ: ทำ Wireframe, ทำ Flow, ทำรายการทดสอบ (Test cases) + +--- + +## สารบัญ +- [A) Auth & Account](#a-auth--account) +- [B) Profile](#b-profile) +- [C) ค้นหาและลงทะเบียนคอร์ส](#c-ค้นหาและลงทะเบียนคอร์ส) +- [D) เรียนบทเรียนและเนื้อหา](#d-เรียนบทเรียนและเนื้อหา) +- [E) ติดตามความคืบหน้า](#e-ติดตามความคืบหน้า) +- [F) Quiz & Assessment](#f-quiz--assessment) +- [G) Announcements](#g-announcements) +- [H) Reports & Certificate](#h-reports--certificate) +- [I) Error & Access](#i-error--access) + +--- + +## A) Auth & Account +1. **Register (สมัครสมาชิก)** + - ใช้สร้างบัญชีใหม่ด้วยอีเมล/รหัสผ่าน +2. **Login (เข้าสู่ระบบ)** + - กรอกอีเมล/รหัสผ่านเพื่อเข้าใช้งาน +3. **Forgot Password (ลืมรหัสผ่าน)** + - ขอส่งลิงก์รีเซ็ตไปทางอีเมล +4. **Reset Password (ตั้งรหัสผ่านใหม่)** + - ตั้งรหัสผ่านใหม่จากลิงก์ในอีเมล +5. **Logout (ออกจากระบบ)** *(มักอยู่ในเมนูโปรไฟล์/ตั้งค่า)* + - ออกจากระบบและล้าง session/token + +--- + +## B) Profile +6. **My Profile (ดูโปรไฟล์)** + - ดูข้อมูลส่วนตัว (ชื่อ, อีเมล, รูปโปรไฟล์ ฯลฯ) +7. **Edit Profile (แก้ไขโปรไฟล์)** + - แก้ไขข้อมูลส่วนตัว + อัปโหลด/เปลี่ยนรูปโปรไฟล์ + +--- + +## C) ค้นหาและลงทะเบียนคอร์ส +8. **Course Catalog / Course List (รายการคอร์สทั้งหมด)** + - ดูคอร์สที่เผยแพร่ + ค้นหา/กรองเบื้องต้น +9. **Course Search / Filter (ค้นหา/กรองคอร์ส)** *(อาจรวมอยู่ในหน้า Course List)* + - ค้นหาด้วยคำค้น + กรองตามหมวดหมู่/สถานะ (ตามที่ระบบรองรับ) +10. **Course Detail (รายละเอียดคอร์ส)** + - ดูรายละเอียดคอร์ส (คำอธิบาย, โครงสร้างบทเรียน, เงื่อนไข) + - มีปุ่ม **Enroll/ลงทะเบียน** +11. **Enroll Confirmation / Result (ยืนยันลงทะเบียน/ผลลัพธ์)** + - ยืนยันการลงทะเบียน และแสดงผลสำเร็จ/ไม่สำเร็จ +12. **My Courses / Enrolled Courses (คอร์สของฉัน)** + - ดูรายการคอร์สที่ผู้เรียน “ลงทะเบียนแล้ว” + - ใช้เป็นจุดเริ่มต้นเข้าเรียน + +--- + +## D) เรียนบทเรียนและเนื้อหา +13. **Course Learning Home (หน้าเรียนของคอร์ส)** + - แสดง Chapters/Lessons ทั้งหมด + - แสดงสถานะบทเรียน + %progress รวมของคอร์ส +14. **Lesson Viewer (หน้าดูบทเรียน)** + - หน้าหลักของการเรียน: แสดงเนื้อหา (Video/PDF/Text) และปุ่มนำทางบทเรียน +15. **Video Player (เล่นวิดีโอ)** + - เล่นวิดีโอ + ควบคุมเล่น/หยุด/เลื่อนเวลา +16. **PDF Inline Viewer (อ่าน PDF ในระบบ)** + - เปิดอ่าน PDF ในหน้าเว็บ (ไม่ต้องดาวน์โหลดก่อน) +17. **Rich Text Lesson (บทเรียนแบบข้อความ)** *(มักอยู่ใน Lesson Viewer)* + - อ่านบทความ/ข้อความที่จัดรูปแบบ (หัวข้อ/ย่อหน้า/รูปภาพ ถ้ามี) +18. **Attachments / Materials List (ไฟล์ประกอบบทเรียน)** + - รายการไฟล์ประกอบ เช่น DOCX/PPTX/XLSX/PDF + - ดาวน์โหลดไฟล์เพื่อใช้งาน + +--- + +## E) ติดตามความคืบหน้า +19. **Progress Overview (สรุปความคืบหน้าในคอร์ส)** + - แสดง %progress, บทเรียนที่จบแล้ว/ยังไม่จบ +20. **Lesson Status View (สถานะบทเรียน)** *(อาจแสดงใน Course Learning Home)* + - สถานะ: **ยังไม่เรียน / กำลังเรียน / เรียนจบแล้ว** + +--- + +## F) Quiz & Assessment +21. **Quiz Start (หน้าก่อนเริ่มทำแบบทดสอบ)** + - แสดงจำนวนข้อ/คะแนนรวม/เวลา (ถ้ามี) + - ปุ่ม “เริ่มทำแบบทดสอบ” +22. **Quiz Taking (หน้าทำแบบทดสอบ)** + - ทำข้อสอบ + แสดงเวลา (Countdown timer) + autosave (ถ้าระบบรองรับ) +23. **Quiz Submit Confirmation (ยืนยันส่งคำตอบ)** + - ป้องกันการกดส่งผิดพลาด +24. **Quiz Result (ผลคะแนน)** + - แสดงคะแนน + ผ่าน/ไม่ผ่าน + - เฉลย/คำอธิบาย (ถ้าระบบเปิดให้ดู) +25. **Quiz History (ประวัติการทำข้อสอบ)** + - ดูผลคะแนนย้อนหลังของแบบทดสอบเดิม (แต่ละครั้ง) + +--- + +## G) Announcements +26. **Announcements List (ประกาศในคอร์ส)** + - ดูประกาศทั้งหมด/ย้อนหลังในคอร์สที่ลงทะเบียน +27. **Announcement Detail (รายละเอียดประกาศ)** + - อ่านรายละเอียด + เปิด/ดาวน์โหลดไฟล์แนบ (ถ้ามี) + +--- + +## H) Reports & Certificate +28. **My Learning Report (รายงานผลการเรียนของฉัน)** + - สรุปผลรายบุคคล: progress + ภาพรวมการเรียน +29. **My Quiz Scores Report (รายงานคะแนนแบบทดสอบของฉัน)** + - รวมคะแนนแบบทดสอบ (แยกตามคอร์ส/ตามแบบทดสอบได้) +30. **Certificate (ใบประกาศนียบัตร)** + - ดู/ดาวน์โหลดใบประกาศเมื่อ “จบหลักสูตรตามเงื่อนไข” + +--- + +## I) Error & Access +31. **403 No Access (ไม่มีสิทธิ์เข้าถึง)** + - ใช้เมื่อ: ยังไม่ลงทะเบียนคอร์ส / ยังไม่ถึงลำดับบทเรียน / ไม่มีสิทธิ์ตามบทบาท +32. **404 Not Found (ไม่พบหน้า/ไม่พบข้อมูล)** + - ไม่พบคอร์ส/บทเรียน/ประกาศ หรือ URL ผิด +33. **Maintenance / Service Unavailable (Optional)** + - ใช้เมื่อระบบปิดปรับปรุง/บริการไม่พร้อมใช้งาน + +--- + +## หมายเหตุสำหรับทำระบบ/ทำรายงาน +- หน้าหลายรายการ “อาจรวมกันได้” เช่น Search/Filter อยู่ใน Course List, Lesson Status อยู่ใน Course Learning Home +- แนะนำทำ **MVP** ก่อน: Auth, Course List/Detail/Enroll, Learning Home+Lesson Viewer, Quiz (Take/Result/History), Announcements, Report/Certificate