feat: Add comprehensive wireframes and documentation for admin and instructor roles.

docs/screen_list/screen_list_Admin.md

@@ -10,9 +10,8 @@
 2. [Dashboard ผู้ดูแลระบบ](#2-dashboard-ผู้ดูแลระบบ)
 3. [ระบบจัดการโปรไฟล์](#3-ระบบจัดการโปรไฟล์)
 4. [ระบบจัดการผู้ใช้งาน](#4-ระบบจัดการผู้ใช้งาน)
-5. [ระบบจัดการบทบาทและสิทธิ์](#5-ระบบจัดการบทบาทและสิทธิ์)
-6. [ระบบรายงานและสถิติภาพรวม](#6-ระบบรายงานและสถิติภาพรวม)
-7. [ระบบตั้งค่าระบบ](#7-ระบบตั้งค่าระบบ)
+5. [ระบบรายงานและสถิติภาพรวม](#5-ระบบรายงานและสถิติภาพรวม)
+6. [ระบบตั้งค่าระบบ](#6-ระบบตั้งค่าระบบ)
 
 ---
 
@@ -311,109 +310,9 @@
 
 
 
-## 5. ระบบจัดการบทบาทและสิทธิ์
+## 5. ระบบรายงานและสถิติภาพรวม
 
-### 5.1 หน้ารายการบทบาท (Role List)
-| รายละเอียด | คำอธิบาย |
-|------------|----------|
-| **Screen ID** | ROLE-001 |
-| **Screen Name** | Role List |
-| **URL** | `/admin/roles` |
-| **วัตถุประสงค์** | หน้าแสดงรายการบทบาททั้งหมดในระบบ |
-
-**องค์ประกอบหน้าจอ:**
-- ปุ่ม "เพิ่มบทบาทใหม่"
-- ตารางรายการบทบาท
-  - ชื่อบทบาท
-  - คำอธิบาย
-  - จำนวนผู้ใช้
-  - สถานะ (Active/Inactive)
-  - Actions (ดู, แก้ไข, ลบ)
-- สถานะบทบาทพื้นฐาน (Admin, Instructor, Student) - ไม่สามารถลบได้
-
-**ฟังก์ชันการทำงาน:**
-- CRUD บทบาท (ยกเว้นบทบาทพื้นฐาน)
-- ดูสิทธิ์ของแต่ละบทบาท
-
----
-
-### 5.2 หน้าสร้าง/แก้ไขบทบาท (Role Editor)
-| รายละเอียด | คำอธิบาย |
-|------------|----------|
-| **Screen ID** | ROLE-002 |
-| **Screen Name** | Role Editor |
-| **URL** | `/admin/roles/create` หรือ `/admin/roles/:id/edit` |
-| **วัตถุประสงค์** | หน้าสำหรับสร้างหรือแก้ไขบทบาท |
-
-**องค์ประกอบหน้าจอ:**
-- ช่องกรอกชื่อบทบาท
-- ช่องกรอกคำอธิบาย
-- รายการสิทธิ์ (Permissions) แบ่งตามหมวดหมู่
-  - **หมวดผู้ใช้งาน**
-    - ดูรายการผู้ใช้
-    - สร้างผู้ใช้
-    - แก้ไขผู้ใช้
-    - ลบผู้ใช้
-    - ระงับผู้ใช้
-  - **หมวดหลักสูตร**
-    - ดูหลักสูตร
-    - สร้างหลักสูตร
-    - แก้ไขหลักสูตร
-    - ลบหลักสูตร
-    - เผยแพร่หลักสูตร
-  - **หมวดบทเรียน**
-    - ดูบทเรียน
-    - สร้างบทเรียน
-    - แก้ไขบทเรียน
-    - ลบบทเรียน
-  - **หมวดแบบทดสอบ**
-    - ดูแบบทดสอบ
-    - สร้างแบบทดสอบ
-    - แก้ไขแบบทดสอบ
-    - ลบแบบทดสอบ
-    - ดูผลการทดสอบ
-  - **หมวดรายงาน**
-    - ดูรายงาน
-    - ส่งออกรายงาน
-  - **หมวดระบบ**
-    - เข้าถึง Dashboard
-    - ตั้งค่าระบบ
-- ปุ่ม "เลือกทั้งหมด" / "ยกเลิกทั้งหมด" ในแต่ละหมวด
-- ปุ่ม "บันทึก"
-- ปุ่ม "ยกเลิก"
-
-**ฟังก์ชันการทำงาน:**
-- กำหนดสิทธิ์เป็นรายตัว
-- บันทึกบทบาท
-
----
-
-### 5.3 หน้าดูรายละเอียดบทบาท (Role Detail)
-| รายละเอียด | คำอธิบาย |
-|------------|----------|
-| **Screen ID** | ROLE-003 |
-| **Screen Name** | Role Detail |
-| **URL** | `/admin/roles/:id` |
-| **วัตถุประสงค์** | หน้าแสดงรายละเอียดบทบาทและรายการผู้ใช้ในบทบาท |
-
-**องค์ประกอบหน้าจอ:**
-- ข้อมูลบทบาท
-  - ชื่อบทบาท
-  - คำอธิบาย
-  - วันที่สร้าง
-- รายการสิทธิ์ที่มี (Read-only)
-- ตารางผู้ใช้ในบทบาทนี้
-  - ชื่อผู้ใช้
-  - อีเมล
-  - สถานะ
-- ปุ่ม "แก้ไข"
-- ปุ่ม "ลบ" (ถ้าไม่ใช่บทบาทพื้นฐาน)
-
----
-
-## 6. ระบบรายงานและสถิติภาพรวม
-
-### 6.1 หน้ารายงานผู้ใช้งาน (User Report)
+### 5.1 หน้ารายงานผู้ใช้งาน (User Report)
 | รายละเอียด | คำอธิบาย |
 |------------|----------|
 | **Screen ID** | RPT-001 |
@@ -440,7 +339,7 @@
 
 ---
 
-### 6.2 หน้ารายงานหลักสูตร (Course Report)
+### 5.2 หน้ารายงานหลักสูตร (Course Report)
 | รายละเอียด | คำอธิบาย |
 |------------|----------|
 | **Screen ID** | RPT-002 |
@@ -468,7 +367,7 @@
 
 ---
 
-### 6.3 หน้ารายงานการเรียน (Learning Report)
+### 5.3 หน้ารายงานการเรียน (Learning Report)
 | รายละเอียด | คำอธิบาย |
 |------------|----------|
 | **Screen ID** | RPT-003 |
@@ -496,7 +395,7 @@
 
 ---
 
-### 6.4 หน้ารายงานการใช้งานระบบ (System Usage Report)
+### 5.4 หน้ารายงานการใช้งานระบบ (System Usage Report)
 | รายละเอียด | คำอธิบาย |
 |------------|----------|
 | **Screen ID** | RPT-004 |
@@ -523,9 +422,9 @@
 
 ---
 
-## 7. ระบบตั้งค่าระบบ
+## 6. ระบบตั้งค่าระบบ
 
-### 7.1 หน้าตั้งค่าทั่วไป (General Settings)
+### 6.1 หน้าตั้งค่าทั่วไป (General Settings)
 | รายละเอียด | คำอธิบาย |
 |------------|----------|
 | **Screen ID** | SET-001 |
@@ -553,10 +452,10 @@
 
 
 
-### 7.2 หน้าตั้งค่าการจัดเก็บไฟล์ (Storage Settings)
+### 6.2 หน้าตั้งค่าการจัดเก็บไฟล์ (Storage Settings)
 | รายละเอียด | คำอธิบาย |
 |------------|----------|
-| **Screen ID** | SET-003 |
+| **Screen ID** | SET-002 |
 | **Screen Name** | Storage Settings |
 | **URL** | `/admin/settings/storage` |
 | **วัตถุประสงค์** | หน้าสำหรับตั้งค่าการจัดเก็บไฟล์ |
@@ -585,10 +484,10 @@
 
 
 
-### 7.3 หน้า Audit Log (ประวัติการใช้งาน)
+### 6.3 หน้า Audit Log (ประวัติการใช้งาน)
 | รายละเอียด | คำอธิบาย |
 |------------|----------|
-| **Screen ID** | SET-005 |
+| **Screen ID** | SET-003 |
 | **Screen Name** | Audit Log |
 | **URL** | `/admin/settings/audit-log` |
 | **วัตถุประสงค์** | หน้าแสดงประวัติการกระทำสำคัญในระบบ |
@@ -621,10 +520,9 @@
 | Dashboard | 1 |
 | ระบบจัดการโปรไฟล์ | 3 |
 | ระบบจัดการผู้ใช้งาน | 4 |
-| ระบบจัดการบทบาทและสิทธิ์ | 3 |
 | ระบบรายงานและสถิติ | 4 |
 | ระบบตั้งค่าระบบ | 3 |
-| **รวมทั้งหมด** | **21** |
+| **รวมทั้งหมด** | **18** |
 
 ---
 

docs/user_roles_and_capabilities.md

@@ -98,7 +98,6 @@
 ### ขอบเขตความสามารถ
 - เข้าสู่ระบบเพื่อบริหารจัดการระบบโดยรวม  
 - จัดการบัญชีผู้ใช้งานทั้งหมดในระบบ   
-- กำหนด แก้ไข และควบคุมบทบาทและสิทธิ์การใช้งานของผู้ใช้  
 - ดู Dashboard ภาพรวมของระบบ  
 - ตรวจสอบสถิติการใช้งานระบบ  
 - ดูจำนวนผู้ใช้ หลักสูตร และอัตราการจบหลักสูตร  

docs/wireframe/admin/admin_wireframes_complete.md

@@ -0,0 +1,96 @@
+# Admin Wireframes - Complete Documentation
+
+This document contains all wireframes for the Admin role in the Learning Management System.
+
+---
+
+## 1. Authentication (Login)
+
+### AUTH-001: Login Page
+![Login Page](./login/AUTH-001.png)
+
+### AUTH-002: Forgot Password
+![Forgot Password](./login/AUTH-002.png)
+
+### AUTH-003: Reset Password
+![Reset Password](./login/AUTH-003.png)
+
+---
+
+## 2. Dashboard
+
+### DASH-001: Admin Dashboard
+![Admin Dashboard](./Dashboard/DASH-001.png)
+
+---
+
+## 3. User Management
+
+### USR-001: User List
+![User List](./User/USR-001.png)
+
+### USR-002: Add New User
+![Add New User](./User/USR-002.png)
+
+### USR-003: Edit User
+![Edit User](./User/USR-003.png)
+
+### USR-004: User Details
+![User Details](./User/USR-004.png)
+
+---
+
+## 4. Reports
+
+### RPT-001: Reports Dashboard
+![Reports Dashboard](./Report/RPT-001.png)
+
+### RPT-002: User Activity Report
+![User Activity Report](./Report/RPT-002.png)
+
+### RPT-003: System Analytics
+![System Analytics](./Report/RPT-003.png)
+
+### RPT-004: Performance Report
+![Performance Report](./Report/RPT-004.png)
+
+---
+
+## 5. Settings
+
+### SET-001: System Settings
+![System Settings](./Settings/SET-001.png)
+
+### SET-002: Application Configuration
+![Application Configuration](./Settings/SET-002.png)
+
+### SET-003: Advanced Settings
+![Advanced Settings](./Settings/SET-003.png)
+
+---
+
+## 6. Profile Management
+
+### PROF-001: View Profile
+![View Profile](./Profile/PROF-001.png)
+
+### PROF-002: Edit Profile
+![Edit Profile](./Profile/PROF-002.png)
+
+### PROF-003: Change Password
+![Change Password](./Profile/PROF-003.png)
+
+---
+
+## Summary
+
+This wireframe collection covers all major functionalities for the Admin role:
+
+- **Authentication**: Login, password recovery, and reset
+- **Dashboard**: Overview of system activities and statistics
+- **User Management**: Create, edit, and manage system users
+- **Reports**: Comprehensive reporting and analytics
+- **Settings**: System configuration and preferences
+- **Profile**: Manage personal information and settings
+
+**Total Wireframes**: 18 screens across 6 modules

docs/wireframe/instructor/instructor_wireframes_complete.md

@@ -0,0 +1,141 @@
+# Instructor Wireframes - Complete Documentation
+
+This document contains all wireframes for the Instructor role in the Learning Management System.
+
+---
+
+## 1. Authentication (Login)
+
+### AUTH-001: Login Page
+![Login Page](./login/AUTH-001.png)
+
+### AUTH-002: Forgot Password
+![Forgot Password](./login/AUTH-002.png)
+
+### AUTH-003: Reset Password
+![Reset Password](./login/AUTH-003.png)
+
+---
+
+## 2. Dashboard
+
+### DASH-001: Instructor Dashboard
+![Instructor Dashboard](./Dashboard/DASH-001.png)
+
+---
+
+## 3. Course Management
+
+### CRS-001: Course List
+![Course List](./Course/CRS-001.png)
+
+### CRS-002: Add New Course
+![Add New Course](./Course/CRS-002.png)
+
+### CRS-003: Edit Course
+![Edit Course](./Course/CRS-003.png)
+
+### CRS-004: Course Details
+![Course Details](./Course/CRS-004.png)
+
+---
+
+## 4. Lessons Management
+
+### LES-001: Lessons List
+![Lessons List](./Lessons/LES-001.png)
+
+### LES-002: Add New Lesson
+![Add New Lesson](./Lessons/LES-002.png)
+
+### LES-003: Edit Lesson
+![Edit Lesson](./Lessons/LES-003.png)
+
+---
+
+## 5. Content Management
+
+### CNT-001: Content List
+![Content List](./Content/CNT-001.png)
+
+### CNT-002: Add New Content
+![Add New Content](./Content/CNT-002.png)
+
+### CNT-003: Edit Content
+![Edit Content](./Content/CNT-003.png)
+
+### CNT-004: Content Details
+![Content Details](./Content/CNT-004.png)
+
+---
+
+## 6. Quiz Management
+
+### QZ-002: Quiz List
+![Quiz List](./Quiz/QZ-002.png)
+
+### QZ-003: Add New Quiz
+![Add New Quiz](./Quiz/QZ-003.png)
+
+### QZ-005: Edit Quiz
+![Edit Quiz](./Quiz/QZ-005.png)
+
+### QZ-006: Quiz Details
+![Quiz Details](./Quiz/QZ-006.png)
+
+---
+
+## 7. Announcement Management
+
+### ANN-001: Announcements List
+![Announcements List](./Announcement/ANN-001.png)
+
+### ANN-002: Add New Announcement
+![Add New Announcement](./Announcement/ANN-002.png)
+
+### ANN-003: Edit Announcement
+![Edit Announcement](./Announcement/ANN-003.png)
+
+---
+
+## 8. Reports
+
+### RPT-001: Reports Dashboard
+![Reports Dashboard](./Report/RPT-001.png)
+
+### RPT-002: Student Progress Report
+![Student Progress Report](./Report/RPT-002.png)
+
+### RPT-003: Course Analytics
+![Course Analytics](./Report/RPT-003.png)
+
+---
+
+## 9. Profile Management
+
+### PROF-001: View Profile
+![View Profile](./Profile/PROF-001.png)
+
+### PROF-002: Edit Profile
+![Edit Profile](./Profile/PROF-002.png)
+
+### PROF-003: Change Password
+![Change Password](./Profile/PROF-003.png)
+
+---
+
+## Summary
+
+This wireframe collection covers all major functionalities for the Instructor role:
+
+- **Authentication**: Login, password recovery, and reset
+- **Dashboard**: Overview of instructor activities
+- **Course Management**: Create, edit, and manage courses
+- **Lessons Management**: Organize course lessons
+- **Content Management**: Upload and manage learning materials
+- **Quiz Management**: Create and manage assessments
+- **Announcements**: Communicate with students
+- **Reports**: Track student progress and course analytics
+- **Profile**: Manage personal information and settings
+
+**Total Wireframes**: 28 screens across 9 modules