Prompt Library ครูนุ่มเดฟเทค

สร้างระบบแบบทดสอบออนไลน์ (Online Quiz System) โดยใช้

* Google Apps Script (code.gs)
* HTML/CSS/JavaScript (index.html)
* Google Sheets เป็นฐานข้อมูล
* รองรับการนำเข้าข้อสอบจากไฟล์ CSV หรือ Excel ได้ง่าย
* รองรับการจัดการข้อสอบผ่านหน้า Admin
* รองรับการกำหนดเวลาสอบ
* ป้องกันการทำข้อสอบซ้ำด้วยรหัสนักเรียน
* แสดงคะแนนและเฉลยหลังส่งข้อสอบได้
* รองรับภาษาไทยเต็มรูปแบบ
* ดีไซน์สวยงาม Responsive ใช้งานได้ทั้งมือถือและคอมพิวเตอร์

---

## โครงสร้างระบบ

### Google Sheet ให้มี 4 ชีต

#### 1. Sheet: QUESTIONS

เก็บข้อสอบ

คอลัมน์ดังนี้

| A | B | C | D | E | F | G | H |
| -- | -------- | ------- | ------- | ------- | ------- | ------- | ----- |
| ID | Question | ChoiceA | ChoiceB | ChoiceC | ChoiceD | Correct | Score |

ตัวอย่าง

| 1 | AI คืออะไร | ปัญญาประดิษฐ์ | เกม | อินเทอร์เน็ต | โปรแกรมพิมพ์งาน | A | 1 |

---

#### 2. Sheet: SETTINGS

เก็บค่าระบบ

| A | B |
| --------------- | ------------------ |
| quiz_title | แบบทดสอบความรู้ AI |
| duration | 30 |
| show_score | TRUE |
| show_answer | TRUE |
| random_question | FALSE |

duration = เวลาสอบ (นาที)

---

#### 3. Sheet: STUDENTS

เก็บข้อมูลผู้เข้าสอบ

| รหัสนักเรียน | คำนำหน้า | ชื่อ | นามสกุล | เวลาส่ง | คะแนน |

---

#### 4. Sheet: ANSWERS

เก็บคำตอบนักเรียน

| รหัสนักเรียน | ข้อที่ | คำตอบ | ถูกต้อง |

---

# ความสามารถที่ต้องมี

## 1. หน้า Login นักเรียน

ให้นักเรียนกรอก

* รหัสนักเรียน
* คำนำหน้า
* ชื่อ
* นามสกุล

ตรวจสอบว่า

* หากรหัสนักเรียนนี้เคยสอบแล้ว → ห้ามเข้าสอบซ้ำ
* แจ้งเตือนว่า “คุณได้ทำแบบทดสอบไปแล้ว”

---

## 2. หน้าแบบทดสอบ

### คุณสมบัติ

* ดึงข้อสอบจาก Google Sheets
* แสดงทีละข้อหรือทั้งหมดก็ได้
* รองรับข้อสอบ 4 ตัวเลือก
* มีตัวจับเวลาถอยหลัง
* เมื่อหมดเวลาให้ส่งอัตโนมัติ
* ปุ่ม “ส่งคำตอบ”

---

## 3. ระบบตรวจคะแนนอัตโนมัติ

เมื่อส่งข้อสอบ

* ตรวจคำตอบ
* คำนวณคะแนน
* บันทึกลง Google Sheets
* บันทึกคำตอบทุกข้อ

---

## 4. หน้าแสดงผลคะแนน

แสดง

* คะแนนรวม
* จำนวนข้อถูก
* จำนวนข้อผิด
* เฉลย (ถ้าเปิดใน SETTINGS)

---

## 5. ระบบ Admin

สร้างหน้า Admin สำหรับจัดการข้อสอบ

### ความสามารถ

* เพิ่มข้อสอบ
* แก้ไขข้อสอบ
* ลบข้อสอบ
* ตั้งเวลาสอบ
* เปิด/ปิดการแสดงคะแนน
* เปิด/ปิดเฉลย
* ดูรายชื่อนักเรียน
* ดูคะแนนทั้งหมด

