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

สร้างเว็บเกมทายภาพชื่อ **“AI or REAL? – ภาพนี้ AI สร้างหรือภาพจริง?”** โดยใช้ **Google Apps Script + Google Sheets** เป็นระบบหลัก ไม่ใช้ฐานข้อมูลภายนอก

### 1. แนวคิดเกม

สร้างเกมสำหรับนักเรียน/ผู้ใช้งานทั่วไป ให้ผู้เล่นดูภาพทีละ 1 ภาพ แล้วทายว่า

* 🤖 **AI Generated** = ภาพที่สร้างด้วย AI
* 📷 **REAL PHOTO** = ภาพถ่ายจริง

เมื่อเลือกคำตอบ ให้แสดงผลทันทีว่า “ถูก” หรือ “ผิด” พร้อมเฉลยและคำอธิบายสั้น ๆ ว่ามีจุดสังเกตอะไรที่ช่วยแยกภาพ AI กับภาพจริง

### 2. Google Sheets เป็นฐานข้อมูล

สร้าง Google Sheet สำหรับเก็บข้อมูลเกม โดยใช้ Sheet ชื่อ `Questions`

กำหนดคอลัมน์:

`id`
`image_url`
`answer`
`category`
`description`
`hint`
`difficulty`
`source`
`active`

ตัวอย่างข้อมูล:

| id | image_url | answer | category | description | hint | difficulty | source | active |
| -- | --------- | ------ | -------- | ----------------------- | ---------------------------- | ---------- | ------------ | ------ |
| 1 | URL ภาพ | AI | คน | ภาพบุคคลที่สร้างด้วย AI | สังเกตมือและรายละเอียดใบหน้า | Easy | AI Generated | TRUE |
| 2 | URL ภาพ | REAL | ธรรมชาติ | ภาพถ่ายจริง | สังเกตแสงและพื้นผิว | Easy | Photograph | TRUE |

สร้าง Sheet เพิ่มชื่อ `Scores`

คอลัมน์:

`timestamp`
`player_name`
`score`
`total_questions`
`percentage`
`time_used`

### 3. รูปแบบการเล่น

ก่อนเริ่มเกมให้ผู้เล่นกรอกชื่อ

จากนั้นสุ่มคำถามจากรายการที่ `active = TRUE`

แนะนำให้เล่นรอบละ **10 ข้อ**

แต่ละข้อประกอบด้วย:

* ภาพขนาดใหญ่
* หมายเลขข้อ เช่น `Question 3 / 10`
* ปุ่ม `🤖 AI GENERATED`
* ปุ่ม `📷 REAL PHOTO`
* คะแนนปัจจุบัน
* Progress Bar
* ตัวจับเวลา

เมื่อผู้เล่นตอบ:

1. ตรวจคำตอบทันที
2. แสดงผลแบบ Animation
3. แสดงคำว่า `ถูกต้อง!` หรือ `ยังไม่ถูก`
4. แสดงเฉลย
5. แสดงคำอธิบายสั้น ๆ
6. แสดงปุ่ม `ข้อต่อไป`

ห้ามให้ผู้เล่นเปลี่ยนคำตอบหลังจากตอบแล้ว

### 4. ระบบคะแนน

กำหนดคะแนน:

* ตอบถูก = +10 คะแนน
* ตอบผิด = 0 คะแนน
* Bonus หากตอบถูกติดต่อกัน 3 ข้อ = +5 คะแนน
* Bonus หากตอบเร็วภายในเวลาที่กำหนด = +2 คะแนน

สรุปคะแนนเมื่อจบเกมเป็น:

* คะแนนรวม
* จำนวนข้อที่ถูก
* จำนวนข้อที่ผิด
* เปอร์เซ็นต์
* เวลาในการเล่น
* ระดับผลลัพธ์

ตัวอย่าง:

90–100% = AI Detective Master
70–89% = AI Detective
50–69% = AI Explorer
ต่ำกว่า 50% = AI Beginner

### 5. หน้าเริ่มเกม

