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

: สร้างเว็บแอปเกม “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 นาที และมีการจับเวลาการทำทั้งหมดในหน้าสรุปภารกิจทั้งหมด