---

## 6. ระบบ Import CSV / Excel

### ต้องรองรับ

* อัปโหลดไฟล์ CSV
* อัปโหลดไฟล์ Excel (.xlsx)

เมื่ออัปโหลดแล้ว

* นำข้อมูลเข้าสู่ชีต QUESTIONS อัตโนมัติ
* ตรวจสอบรูปแบบคอลัมน์
* แจ้งเตือนหากข้อมูลผิดรูปแบบ

---

# ไฟล์ที่ต้องสร้าง

## 1. code.gs

ให้มีฟังก์ชัน

* doGet()
* getQuestions()
* submitQuiz()
* checkDuplicateStudent()
* importCSV()
* importExcel()
* getSettings()
* saveSettings()

และเชื่อม Google Sheets

---

## 2. index.html

ประกอบด้วย

* หน้า Login
* หน้า Quiz
* หน้า Result
* Timer
* Responsive Design
* ใช้ Bootstrap หรือ Tailwind CSS

---

## 3. admin.html

สำหรับผู้ดูแลระบบ

มีเมนู

* จัดการข้อสอบ
* Import CSV/Excel
* ตั้งค่าเวลา
* ดูคะแนน

---

## 4. script.html

JavaScript Frontend

ประกอบด้วย

* โหลดข้อสอบ
* นับเวลา
* ส่งคำตอบ
* ตรวจสอบข้อมูล
* เรียกใช้งาน google.script.run

---

# UI/UX

ขอให้ดีไซน์สวย ทันสมัย

โทนสี

* น้ำเงิน
* ขาว
* Gradient

มี

* Card Layout
* Progress Bar
* SweetAlert2
* Loading Animation

---

# ความปลอดภัย

* ป้องกันการรีเฟรชแล้วเริ่มใหม่
* ป้องกันส่งซ้ำ
* ตรวจสอบข้อมูลก่อนบันทึก
* จำกัดสิทธิ์ Admin

---

# Deployment

อธิบายวิธี Deploy

1. Deploy as Web App
2. Anyone with link
3. วิธีเชื่อม Google Sheet
4. วิธี Import CSV/Excel

---

# ต้องการผลลัพธ์

ให้สร้างโค้ดแบบพร้อมใช้งานจริงทั้งหมด ได้แก่

* code.gs
* index.html
* admin.html
* script.html
* style.css

พร้อมอธิบายการติดตั้งทีละขั้นตอน

ช่วยออกแบบระบบสอบออนไลน์สำหรับทั้งโรงเรียน
ชื่อโรงเรียน xxx
ปีการศึกษา xxx ภาคเรียน xxx

โครงสร้างระบบหลัก
แบ่งผู้ใช้งานเป็น 3 ระดับ
1) ผู้ดูแลระบบ (Admin โรงเรียน)
2) ครูผู้สอน
3) นักเรียน

────────────────────
1) ระบบผู้ดูแล (Admin)
────────────────────
- จัดการข้อมูลพื้นฐานของโรงเรียน
- เพิ่ม / แก้ไข / ลบ รายวิชา
- กำหนดระดับชั้น ห้องเรียน
- จัดการบัญชีครูผู้สอน
- ดูรายงานภาพรวมการสอบทั้งโรงเรียน
- Export คะแนนเป็นไฟล์ (เช่น Google Sheet / Excel)

────────────────────
2) ระบบครูผู้สอน
────────────────────
- สร้างข้อสอบออนไลน์
- เลือกรูปแบบข้อสอบ
• ปรนัย
• อัตนัย
• ผสม
- กำหนดคะแนนต่อข้อ
- กำหนดเวลาสอบ (จับเวลาอัตโนมัติ)
- ตั้งค่าเปิด–ปิดการสอบตามวันและเวลา
- สุ่มคำถาม
- สุ่มตัวเลือก
- อัปโหลด / กรอกชุดคำถามเอง
- ใส่เฉลยสำหรับตรวจอัตโนมัติ
- ตรวจข้อสอบอัตนัย
- ดูผลคะแนนรายบุคคล / รายห้อง / รายวิชา

