# 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