9 KiB
9 KiB
Screen List (ผู้เรียน / Learner) — อ่านง่าย ใช้ทำ Wireframe ได้ทันที
เอกสารนี้สรุป “หน้าจอทั้งหมดของผู้เรียน” แบ่งเป็นหมวดตามการใช้งานจริง
เหมาะสำหรับ: ทำ Wireframe, ทำ Flow, ทำรายการทดสอบ (Test cases)
สารบัญ
- A) Auth & Account
- B) Profile
- C) ค้นหาและลงทะเบียนคอร์ส
- D) เรียนบทเรียนและเนื้อหา
- E) ติดตามความคืบหน้า
- F) Quiz & Assessment
- G) Announcements
- H) Reports & Certificate
- I) Error & Access
A) Auth & Account
- Register (สมัครสมาชิก)
- ใช้สร้างบัญชีใหม่ด้วยอีเมล/รหัสผ่าน
- Login (เข้าสู่ระบบ)
- กรอกอีเมล/รหัสผ่านเพื่อเข้าใช้งาน
- Forgot Password (ลืมรหัสผ่าน)
- ขอส่งลิงก์รีเซ็ตไปทางอีเมล
- Reset Password (ตั้งรหัสผ่านใหม่)
- ตั้งรหัสผ่านใหม่จากลิงก์ในอีเมล
- Logout (ออกจากระบบ) (มักอยู่ในเมนูโปรไฟล์/ตั้งค่า)
- ออกจากระบบและล้าง session/token
B) Profile
- My Profile (ดูโปรไฟล์)
- ดูข้อมูลส่วนตัว (ชื่อ, อีเมล, รูปโปรไฟล์ ฯลฯ)
- Edit Profile (แก้ไขโปรไฟล์)
- แก้ไขข้อมูลส่วนตัว + อัปโหลด/เปลี่ยนรูปโปรไฟล์
C) ค้นหาและลงทะเบียนคอร์ส
- Course Catalog / Course List (รายการคอร์สทั้งหมด)
- ดูคอร์สที่เผยแพร่ + ค้นหา/กรองเบื้องต้น
- Course Search / Filter (ค้นหา/กรองคอร์ส) (อาจรวมอยู่ในหน้า Course List)
- ค้นหาด้วยคำค้น + กรองตามหมวดหมู่/สถานะ (ตามที่ระบบรองรับ)
- Course Detail (รายละเอียดคอร์ส)
- ดูรายละเอียดคอร์ส (คำอธิบาย, โครงสร้างบทเรียน, เงื่อนไข)
- มีปุ่ม Enroll/ลงทะเบียน
- Enroll Confirmation / Result (ยืนยันลงทะเบียน/ผลลัพธ์)
- ยืนยันการลงทะเบียน และแสดงผลสำเร็จ/ไม่สำเร็จ
- My Courses / Enrolled Courses (คอร์สของฉัน)
- ดูรายการคอร์สที่ผู้เรียน “ลงทะเบียนแล้ว”
- ใช้เป็นจุดเริ่มต้นเข้าเรียน
D) เรียนบทเรียนและเนื้อหา
- Course Learning Home (หน้าเรียนของคอร์ส)
- แสดง Chapters/Lessons ทั้งหมด
- แสดงสถานะบทเรียน + %progress รวมของคอร์ส
- Lesson Viewer (หน้าดูบทเรียน)
- หน้าหลักของการเรียน: แสดงเนื้อหา (Video/PDF/Text) และปุ่มนำทางบทเรียน
- Video Player (เล่นวิดีโอ)
- เล่นวิดีโอ + ควบคุมเล่น/หยุด/เลื่อนเวลา
- PDF Inline Viewer (อ่าน PDF ในระบบ)
- เปิดอ่าน PDF ในหน้าเว็บ (ไม่ต้องดาวน์โหลดก่อน)
- Rich Text Lesson (บทเรียนแบบข้อความ) (มักอยู่ใน Lesson Viewer)
- อ่านบทความ/ข้อความที่จัดรูปแบบ (หัวข้อ/ย่อหน้า/รูปภาพ ถ้ามี)
- Attachments / Materials List (ไฟล์ประกอบบทเรียน)
- รายการไฟล์ประกอบ เช่น DOCX/PPTX/XLSX/PDF
- ดาวน์โหลดไฟล์เพื่อใช้งาน
E) ติดตามความคืบหน้า
- Progress Overview (สรุปความคืบหน้าในคอร์ส)
- แสดง %progress, บทเรียนที่จบแล้ว/ยังไม่จบ
- Lesson Status View (สถานะบทเรียน) (อาจแสดงใน Course Learning Home)
- สถานะ: ยังไม่เรียน / กำลังเรียน / เรียนจบแล้ว
F) Quiz & Assessment
- Quiz Start (หน้าก่อนเริ่มทำแบบทดสอบ)
- แสดงจำนวนข้อ/คะแนนรวม/เวลา (ถ้ามี)
- ปุ่ม “เริ่มทำแบบทดสอบ”
- Quiz Taking (หน้าทำแบบทดสอบ)
- ทำข้อสอบ + แสดงเวลา (Countdown timer) + autosave (ถ้าระบบรองรับ)
- Quiz Submit Confirmation (ยืนยันส่งคำตอบ)
- ป้องกันการกดส่งผิดพลาด
- Quiz Result (ผลคะแนน)
- แสดงคะแนน + ผ่าน/ไม่ผ่าน
- เฉลย/คำอธิบาย (ถ้าระบบเปิดให้ดู)
- Quiz History (ประวัติการทำข้อสอบ)
- ดูผลคะแนนย้อนหลังของแบบทดสอบเดิม (แต่ละครั้ง)
G) Announcements
- Announcements List (ประกาศในคอร์ส)
- ดูประกาศทั้งหมด/ย้อนหลังในคอร์สที่ลงทะเบียน
- Announcement Detail (รายละเอียดประกาศ)
- อ่านรายละเอียด + เปิด/ดาวน์โหลดไฟล์แนบ (ถ้ามี)
H) Reports & Certificate
- My Learning Report (รายงานผลการเรียนของฉัน)
- สรุปผลรายบุคคล: progress + ภาพรวมการเรียน
- My Quiz Scores Report (รายงานคะแนนแบบทดสอบของฉัน)
- รวมคะแนนแบบทดสอบ (แยกตามคอร์ส/ตามแบบทดสอบได้)
- Certificate (ใบประกาศนียบัตร)
- ดู/ดาวน์โหลดใบประกาศเมื่อ “จบหลักสูตรตามเงื่อนไข”
I) Error & Access
- 403 No Access (ไม่มีสิทธิ์เข้าถึง)
- ใช้เมื่อ: ยังไม่ลงทะเบียนคอร์ส / ยังไม่ถึงลำดับบทเรียน / ไม่มีสิทธิ์ตามบทบาท
- 404 Not Found (ไม่พบหน้า/ไม่พบข้อมูล)
- ไม่พบคอร์ส/บทเรียน/ประกาศ หรือ URL ผิด
- 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