ออกแบบให้ทันสมัยแบบ **AI / Futuristic / Educational Game**

แสดง:

**AI or REAL?**
“คุณแยกภาพ AI กับภาพจริงได้หรือไม่?”

มีช่อง:

`ชื่อผู้เล่น`

และปุ่ม:

`เริ่มเกม`

พร้อมคำอธิบาย:

“ดูภาพให้ละเอียด แล้วเลือกว่าภาพนี้สร้างโดย AI หรือเป็นภาพถ่ายจริง”

### 6. หน้าเล่นเกม

ออกแบบเป็น Card ขนาดใหญ่ Responsive

รองรับ:

* Desktop
* Tablet
* Mobile

ภาพต้องแสดงแบบ `object-fit: contain` โดยไม่ทำให้ภาพเสียสัดส่วน

ใช้ UI สวยงาม เช่น:

* Glassmorphism
* Gradient
* Soft Shadow
* Rounded Card
* Progress Bar
* Animation
* Hover Effect
* Correct / Wrong Animation

ใช้ Font ที่อ่านภาษาไทยได้ดี เช่น **Noto Sans Thai**

### 7. หน้าเฉลย

หลังตอบให้แสดง Card:

**✓ ถูกต้อง!**

หรือ

**✕ ยังไม่ถูก**

พร้อม:

`คำตอบที่ถูก: AI GENERATED`

หรือ

`คำตอบที่ถูก: REAL PHOTO`

และแสดง:

**🔍 จุดสังเกต**

นำข้อมูลจากคอลัมน์ `description` มาแสดง

หากมี `hint` ให้แสดงเป็นคำแนะนำเพิ่มเติม

### 8. หน้าสรุปผล

เมื่อครบ 10 ข้อ แสดง Dashboard สรุปผลแบบสวยงาม

ตัวอย่าง:

**🎉 GAME COMPLETE!**

`Pichayanart`

**85 / 100 คะแนน**

ถูกต้อง `8`
ผิด `2`
ความแม่นยำ `80%`
เวลา `01:42`

แสดงข้อความประเมินผล เช่น:

**“ยอดเยี่ยม! คุณเริ่มจับสัญญาณของภาพ AI ได้ดีมาก”**

มีปุ่ม:

`🔄 เล่นอีกครั้ง`

`🏆 ดูอันดับ`

`🏠 กลับหน้าหลัก`

### 9. Leaderboard

สร้างหน้า Leaderboard โดยดึงข้อมูลจาก Sheet `Scores`

แสดง:

อันดับ | ชื่อ | คะแนน | ความแม่นยำ | เวลา

เรียงตาม:

1. คะแนนสูงสุด
2. หากคะแนนเท่ากัน ให้เวลาน้อยกว่าอยู่ก่อน

แสดง Top 10

### 10. ระบบป้องกันการตอบซ้ำ

ในแต่ละเกม:

* สุ่มคำถาม
* ไม่ให้ภาพซ้ำในรอบเดียวกัน
* เก็บ ID ของคำถามที่ใช้แล้วไว้ใน JavaScript
* จนครบ 10 ข้อ

### 11. Backend

สร้างไฟล์:

`Code.gs`
`Index.html`
`CSS.html`
`JavaScript.html`

ใช้ Google Apps Script Web App

ฟังก์ชันหลัก เช่น:

`doGet()`
`getQuestions()`
`saveScore()`
`getLeaderboard()`

ใช้ `google.script.run` สำหรับติดต่อ Backend

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

* ตรวจสอบข้อมูลฝั่ง Server
* ไม่เชื่อถือคะแนนจาก Client โดยตรง
* Validate player name
* ป้องกันการส่งข้อมูลผิดรูปแบบ
* จำกัดความยาวชื่อ
* ใช้ LockService ตอนบันทึกคะแนนเพื่อป้องกันข้อมูลชนกัน
* ไม่เปิดเผยข้อมูล Google Sheet ให้ผู้เล่นเข้าถึงโดยตรง

### 13. รองรับการเพิ่มภาพในอนาคต

