Add:screen list_user.md

2025-12-22 14:12:58 +07:00 · 2025-12-22 14:12:58 +07:00 · 353102a7e3
commit 353102a7e3
parent b6720d5d27
1 changed files with 131 additions and 0 deletions
--- a/list_user.md
+++ b/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