────────────────────
3) ระบบนักเรียน
────────────────────
ข้อมูลผู้เข้าสอบ (บังคับกรอก)
- รหัสนักเรียน
- คำนำหน้า
- ชื่อ
- นามสกุล
- เลขที่
- ชั้น / ห้อง

การทำข้อสอบ
- แสดงเวลานับถอยหลัง
- แสดงสถานะข้อที่ทำแล้ว
- ทำข้อสอบทีละข้อ
- ปุ่มส่งคำตอบพร้อมยืนยัน

────────────────────
4) ระบบป้องกันการทุจริต
────────────────────
- ตรวจจับการสลับแท็บ
- ตรวจจับการออกจากหน้าจอ
- หากสลับแท็บ / แคปหน้าจอ → ส่งข้อสอบทันที
- ปิดคลิกขวา
- ปิด Copy / Paste
- แสดงคำเตือนก่อนเริ่มสอบ

────────────────────
5) ระบบหลังสอบ
────────────────────
- ปรนัยตรวจอัตโนมัติ
- อัตนัยให้ครูตรวจ
- สรุปคะแนนทันทีหลังสอบ
- บันทึกข้อมูลการสอบทั้งหมด
- แสดงรายงานผลในรูปแบบตารางและกราฟ
- แยกข้อมูลตาม
• ระดับชั้น
• ห้อง
• รายวิชา
• ครูผู้สอน

────────────────────
6) การออกแบบหน้าจอ
────────────────────
- เหมาะสำหรับนักเรียนทุกระดับ
- ตัวอักษรอ่านง่าย
- ใช้งานได้บนคอมพิวเตอร์ แท็บเล็ต และมือถือ
- โทนสีสุภาพ เป็นทางการ

สร้างระบบนี้ในรูปแบบ
Canva AI / Canva Code / Website
พร้อมโครงสร้างที่สามารถต่อยอดเชื่อม
Google Sheet, Google Drive หรือระบบแจ้งเตือนภายนอกได้

ช่วยสร้างข้อสอบออนไลน์
รายวิชา xxx
รหัสวิชา xxx
ระดับชั้น xxx
ภาคเรียนที่ xxx ปีการศึกษา xxx

รูปแบบข้อสอบ
- คะแนนรวม xx คะแนน
- เวลาสอบ xx นาที (จับเวลาอัตโนมัติ)

ตอนที่ 1 ข้อสอบปรนัย
- จำนวน xx ข้อ
- ตัวเลือก 4 ตัวเลือก (ก ข ค ง)
- สุ่มลำดับคำถาม
- สุ่มลำดับตัวเลือก
- ตรวจคำตอบอัตโนมัติ

ตอนที่ 2 ข้อสอบอัตนัย
- จำนวน xx ข้อ
- ให้พิมพ์คำตอบแบบย่อหน้า
- สำหรับให้ครูตรวจภายหลัง

ข้อมูลผู้เข้าสอบ (ต้องกรอกก่อนเริ่มสอบ)
- รหัสนักเรียน
- คำนำหน้า (เด็กชาย / เด็กหญิง / นาย / นางสาว)
- ชื่อ
- นามสกุล
- เลขที่
- ห้อง / ชั้น

ระบบป้องกันการทุจริต
- หากสลับแท็บ หรือออกจากหน้าจอ ให้ส่งข้อสอบทันที
- ปิดคลิกขวา
- ปิดการคัดลอก (Copy / Paste)
- แสดงคำเตือนก่อนเริ่มทำข้อสอบ

การแสดงผลขณะสอบ
- แถบเวลานับถอยหลัง
- แสดงสถานะข้อที่ทำแล้ว
- ปุ่มส่งคำตอบพร้อมยืนยันก่อนส่ง

หลังส่งข้อสอบ
- แสดงข้อความ “ส่งข้อสอบเรียบร้อยแล้ว”
- บันทึกคำตอบและคะแนนลงระบบ
- แสดงรายงานผลคะแนนให้ครูผู้สอน

ใช้ชุดคำถามที่ครูกำหนด
และออกแบบหน้าจอให้เหมาะกับนักเรียน ใช้งานง่าย ตัวอักษรอ่านชัด

สร้างเว็บแอป “Human or AI Quiz” แบบตอบคำถาม 10 ข้อ
โดยให้นักเรียนเลือกคำตอบว่า “มนุษย์” หรือ “AI”
พร้อมแบบฟอร์มกรอกข้อมูลก่อนเริ่มทำแบบทดสอบ ได้แก่

เลขประจำตัวนักเรียน

คำนำหน้า

ชื่อ

นามสกุล

เลขที่

ชั้น

เมื่อกรอกครบแล้วกดปุ่ม “เริ่มทำแบบทดสอบ” ระบบจะแสดงคำถามอัตโนมัติ 10 ข้อ
โดยแต่ละข้อให้แสดงข้อความ (ข้อความอาจเป็นประโยค, คำพูด, หรือคำบรรยายสั้น ๆ)
จากนั้นให้นักเรียนเลือกคำตอบได้ 2 ตัวเลือก:

✅ มนุษย์

🤖 AI

หลังตอบครบ 10 ข้อ ให้ระบบแสดงผลคะแนน เช่น
“คุณตอบถูก 8 จาก 10 ข้อ”
พร้อมแสดงข้อความสรุปเชิงสนุก เช่น

ถ้าคะแนน 8–10: “สุดยอด! คุณมีสัญชาตญาณแบบมนุษย์สุด ๆ”

ถ้าคะแนน 4–7: “เก่งนะ แต่ยังโดน AI หลอกบ้าง 😅”

ถ้าคะแนน 0–3: “โอ้โห... ดูเหมือน AI จะชนะคุณในรอบนี้ 🤖”

ใช้โทนสีฟ้า-ขาว
ฟอนต์ Prompt หรือ Sarabun
ออกแบบให้สวย เรียบง่าย ทันสมัย
มีปุ่ม “เริ่มใหม่” หลังจบแบบทดสอบ

สร้างเว็บไซต์แบบทดสอบออนไลน์ เรื่อง "เลขยกกำลัง" สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 2
รายละเอียดดังนี้:

1. จำนวนข้อสอบ: 10 ข้อ
2. ระดับความยาก: ปานกลาง
3. รูปแบบ: ปรนัย (Multiple Choice) มี 4 ตัวเลือก
4. จับเวลา: 10 นาที เมื่อตอบครบหรือตรงเวลาให้แสดงคะแนนทันที
5. มีเฉลยเมื่อจบแบบทดสอบ พร้อมแสดงคะแนนรวม
6. ส่วนฟอร์มกรอกข้อมูลก่อนเริ่มทำแบบทดสอบ
- คำนำหน้า (เลือก: เด็กชาย, เด็กหญิง, นาย, นางสาว)
- ชื่อ
- ชั้น (ม.2)
- ห้อง (1–15)
- เลขที่

7. ส่วนหัวเว็บไซต์ (Header):
- ใส่โลโก้โรงเรียนสามัคคีวิทยาคม
- แสดงข้อความ "แบบทดสอบออนไลน์ วิชาคณิตศาสตร์ เรื่อง เลขยกกำลัง ชั้นมัธยมศึกษาปีที่ 2"

8. การแสดงผล:
- ตัวเลือกกดเลือกง่าย
- นับคะแนนอัตโนมัติ
- เมื่อครบ 10 ข้อหรือหมดเวลา ให้แสดงหน้าสรุปคะแนน + เฉลย

ออกแบบหน้าเว็บให้สวยงาม ทันสมัย ใช้งานง่าย และเหมาะกับนักเรียน
ใช้โทนสีฟ้าขาว รองรับการทำงานทุกอุปกรณ์

