ระบบเว็บแอปพลิเคชันสำหรับจัดสอบออนไลน์แบบอัตนัย (Subjective Exam) ออกแบบมาเพื่อให้นักเรียนพิมพ์คำตอบด้วยตนเอง โดยมีการเชื่อมต่อกับ Google Sheets เพื่อดึงโจทย์และบันทึกคำตอบ

✨ ฟีเจอร์หลัก (Key Features)

• Anti-Copy-Paste: ระบบป้องกันการวางข้อความ (Paste) ในช่องคำตอบ เพื่อให้นักเรียนพิมพ์ตอบด้วยตนเอง

• Google Sheets Backend: ใช้ Google Sheets เป็นฐานข้อมูล ทั้งเก็บโจทย์ รายชื่อนักเรียน และคำตอบ (ไม่ต้องเช่า Server)

• Dynamic Data: รองรับจำนวนข้อสอบและนักเรียนได้ไม่จำกัด แค่เพิ่มแถวใน Excel

• Student Identification: ระบบเลือกห้องและชื่อนักเรียนแบบ Dropdown เพื่อความถูกต้องของข้อมูล

• Responsive: ใช้งานได้ทั้งบนคอมพิวเตอร์ แท็บเล็ต และมือถือ

🛠 เทคโนโลยีที่ใช้ (Tech Stack)

• Frontend: HTML5, CSS3, Vanilla JavaScript

• Backend: Google Apps Script (GAS)

• Database: Google Sheets

🚀 วิธีการติดตั้งและใช้งาน (Installation)

ส่วนที่ 1: ตั้งค่า Google Sheets

1. สร้าง Google Sheet ใหม่

2. สร้าง Tabs (Sheets) ดังนี้:

   • Sheet1: สำหรับเก็บโจทย์ (Column A: ID, B: Question)

   • StudentData: สำหรับเก็บรายชื่อ (Column A: Room, B: No, C: Name)

   • Responses: สำหรับเก็บคำตอบ (Column A: Timestamp, B: Room, C: No, D: Name, E...: Answers)

ส่วนที่ 2: ตั้งค่า Apps Script

1. ไปที่ Extensions > Apps Script

2. นำโค้ดจากไฟล์ Code.js ใน Repo นี้ไปวาง

3. กด Deploy > New deployment > เลือก Web App

4. ตั้งค่า Who has access เป็น Anyone

5. คัดลอก URL ของ Web App เก็บไว้

ส่วนที่ 3: ตั้งค่าหน้าเว็บ (HTML)

1. ดาวน์โหลดไฟล์ exam.html

2. เปิดไฟล์ด้วย Text Editor

3. แก้ไขตัวแปร const SCRIPT_URL = '...'; ให้เป็น URL ที่ได้จากขั้นตอนที่แล้ว

4. ส่งไฟล์ให้นักเรียนเปิดใช้งานได้ทันที

📝 หมายเหตุ

โปรเจกต์นี้พัฒนาขึ้นเพื่อใช้ในการจัดการเรียนการสอนรายวิชาคอมพิวเตอร์/ออกแบบและเทคโนโลยี