ต้องออกแบบให้ผู้ดูแลสามารถเพิ่มคำถามได้ง่าย ๆ เพียงเพิ่มข้อมูลใน Google Sheets โดยไม่ต้องแก้ Code

สามารถเพิ่ม:

* ภาพบุคคล
* สัตว์
* อาหาร
* สถานที่
* ธรรมชาติ
* สิ่งของ
* ภาพข่าว
* ภาพที่ AI สร้าง
* ภาพถ่ายจริง

### 14. Admin Dashboard

สร้างหน้า Admin สำหรับดูสถิติ ได้แก่:

* จำนวนผู้เล่น
* จำนวนเกมที่เล่น
* คะแนนเฉลี่ย
* อัตราการตอบถูก
* ข้อที่ผู้เล่นตอบผิดมากที่สุด
* จำนวนคำถามทั้งหมด

แสดงกราฟด้วย **Chart.js**

### 15. UX/UI

ออกแบบให้เหมาะกับการใช้ในโรงเรียนและกิจกรรมการเรียนรู้

โทน:

**Modern AI Education / Futuristic / Clean / Fun**

ไม่ใช้ UI ที่ซับซ้อนเกินไป

เน้นให้ผู้เล่นเข้าใจเกมภายในไม่กี่วินาที

ต้องมี Loading State, Empty State, Error State และ Success State

### 16. สิ่งที่ต้องส่งมอบ

สร้าง Code ที่สามารถนำไปวางใน **Google Apps Script** และ Deploy เป็น Web App ได้ทันที

ต้องส่งมอบ:

1. `Code.gs`
2. `Index.html`
3. `CSS.html`
4. `JavaScript.html`
5. โครงสร้าง Google Sheet
6. ตัวอย่างข้อมูลสำหรับ `Questions`
7. ตัวอย่างข้อมูลสำหรับ `Scores`
8. ขั้นตอนการติดตั้ง
9. ขั้นตอนการ Deploy Web App
10. วิธีเพิ่มคำถามและรูปภาพ
11. วิธีตั้งค่า Spreadsheet ID

**ข้อสำคัญ:**
เขียนโค้ดให้ครบและใช้งานได้จริง ไม่ใช่เพียง Mockup หรือ Pseudocode

ห้ามใช้ข้อมูลจำลองแทนระบบจริงในส่วนที่สามารถเชื่อม Google Sheets ได้

ใช้ HTML/CSS/JavaScript ฝั่ง Frontend และ Google Apps Script ฝั่ง Backend โดยไม่ใช้ Framework หนัก ๆ เพื่อให้ Deploy ได้ง่ายและเหมาะกับ Google Apps Script

ก่อนส่ง Code ให้ตรวจสอบการเรียก `google.script.run`, ชื่อฟังก์ชัน, ชื่อ Sheet และโครงสร้างข้อมูลให้ตรงกันทั้งหมด

ออกแบบ Web App ระบบขออนุญาตออกนอกโรงเรียนออนไลน์ (E-Permission System)
โทนสีสุภาพ ทันสมัย เหมาะกับสถานศึกษา ใช้งานง่าย

โครงสร้างระบบประกอบด้วย

1) หน้าฟอร์มนักเรียน
- กรอกชื่อ-สกุล
- เลขประจำตัวนักเรียน
- ระดับชั้น / ห้อง
- เหตุผลในการขอออกนอกโรงเรียน
- วันที่และเวลาออก
- วันที่และเวลากลับ
- ชื่อครูที่ปรึกษา
- ปุ่มส่งคำขอ

2) หน้าสถานะคำขอ
- แสดงรายการคำขอของนักเรียน
- สถานะ: รอพิจารณา / อนุมัติ / ไม่อนุมัติ
- วันที่ยื่นคำขอ

3) หน้าครูที่ปรึกษา
- ดูรายการคำขอของนักเรียนในที่ปรึกษา
- ปุ่มอนุมัติ / ไม่อนุมัติ
- ช่องบันทึกหมายเหตุครู