Footer แบบทดสอบคณิตศาสตร์ม.2 ครูพิชชยานาฏ รีรักษ์

สร้าง แบบทดสอบการเป็นพลเมืองดิจิทัล สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 6 รายวิชา วิทยาการคำนวณ รหัสวิชา ว33102
ครูผู้สอน : นางสาวพิชชยานาฏ รีรักษ์

🔹 รายละเอียดที่ต้องมี
• ให้นักเรียนกรอกข้อมูลก่อนทำแบบทดสอบ ได้แก่
• คำนำหน้า
• ชื่อ
• นามสกุล
• ชั้น ม.6/1 – ม.6/11
• เลขที่
• จำนวนข้อสอบ : 15 ข้อ
• รูปแบบคำถาม : ปรนัย 4 ตัวเลือก ก ข ค ง
• มีสถานการณ์จริงอย่างน้อย 5 ข้อ (ไม่ต้องมีคำว่า “สถานการณ์” ในโจทย์)
• ไม่มีการเฉลยคำตอบในเอกสาร
• หลังทำเสร็จมี สรุปคะแนนและระดับการเป็นพลเมืองดิจิทัล
ข้อสอบอยู่ในระดับปานกลาง เหมาะสำหรับม.6

แย่แล้ว! เกิดข้อผิดพลาดขึ้นในระบบ ลองถามฉันอีกทีนะ

สร้าง แบบทดสอบการเป็นพลเมืองดิจิทัล สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 6 รายวิชา วิทยาการคำนวณ รหัสวิชา ว33102
ครูผู้สอน : นางสาวพิชชยานาฏ รีรักษ์

🔹 รายละเอียดที่ต้องมี
• ให้นักเรียนกรอกข้อมูลก่อนทำแบบทดสอบ ได้แก่
• คำนำหน้า
• ชื่อ
• นามสกุล
• ชั้น ม.6/1 – ม.6/11
• เลขที่
• จำนวนข้อสอบ : 15 ข้อ
• รูปแบบคำถาม : ปรนัย 4 ตัวเลือก ก ข ค ง
• มีสถานการณ์จริงอย่างน้อย 5 ข้อ (ไม่ต้องมีคำว่า “สถานการณ์” ในโจทย์)
• ไม่มีการเฉลยคำตอบในเอกสาร
• หลังทำเสร็จมี สรุปคะแนนและระดับการเป็นพลเมืองดิจิทัล
ข้อสอบอยู่ในระดับปานกลาง เหมาะสำหรับม.6

สร้างแบบทดสอบวิชา การใช้โปรแกรม Microsoft Excel สำหรับนักเรียนชั้น มัธยมศึกษาปีที่ 1 จำนวน 20 ข้อ ใช้เวลาทำ 20 นาที

คุณสมบัติของแบบทดสอบ:
• เป็นคำถามแบบปรนัย 4 ตัวเลือก (ก, ข, ค, ง)
• เน้นการใช้งานพื้นฐาน Excel เช่น
• การเปิด/บันทึกไฟล์
• การพิมพ์ข้อมูลลงในเซลล์
• การปรับขนาดคอลัมน์/แถว
• การใส่สูตร SUM, AVERAGE, MAX, MIN, COUNT
• ระดับคำถาม: ง่าย → ปานกลาง
• ทุกข้อมีเพียงคำตอบที่ถูกต้องเพียงข้อเดียว
• ไม่มีเฉลยแสดงในแบบทดสอบ (เฉลยเก็บแยก)

ส่วนหัวของแบบทดสอบ ให้มีช่องกรอกข้อมูลนักเรียนดังนี้:
• คำนำหน้า (เด็กชาย/เด็กหญิง)
• ชื่อ-นามสกุล
• เลขที่
• ชั้น ม.1/4 – ม.1/7

