elearning/docs/wireframe/Learner

Wireframe Gallery - Learner Role

This document contains all the wireframe images for the Learner role, organized by Desktop and Mobile views.

Table of Contents

1. Desktop Wireframes
2. Mobile Wireframes

---

Desktop Wireframes

Login & Authentication

• Login:
  
• Register:
  
• Forgot Password:
  

ค้นหาและลงทะเบียนคอร์ส (Course Discovery & Registration)

• หน้ารายการคอร์ส:
  
• หน้ารายละเอียดคอร์ส:
  
• ผลการลงทะเบียน:
  
• คอร์สของฉัน:
  

การเรียน (Learning)

• หน้าเรียนของคอร์สและรวมบทเรียน:
  
• รายการประกาศ:
  

แบบทดสอบ (Quiz)

• หน้าเริ่มทำแบบทดสอบ:
  
• หน้าทำแบบทดสอบ:
  
• หน้าผลคะแนน:
  
• ประวัติการทำข้อสอบ:
  

โปรไฟล์และรายงาน (Profile & Reports)

• ดูโปรไฟล์:
  
• แก้ไขโปรไฟล์:
  
• รายงานผลการเรียนและคะแนนแบบทดสอบ:
  
• ใบประกาศนียบัตร:
  

สถานะและข้อผิดพลาด (Status & Errors)

• 403 Forbidden:
  
• 404 Not Found:
  
• สถานะข้อมูลว่าง:
  

---

Mobile Wireframes

Login & Authentication

• Login:
  
• Register:
  
• Forgot Password:
  

ค้นหาและลงทะเบียนคอร์ส (Course Discovery & Registration)

• หน้ารายการคอร์ส:
  
• หน้ารายละเอียดคอร์ส:
  
• ผลการลงทะเบียน:
  
• คอร์สของฉัน:
  

การเรียน (Learning)

• หน้าเรียนของคอร์สและรวมบทเรียน:
  
• รายการประกาศ:
  

แบบทดสอบ (Quiz)

• หน้าเริ่มทำแบบทดสอบ:
  
• หน้าทำแบบทดสอบ:
  
• หน้าผลคะแนน:
  
• ประวัติการทำข้อสอบ:
  

โปรไฟล์และรายงาน (Profile & Reports)

• ดูโปรไฟล์:
  
• แก้ไขโปรไฟล์:
  
• รายงานผลการเรียนและคะแนนแบบทดสอบ:
  
• ใบประกาศนียบัตร:
  

สถานะและข้อผิดพลาด (Status & Errors)

• 403 Forbidden:
  
• 404 Not Found:
  
• สถานะข้อมูลว่าง: