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

ออกแบบ 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

: สร้างเว็บแอปเกม “Digital Citizen Quest”
คำอธิบายภาพรวมให้ Canva AI เข้าใจบริบท:
สร้างเว็บแอปแบบอินเทอร์แอคทีฟชื่อ “Digital Citizen Quest” สำหรับนักเรียนมัธยมศึกษาปีที่ 6 ในรายวิชาวิทยาการคำนวณ (ว33102) จุดประสงค์เพื่อเป็นกิจกรรมนำเข้าสู่บทเรียนเรื่อง “การเป็นพลเมืองดิจิทัล” เกมอยู่ในรูปแบบ Interactive Quiz จำนวน 10 ข้อ ใช้เวลาเล่นประมาณ 5-7 นาที
1.
หน้าเริ่มต้น (Start Screen)
หัวข้อใหญ่: “ยินดีต้อนรับสู่ Digital Citizen Quest”
คำอธิบายย่อย:
ภารกิจวัดความพร้อมสู่การเป็นพลเมืองดิจิทัลยุคใหม่! ก่อนจะเริ่มบทเรียน ลองมาทดสอบความรู้รอบตัวบนโลกออนไลน์ของคุณกันหน่อย
ฟอร์มกรอกข้อมูล:
ชื่อ - นามสกุล (Text Field)
ชั้น (Text Field)
เลขที่ (Text Field)
ปุ่ม CTA (Call-to-Action):
“เริ่มภารกิจ!”
2.
ส่วนของคำถาม (Question Section)
คำถามทั้งหมดมี 10 ข้อ โดยแต่ละข้ออยู่ในรูปแบบสถานการณ์ พร้อมตัวเลือก 4 ตัวเลือก (A, B, C, D) และมีการแสดงเฉลยพร้อมคำอธิบายทันทีหลังตอบ
โครงสร้างคำถามแต่ละข้อ:
หัวข้อ: [หัวข้อคำถาม เช่น “Digital Footprint”]
สถานการณ์:
[บรรยายสถานการณ์สั้น ๆ น่าสนใจ]
คำถาม:
คุณควรทำอย่างไร?
ตัวเลือก:
ก. [คำตอบที่ถูกต้อง ✅]
ข. [คำตอบที่ไม่ถูกต้อง]
ค. [คำตอบที่ไม่ถูกต้อง]
ง. [คำตอบที่ไม่ถูกต้อง]
เมื่อผู้เล่นเลือกคำตอบแล้ว:
ถ้าเลือก “ก.”:
✅ ถูกต้อง! [คำอธิบายเสริมให้เข้าใจเหตุผล]
ถ้าเลือก ข./ค./ง.:
❌ ยังไม่ใช่! [เฉลยและคำอธิบายเหตุผลที่คำตอบ “ก.” ถูกต้อง]
ให้สลับคำตอบด้วย
✅ ตัวอย่างคำถาม (ทั้ง 10 ข้อ):
1. Digital Footprint
คุณโพสต์ภาพไปเที่ยวทะเลกับเพื่อนในอินสตาแกรม โดยไม่ได้ตั้งค่าความเป็นส่วนตัว ภาพนั้นถูกแชร์ออกไปในวงกว้างโดยไม่ตั้งใจ
คำถาม: คุณควรทำอย่างไร?
ก. ลบภาพทันที และตั้งค่าความเป็นส่วนตัวให้กับบัญชีของคุณ ✅
ข. โพสต์ภาพใหม่อีกครั้ง แต่เลือกมุมที่สวยกว่า
ค. ขอให้เพื่อนช่วยรายงานภาพนั้น
ง. ไม่ต้องทำอะไร เพราะภาพสวยและไม่น่ามีปัญหา
เฉลย: ✅ ถูกต้อง! เพราะการตั้งค่าความเป็นส่วนตัวและการลบโพสต์ไม่เหมาะสมสามารถลดความเสี่ยงจากการถูกนำข้อมูลไปใช้ในทางที่ไม่เหมาะสมได้
(ใช้รูปแบบเดียวกันสำหรับอีก 9 ข้อในหัวข้อต่อไปนี้:)
2. Cyberbullying
3. Password Security
4. Phishing
5. Copyright
6. Fake News
7. Privacy Settings
8. Digital Law
9. Digital Wellbeing
10. Online Reputation
(คุณสามารถให้ Canva สร้างแต่ละหน้าคำถามแยกกัน โดยใช้คำถามสถานการณ์จริงจากด้านบน)
3. 🟡
หน้าสรุปผล (Summary Screen)
หัวข้อ: “สรุปผลภารกิจ”
แสดงข้อมูลผู้เล่น:
ชื่อ - นามสกุล: [ข้อมูลจากฟอร์มหน้าแรก]
ชั้น: [ข้อมูลจากฟอร์มหน้าแรก]
เลขที่: [ข้อมูลจากฟอร์มหน้าแรก]
แสดงคะแนน:
คะแนนรวมของคุณ: [คะแนนที่ได้] / 100 คะแนน
ข้อความสรุปตามระดับคะแนน:
ถ้า > 70:
🎉 ยอดเยี่ยม! คุณมีความเข้าใจในการเป็นพลเมืองดิจิทัลที่ดีมาก พร้อมต่อยอดในบทเรียนของเราแล้ว!
ถ้า 40–70:
👍 ทำได้ดี! คุณมีความรู้พื้นฐานอยู่แล้ว แต่ยังมีอีกหลายแง่มุมที่น่าสนใจ รอให้เราไปค้นพบกันในห้องเรียน
ถ้า < 40:
🌱 ไม่เป็นไรเลย! นี่คือโอกาสที่ดีที่เราจะได้มาเรียนรู้และสร้างทักษะการเป็นพลเมืองดิจิทัลไปด้วยกันในคาบเรียนนี้
ปุ่ม CTA:
🔚 “จบเกม”
🎨 สไตล์และดีไซน์:
โทนสี: ใช้สีสดใส แนวเทคโนโลยี/ไซเบอร์ (ฟ้า-เขียว-ม่วง)
ฟอนต์: อ่านง่าย ทันสมัย
ไอคอน/ภาพประกอบ: ใช้ภาพแนวการ์ตูนดิจิทัล/สถานการณ์ออนไลน์
ใช้แอนิเมชันเล็กน้อยในปุ่มและการเปลี่ยนคำถามเพื่อสร้างความสนุก
✨ คำสั่งเสริมใน Prompt:
สร้างเป็นเว็บไซต์แบบหน้าเดียว (One Page Interactive Quiz Web App) โดยมีปุ่มเปลี่ยนคำถามแต่ละข้อแบบเลื่อนอัตโนมัติ และแสดงผลตอบรับทันที ใช้งานง่ายทั้งบนมือถือและคอมพิวเตอร์ จับเวลาในการทำแต่ละข้อ ข้อละ 1 นาที และมีการจับเวลาการทำทั้งหมดในหน้าสรุปภารกิจทั้งหมด