รูปแบบการแสดงผล:
• ใส่หัวข้อใหญ่ด้านบนว่า แบบทดสอบการใช้งานโปรแกรม Microsoft Excel
• ใต้หัวข้อ ให้ระบุ “จำนวนข้อสอบ: 20 ข้อ | เวลาที่ใช้: 20 นาที”
• จัดเรียงคำถามเป็นลำดับ 1–20
• แต่ละข้อแสดงโจทย์ และตัวเลือก ก, ข, ค, ง ชัดเจน
โทนสีฟ้า ขาว
ให้สลับลำดับคำถามและตัวเลือกให้ด้วย
ไม่ต้องเฉลย แต่ให้บอกคะแนนที่ได้ตอนท้าย และมีปุ่มปิดหน้าเว็บไซต์ด้วย

สร้างตัวอย่างแบบทดสอบทางการศึกษา โดยใช้รูปแบบดังนี้

✅ แบบทดสอบปรนัย (Multiple Choice) – ตัวอย่าง 3 ข้อ พร้อมเฉลย
✅ แบบทดสอบอัตนัย (Short Answer) – ตัวอย่าง 2 ข้อ
✅ แบบทดสอบจับคู่ (Matching Quiz) – ตัวอย่างคำศัพท์กับความหมาย 1 ชุด
✅ แบบทดสอบถูก–ผิด (True/False) – ตัวอย่าง 3 ข้อ พร้อมเฉลย
✅ แบบทดสอบแบบเติมคำ (Fill in the Blank) – ตัวอย่าง 3 ข้อ
✅ แบบทดสอบพร้อมจับเวลา ⏱ – ให้มีคำสั่งกำหนดเวลาทำข้อสอบ 5 นาที
✅ แบบทดสอบพร้อมสรุปคะแนนอัตโนมัติ – ให้ระบบตรวจคำตอบและแสดงคะแนนรวมเมื่อทำเสร็จ

รูปแบบทั้งหมดให้ออกมาเป็น โค้ดที่ใช้งานได้จริงใน Canva Code รองรับการทำแบบทดสอบออนไลน์ และสามารถใช้ได้ทั้งบนคอมพิวเตอร์และมือถือ

ข้อสอบ Microsoft Word สำหรับนักเรียนชั้น ม.1 จำนวน 20 ข้อ (ตัวเลือกปรนัย 4 ตัวเลือก) พร้อมโครงสร้างการกรอกข้อมูลนักเรียน และแนวทางการตรวจข้อถูกโดยอัตโนมัติ โดยไม่มีการเฉลยแต่แจ้งคะแนนหลังสอบเสร็จ
📋 แบบทดสอบเรื่อง Microsoft Word
ระดับชั้นมัธยมศึกษาปีที่ 1 (ม.1)
เวลาในการทำข้อสอบ: 20 นาที
จำนวนข้อ: 20 ข้อ คะแนนเต็ม: 20 คะแนน
🔹ข้อมูลนักเรียน
กรุณากรอกข้อมูลให้ครบถ้วนก่อนเริ่มทำข้อสอบ:
• เลขประจำตัวนักเรียน: __________________
• คำนำหน้า: (นาย / เด็กชาย / เด็กหญิง)
• ชื่อ: __________________
• นามสกุล: __________________
• ชั้น: ม.1/ (4, 5, 6 หรือ 7)
🔹คำชี้แจง:
ข้อสอบมีทั้งหมด 20 ข้อ เป็นแบบปรนัย 4 ตัวเลือก
ให้นักเรียนเลือกคำตอบที่ถูกที่สุดเพียงข้อเดียว
ระบบจะตรวจคำตอบให้ทันทีเมื่อกดส่ง และแสดงคะแนนรวม
ห้ามรีเฟรชหน้าระหว่างทำข้อสอบ
❓ ข้อสอบ จำนวน 20 ข้อ มี 4 ตัวเลือก
📊 ระบบตรวจคะแนนอัตโนมัติ
• ตรวจคำตอบทันทีหลังส่งแบบทดสอบ
• แจ้งคะแนนทันที เช่น “คุณได้ 18/20 คะแนน”
• บันทึกข้อมูลนักเรียนและคะแนนลงใน Google Sheet โดยใช้ Google Apps Script