4) หน้าผู้บริหาร
- แสดงสรุปคำขอทั้งหมด
- แยกตามสถานะ
- ปุ่มอนุมัติขั้นสุดท้าย
- แสดงประวัติย้อนหลัง

5) หน้าสรุปรายงาน
- จำนวนการขออนุญาตรายวัน / รายเดือน
- ดาวน์โหลดรายงานเป็น PDF

รูปแบบ UI
- Responsive ใช้ได้บนมือถือ
- ไอคอนเข้าใจง่าย
- Layout เรียบ สะอาด
- เหมาะสำหรับใช้งานจริงในโรงเรียน

ออกแบบเกมจับคู่ความรู้เกี่ยวกับ AI โดยให้มีสองคอลัมน์: คอลัมน์ซ้ายเป็นชื่อเครื่องมือหรือฟีเจอร์ของ AI เช่น Notebook LM, Google AI Studio, Magic Write, Gemini และคอลัมน์ขวาเป็นคำอธิบายการใช้งานของแต่ละเครื่องมือ เช่น สรุปเอกสารอัตโนมัติ สร้างภาพจากข้อความ เขียนบทความด้วยคำสั่ง เป็นต้น
ใช้โทนสีสดใส สบายตา เหมาะสำหรับครูผู้ใหญ่ เช่น โทนฟ้า เทา และเขียวอ่อน
เพิ่มไอคอนประกอบในแต่ละช่อง และจัดรูปแบบให้นำไปใช้งานเป็นทั้งแผ่นพับ ใบงาน หรือสไลด์แบบอินเทอร์แอคทีฟได้
header : [https://imprnoom.com/images/logonoom1.png](https://imprnoom.com/images/logonoom1.png) ขนาด 150x150pixels
เกมจับคู่ความรู้เกี่ยวกับ AI
Footer : Dev By Pichayanart Reerak.
🔹 ฝั่งซ้าย: “AI / ฟีเจอร์”
1. Notebook LM
2. Magic Write
3. Google AI Studio
4. Magic Media
5. Gemini
6. Magic Animate
7. Canva Docs AI
8. AI Prompt
9. AI Scoring
10. AI Text-to-Speech
⸻
🔸 ฝั่งขวา: “การใช้งาน”
A. ใช้เขียนเนื้อหาจากคำสั่ง
B. สร้างภาพหรือวิดีโอจากข้อความ
C. สร้างงานนำเสนอแบบเคลื่อนไหว
D. แชทกับ AI เพื่อช่วยวิเคราะห์/สรุปเอกสาร
E. ทดสอบคำสั่ง Prompt กับโมเดล AI
F. เปลี่ยนข้อความเป็นเสียงพูด
G. ใช้เขียนเอกสารร่วมกับ AI
H. สร้าง AI สำหรับช่วยประเมินคะแนน
I. สร้างคำถามหรือไอเดียจาก AI
J. สร้างสรุป+แหล่งอ้างอิงจากไฟล์เอกสาร

สร้างเกมส์อินเตอร์แอคทีฟใน Canva AI สำหรับนักเรียนชั้น ม.6 รายวิชาวิทยาการคำนวณ
ชื่อเกมส์: "DQ Collector - พลเมืองดิจิทัล"

รายละเอียดเกม:
- ผู้เล่น 1 คน ควบคุมตัวละคร (เช่น ตะกร้า หรือหุ่นนักเรียน) โดยใช้ปุ่มเลื่อน **ซ้าย/ขวา**
- ข้อมูล (เช่น ไอคอนการใช้อินเทอร์เน็ต, ความปลอดภัยออนไลน์, การใช้เวลาอย่างสมดุล, มารยาทดิจิทัล) จะตกลงมาจากด้านบน
- ผู้เล่นต้องเก็บข้อมูลที่ "ถูกต้อง" เกี่ยวกับ **DQ และพลเมืองดิจิทัล** เพื่อได้คะแนน
- ถ้าเก็บข้อมูล "ผิด" (เช่น ข้อความเกี่ยวกับข่าวปลอม, การกลั่นแกล้งออนไลน์, การใช้รหัสผ่านง่ายๆ) จะเสียคะแนน

องค์ประกอบ:
1. **ปุ่มเริ่มเกม (Start Game)** ใหญ่และเห็นชัดเจน
2. **วิธีเล่น (How to Play)** แสดงก่อนเริ่มเกม:
- ใช้ปุ่มลูกศร **← →** เพื่อเลื่อนไปซ้ายขวา
- เก็บเฉพาะข้อมูลที่ถูกต้องเกี่ยวกับ "DQ และพลเมืองดิจิทัล"
- หลีกเลี่ยงข้อมูลที่ไม่ถูกต้อง
- เมื่อจบเกม ระบบจะแสดงคะแนนที่ผู้เล่นทำได้
3. **ตัวละครหลัก** = นักเรียน/ตะกร้า/หุ่นยนต์
4. **ไอคอนข้อมูลที่ตกลงมา**:
- ✔️ ข้อมูลถูกต้อง (เก็บแล้วได้ +10 คะแนน) เช่น "ตั้งรหัสผ่านที่ปลอดภัย", "แชร์ข้อมูลอย่างมีวิจารณญาณ", "ใช้เวลาออนไลน์อย่างสมดุล"
- ❌ ข้อมูลผิด (เก็บแล้ว -5 คะแนน) เช่น "เชื่อข่าวปลอมทันที", "แชร์ข้อมูลส่วนตัวทุกที่", "รังแกผู้อื่นในโลกออนไลน์"
5. **การออกแบบ**:
- โทนสีสดใส เหมาะกับเกมนักเรียน
- เพิ่มเสียงประกอบตอนเก็บของ และตอนพลาด
- แสดงคะแนนด้านบนของหน้าจอแบบเรียลไทม์
6. **ตอนจบเกม**: แสดงข้อความ “ยินดีด้วย! คุณคือพลเมืองดิจิทัลที่เก่งขึ้นแล้ว” พร้อมคะแนนรวม

เป้าหมาย: เพื่อให้นักเรียนฝึกทักษะการแยกแยะข้อมูลในโลกดิจิทัล และเข้าใจ DQ ผ่านการเล่นเกมแบบสนุกสนาน

ออกแบบสื่อการสอนในรูปแบบเกมจับคู่ (Matching Game) เรื่อง “พระราชบัญญัติว่าด้วยการกระทำความผิดเกี่ยวกับคอมพิวเตอร์” สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 6
• เนื้อหาเป็นการจับคู่ “ข้อกฎหมาย” กับ “ความหมาย / ตัวอย่างการกระทำ”
• จำนวน 12 คู่คำ (เช่น “มาตรา 14(1)” → “นำเข้าสู่ระบบคอมพิวเตอร์ซึ่งข้อมูลอันเป็นเท็จ” , “มาตรา 16” → “การตัดต่อภาพผู้อื่นจนเสียหาย”)
• อินเตอร์เฟซเข้าใจง่าย เหมาะกับนักเรียนมัธยม
• ใช้โทนสีฟ้า-ขาว ให้ความรู้สึกทางวิชาการและน่าอ่าน
• เมื่อจับคู่ถูกต้อง ให้มีเสียง “ติ๊ง!” และเพิ่มคะแนน +10
• เมื่อจับคู่ผิด ให้มีเสียงแจ้งเตือนเบาๆ และไม่เพิ่มคะแนน
• แสดงคะแนนสะสมด้านบนตลอดเวลา
• เมื่อเล่นจบ แสดงคะแนนรวม พร้อมข้อความสรุปผล เช่น “ยอดเยี่ยม! คุณได้ xx คะแนน”
• ออกแบบให้ใช้งานได้ทั้งคอมพิวเตอร์และมือถือ
• จัดวางให้ปุ่มและข้อความชัดเจน เหมาะสำหรับการเรียนออนไลน์และในห้องเรียน

ฉันต้องการสร้างเกมตอบคำถามสำหรับนักเรียนชั้น ม.6 เรื่อง "ความฉลาดทางดิจิทัล (DQ Game)" โดยมีรายละเอียดดังนี้

1. หน้าแรกของเกม:
- โลโก้ : https://imprnoom.com/images/logonoom1.png
- ชื่อเกม: "DQ Challenge Game ม.6"
- มีช่องกรอกข้อมูลชื่อทีม และสมาชิกในกลุ่มไม่เกิน 4 คน
- ข้อมูลสมาชิกประกอบด้วย: คำนำหน้า, ชื่อ, นามสกุล, เลขที่, ชั้น ม.6/1 ถึง ม.6/11

2. เนื้อหาเกม:
- เป็นเกมตอบคำถามสถานการณ์ จำนวน 10 ข้อ
- แต่ละสถานการณ์เป็นภาพหรือข้อความให้ผู้เล่นอ่าน
- ตัวเลือกคำตอบคือ ความฉลาดทางดิจิทัล (DQ) จำนวน 8 ข้อ ได้แก่
1. อัตลักษณ์ทางดิจิทัล (Digital Identity)
2. การใช้งานเทคโนโลยีดิจิทัล (Digital Use)
3. ความปลอดภัยในโลกดิจิทัล (Digital Safety)
4. การป้องกันภัยในโลกดิจิทัล (Digital Security)
5. ความฉลาดทางอารมณ์ในโลกดิจิทัล (Digital Emotional Intelligence)
6. การสื่อสารในโลกดิจิทัล (Digital Communication)
7. การรู้ดิจิทัล (Digital Literacy)
8. การรู้สิทธิในโลกดิจิทัล (Digital Rights)

3. กลไกการเล่น:
- ผู้เล่นเลือกคำตอบที่ถูกต้องจาก 8 DQ
- ตอบถูกได้ 1 คะแนน
- รวมคะแนนทั้งหมด 10 คะแนน
- เมื่อเล่นครบทุกสถานการณ์ ให้แสดงคะแนนรวม และประกาศว่า "ทีมใดได้คะแนนมากที่สุดคือผู้ชนะ!"

4. ดีไซน์:
- ใช้โทนสีสดใส ดึงดูดวัยรุ่น
- มีไอคอนสื่อสารดิจิทัล เช่น ไอคอนมือถือ, แชท, โซเชียลมีเดีย
- รองรับการเล่นเป็นกลุ่มในห้องเรียน

5. ตัวอย่างสถานการณ์:
- สถานการณ์ 1: มีคนทักแชทมาหลอกให้โอนเงินเพราะบอกว่าถูกรางวัล iPhone
- สถานการณ์ 2: มีคนโพสต์เฟซบุ๊กใส่ร้ายเพื่อนในห้องเรียน
- (เพิ่มอีก 8 สถานการณ์ในรูปแบบเดียวกัน)

กรุณาสร้างเกมนี้ในรูปแบบ Interactive Quiz บน Canva AI
รองรับ Reponstive

สร้าง Classroom Battle Quiz ออนไลน์ด้วย HTML + JavaScript
- ให้แสดงผลคะแนนแบบเรียลไทม์ โดยเครื่องคอมหลักคือครู และนักเรียนเล่นโดยเลือกทีมเองจากในมือถือ
- รองรับ 2 ทีม (Team A และ Team B)
- มีข้อสอบปรนัย 10 ข้อ เกี่ยวกับพรบ.คอมพิวเตอร์ 2560
- เมื่อเลือกคำตอบ → ตรวจทันที ถูก = +1 คะแนนทีม
- แสดง Leaderboard แบบ Real-time (คะแนนรวมแต่ละทีม)
- เมื่อทำครบทุกข้อ → ประกาศผู้ชนะ (ทีมไหนคะแนนสูงกว่า)
- อินเทอร์เฟซเป็นกล่องสีแดง vs น้ำเงิน สวยเหมือนเกมแข่งขัน
- ใช้งานได้ทั้งบนมือถือและคอมพิวเตอร์

ออกแบบเกมนำเสนอในรูปแบบ PowerPoint สำหรับนักเรียน ม.3 ชื่อว่า “พลเมืองนักสืบ: เปิดแผ่นป้ายไขรหัสหน้าที่” ซึ่งเป็นเกมเปิดแผ่นป้าย 12 ช่องโดยมีลูกเล่นหลากหลาย ปริศนา emoji เพื่อให้นักเรียนได้เรียนรู้เกี่ยวกับ “หน้าที่พลเมือง” อย่างสนุกสนาน
• ใส่สไลด์แนะนำวิธีเล่นเกมในหน้าแรก
• ใช้ดีไซน์สีสันสดใส ทันสมัย น่ารัก มีธีมนักสืบหรือเกมโชว์
• ใส่ภาพประกอบ เช่น แผ่นป้ายเลข 1-12, ไอคอนธงชาติ, ตราชั่ง, กล่องเลือกตั้ง ฯลฯ
• ออกแบบให้เหมาะกับการฉายบนโปรเจกเตอร์ในห้องเรียน
• ไม่ต้องมีคำถาม มีแค่ปริศนา emoji และใหันักเรียนทายว่าคือหน้าที่พลเมืองเรื่องใด

สร้างเกม “เปิดแผ่นป้าย” สำหรับนักเรียน ม.1 เพื่อใช้ในการทบทวนบทเรียนเรื่อง คอมพิวเตอร์และระบบสารสนเทศในงานอาชีพ โดยในแต่ละแผ่นป้ายจะมี
• ด้านหน้า: เป็นตัวเลข หรือไอคอน
• ด้านหลัง: เป็นคำถาม หรือคำตอบ
ผู้เล่นจะต้องเปิดแผ่นป้ายทีละ 2 แผ่นเพื่อจับคู่คำถาม-คำตอบให้ถูกต้อง เช่น:
❓ คำถาม: “ฮาร์ดแวร์หมายถึงอะไร?”
✅ คำตอบ: “อุปกรณ์ที่สามารถจับต้องได้ เช่น คอมพิวเตอร์ เมาส์”
หรืออาจเป็นการจับคู่ “ชื่ออาชีพ” กับ “การใช้คอมพิวเตอร์ในอาชีพนั้น” เช่น
• ครู ↔ ใช้สร้างสื่อการสอน
• หมอ ↔ ใช้ดูประวัติคนไข้
ใช้รูปแบบสีสันสดใส เข้าใจง่าย เหมาะกับเด็กระดับชั้น ม.1 มีปุ่มเริ่มเกม / รีเซ็ต และคะแนน
• สร้าง grid ขนาด 4x4 หรือ 5x4 เพื่อสุ่มแผ่นป้าย
• ใช้ไอคอนน่ารัก เช่น 💡📱👩‍🏫 เพื่อเป็นหน้าป้าย
• เมื่อจับคู่ได้ถูกต้อง แสดงคำว่า “เก่งมาก!” พร้อมเสียงเอฟเฟกต์
• มีการจับเวลาเพื่อเพิ่มความสนุก
เปลี่ยนคำตอบเป็นข้อความและรูป ที่จับคู่กับคำถามให้ถูกต้อง และให้นักเรียนสามารถกรอกชื่อ นามสกุล ชั้น เลขที่ และเก็บข้อมูลให้ด้วย
ปรับหน้าจอให้แสดงผลได้ดีทั้งในคอมพิวเตอร์ โน๊ตบุ๊ค แล็ปท๊อป มือถือ
**Header**: โลโก้ https://imprnoom.com/logonoom1.png ขนาดเหมาะสม (ไม่เกิน 150px) มี title เกมจับคู่ คอมพิวเตอร์และระบบสารสนเทศในงานอาชีพ อยู่ด้านล่าง ไม่ต้องมี background
**Footer**: ข้อความ “© 2025 เกมจับคู่ คอมพิวเตอร์และระบบสารสนเทศในงานอาชีพ | Pichayanart Reerak” อยู่ตรงกลาง ไม่ต้องมี background