132 lines
9 KiB
Markdown
132 lines
9 KiB
Markdown
|
# 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
|