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

ออกแบบระบบบันทึกข้อมูล “การได้รับทุนการศึกษา” ของนักเรียนในโรงเรียน
โทนสีฟ้า-ขาว ดูเป็นทางการ เรียบง่าย ใช้งานสะดวก เหมาะสำหรับครูผู้บันทึกข้อมูล

📚 รายละเอียดในระบบ:
• หน้าแรก: ชื่อระบบ “ระบบบันทึกข้อมูลทุนการศึกษาโรงเรียน” พร้อมโลโก้โรงเรียนและช่องค้นหานักเรียน
• ตารางบันทึกข้อมูลทุน
• ชื่อ–สกุลนักเรียน
• ชั้นเรียน/ห้อง
• ปีการศึกษา (2568-2575)
• วันที่ได้รับทุน
• ชื่อทุน / แหล่งทุน (รัฐบาล, สภากาชาด, อบต., วัด, ผู้ใหญ่ใจดี ฯลฯ)
• จำนวนเงินที่ได้รับ
• สาเหตุที่ได้รับ (เช่น เรียนดี, บ้านยากจน, พ่อแม่แยกทาง ฯลฯ)
• ช่องบันทึกหมายเหตุ
• ระบบรวมยอดอัตโนมัติ:
• รวมยอดเงินที่นักเรียนแต่ละคนได้รับทั้งหมด
• รวมยอดเงินของแต่ละหน่วยงานผู้บริจาค
• หน้ารายงานวิเคราะห์:
• แผนภูมิแสดง “นักเรียนที่ได้รับทุนมากที่สุดในปี”
• แผนภูมิเปรียบเทียบ “หน่วยงานที่ให้ทุนมากที่สุด”
• ตัวกรองข้อมูล:
• ตามชั้นเรียน / ปีการศึกษา / ประเภททุน
• ปุ่ม: “เพิ่มข้อมูลทุนใหม่”, “ดูสรุปรายปี”, “ส่งออกเป็นไฟล์ Excel”

💡 สไตล์การออกแบบ:
• ใช้โครงแบบ Dashboard หรือ Spreadsheet ที่ดูเรียบและชัดเจน
• ใช้ไอคอนนักเรียน, เงินทุน, และแหล่งทุน
• ฟอนต์อ่านง่าย เช่น Prompt หรือ Sarabun
• เพิ่มกราฟสรุปยอดรวมแบบวงกลมและแท่ง

🎯 จุดประสงค์ของระบบ:
เพื่อให้ครูสามารถบันทึกและตรวจสอบข้อมูลทุนการศึกษาได้ง่ายขึ้น ไม่ซ้ำซ้อน และวิเคราะห์ข้อมูลย้อนหลังได้ในแต่ละปี

ออกแบบหน้าเว็บระบบส่งข่าวประชาสัมพันธ์ของโรงเรียน
โทนสีฟ้า-ขาว ให้ดูเป็นทางการและเป็นมิตร เหมาะกับเว็บไซต์โรงเรียน

หน้าเว็บควรมีส่วนประกอบดังนี้:
• หัวข้อหลัก: “ระบบส่งข่าวประชาสัมพันธ์โรงเรียน”
• ฟอร์มกรอกข้อมูลข่าวสาร มีช่องกรอกดังนี้
• ชื่อกิจกรรม
• วันที่จัดกิจกรรม
• รายละเอียดกิจกรรม (ข้อความยาวได้)
• ผู้ส่งข่าว / ผู้รับผิดชอบ
• ปุ่ม “แนบรูปภาพ (ไม่เกิน 10 ภาพ)”
• ปุ่ม “ส่งข่าวประชาสัมพันธ์”
• พื้นที่แสดงข่าวที่ถูกส่งแล้ว แสดงในรูปแบบการ์ดหรือโพสต์
แต่ละการ์ดแสดงภาพกิจกรรม, ชื่อกิจกรรม, วันที่, และชื่อผู้ส่ง
• ดีไซน์เรียบง่าย ดูสะอาดตา มีไอคอนและภาพประกอบแนวโรงเรียน
• ใช้ฟอนต์อ่านง่าย เช่น Prompt หรือ Noto Sans Thai
• เพิ่มภาพตัวอย่างนักเรียนและครูร่วมกิจกรรมในพื้นหลังบางส่วน
• รองรับการดูได้ทั้งคอมพิวเตอร์และมือถือ (Responsive Design)

ใส่ปุ่มเมนูด้านบน เช่น “หน้าแรก | ข่าวทั้งหมด | ส่งข่าว | ติดต่อโรงเรียน”

สร้างดีไซน์ให้พร้อมสำหรับนำไปใช้พัฒนาเว็บจริงได้

สร้างระบบตรวจสอบรูปแบบไฟล์รายงานที่อัปโหลดเป็น PDF
เพื่อวิเคราะห์ว่ารายงานเป็นไปตามหลักเกณฑ์การจัดทำรายงานโครงงานคอมพิวเตอร์หรือไม่
ระบบต้องสามารถตรวจสอบได้ดังนี้

⸻

🔹 1. การตั้งค่าหน้ากระดาษ
• ตรวจสอบว่าไฟล์ PDF ทุกหน้ามีขนาด A4 แนวตั้ง
• ตรวจสอบระยะขอบกระดาษว่า
• บน = 3.81 ซม. (1.5 นิ้ว)
• ซ้าย = 3.81 ซม. (1.5 นิ้ว)
• ล่าง = 2.54 ซม. (1 นิ้ว)
• ขวา = 2.54 ซม. (1 นิ้ว)

🔹 2. ฟ้อนต์และขนาดตัวอักษร
• ตรวจสอบฟ้อนต์ที่ใช้ว่าเป็น TH SarabunPSK
• หัวเรื่องหลัก: ขนาด 20 พอยท์ ตัวหนา
• เนื้อหา: ขนาด 16 พอยท์ ตัวปกติ
• ตรวจสอบว่าทั้งเล่มใช้ฟ้อนต์และขนาดเดียวกัน
• ตรวจสอบการเว้นบรรทัด (line spacing) ว่าเป็น 1 เท่า (single line)

🔹 3. การย่อหน้า
• ย่อหน้าแรกต้องเว้นจากขอบซ้าย 2.54 ซม. (1 นิ้ว)
• ย่อหน้าถัดไปเว้นเพิ่มทีละ 1.27 ซม. (0.5 นิ้ว) ตามลำดับ
• ตรวจสอบความสม่ำเสมอของการเว้นย่อหน้าในแต่ละบท

🔹 4. การลำดับหน้า
• ส่วน “กิตติกรรมประกาศ” “บทคัดย่อ” ต้องใช้เลขหน้าแบบอักษรไทย ก ข ค
• บทที่ 1 เป็นต้นไปต้องใช้เลขอารบิก (1, 2, 3, …)
• ตรวจสอบว่าเลขหน้าชิดขวาและห่างจากขอบบน 2.54 ซม.
• ตรวจสอบว่าหน้าขึ้นต้นบทใหม่ ไม่มีเลขหน้า

🔹 5. ส่วนประกอบของรายงาน

ตรวจสอบการมีอยู่ของหน้าเหล่านี้ตามลำดับ:
1. ปกหน้า (ตรวจสอบว่ามีชื่อเรื่องกลางหน้า ฟ้อนต์ TH SarabunPSK)
2. ปกใน (เหมือนปกหน้า)
3. สารบัญ (ตรวจสอบคำว่า “สารบัญ” อยู่กลางหน้า ตัวหนา 20 พอยท์)
4. สารบัญตาราง / สารบัญภาพ (ถ้ามี)
5. เนื้อหาบทที่ 1–5 (ตรวจสอบหัวข้อ “บทที่ …” อยู่กลางหน้า ห่างขอบบน 3.81 ซม.)
6. ภาคผนวก (ตรวจสอบคำว่า “ภาคผนวก” กลางหน้า ตัวหนา 20 พอยท์)

🔹 6. รายงานผลการตรวจสอบ
• แสดงผลว่า “ผ่าน” หรือ “ไม่ผ่าน” สำหรับแต่ละหัวข้อ
• หากไม่ผ่าน ให้ระบุข้อผิดพลาด เช่น
• “ฟ้อนต์ไม่ตรงตามกำหนด (พบ Arial แทน TH SarabunPSK)”
• “ระยะขอบซ้ายไม่ถูกต้อง (พบ 2.5 ซม.)”
• “ย่อหน้าแรกไม่เว้น 1 นิ้ว”
• สรุปคะแนนความถูกต้องโดยรวม (% ความถูกต้องของรูปแบบรายงาน)

🔹 7. ฟังก์ชันเพิ่มเติม (ถ้าทำเป็น Web App)
• รองรับการอัปโหลดไฟล์ PDF
• แสดงตัวอย่างหน้าที่ผิดรูปแบบ
• มีปุ่ม “ดาวน์โหลดรายงานผลตรวจสอบ (PDF)”
• ใช้ภาษาไทยใน UI

⸻

ให้ระบบนี้ออกแบบหน้าตาแบบเรียบง่าย ใช้สีโทนฟ้า–ขาว
เน้นความเข้าใจง่ายสำหรับนักเรียนหรือครูที่ต้องตรวจรายงานโครงงานคอมพิวเตอร์

สร้างระบบลงทะเบียนอบรมออนไลน์ด้วย Google Apps Script โดยมีรายละเอียดดังนี้

1. **ข้อมูลที่ใช้เก็บใน Google Sheet**
- วันที่อบรม
- ชื่อ – นามสกุลผู้เข้าอบรม
- หน่วยงาน / โรงเรียน
- อีเมล
- เบอร์โทรศัพท์
- หัวข้อการอบรมที่เลือก
- วันที่ลงทะเบียน
- สถานะการลงทะเบียน (รออนุมัติ / อนุมัติแล้ว)

2. **คุณสมบัติของระบบ**
- สร้างฟอร์มออนไลน์ (HTML + Apps Script) ให้ผู้ใช้กรอกข้อมูล
- เมื่อผู้ใช้กด “ลงทะเบียน” ให้บันทึกข้อมูลไปยัง Google Sheet โดยอัตโนมัติ
- ตรวจสอบว่าอีเมลนี้เคยลงทะเบียนอบรมแล้วหรือไม่ ถ้ามีให้แจ้งเตือน
- ส่งอีเมลยืนยันไปยังผู้ลงทะเบียน โดยใช้ GmailApp.sendEmail
- แสดงหน้าตอบกลับ “ลงทะเบียนสำเร็จ” หรือ “คุณได้ลงทะเบียนแล้ว”
- ผู้ดูแลระบบสามารถเปิด Sheet เพื่อดูรายชื่อผู้เข้าอบรมได้ทันที

3. **การใช้งาน**
- ใช้ไฟล์เดียวใน Google Apps Script (Code.gs + index.html)
- ใช้ Web App เพื่อเผยแพร่ลิงก์ให้ผู้เข้าร่วมลงทะเบียน
- แนะนำให้เพิ่มโลโก้และชื่อโครงการอบรมไว้ด้านบนฟอร์ม

4. **สไตล์ของหน้าเว็บ**
- ออกแบบเรียบง่าย ใช้ CSS ภายในไฟล์ HTML
- ใช้โทนสีฟ้า-ขาว และปุ่ม “ลงทะเบียน” สีเขียว
- ฟอร์มต้องรองรับการใช้งานบนมือถือ

5. **ขอให้แสดงโค้ดตัวอย่างเต็ม พร้อมคำอธิบายการ Deploy เป็น Web App**

สร้างสื่ออินเตอร์แอคทีฟใน Canva AI เรื่อง "ระบบโหวตสถานการณ์ทดสอบจริยธรรมและความปลอดภัยในการนำเสนอข้อมูล"
รายวิชา: วิทยาการคำนวณ (ว33102)
ครูผู้สอน: นางสาวพิชชยานาฏ รีรักษ์

รายละเอียด:
1. การ์ดทั้งหมด 8 ใบ แต่ละใบมีข้อความสถานการณ์ + รูปภาพประกอบ + ปุ่มโหวต
2. นักเรียนสามารถกดโหวตได้ แต่ไม่เห็นผลโหวตในหน้าบ้าน
3. ครูดูผลโหวตได้ในระบบหลังบ้าน แสดงผลรวมเป็นตัวเลขหรือกราฟแท่ง
4. สไตล์การ์ดสดใส โทนการ์ตูน/infographic ใช้ไอคอนหรือภาพตัวละครสื่อถึงแต่ละเหตุการณ์

---

📌 สถานการณ์ + รูปภาพที่ต้องการ (8 การ์ด)

1️⃣ **รายงาน "Copy-Paste"**
- ข้อความ: นักเรียนลอกเนื้อหาจากอินเทอร์เน็ตแล้วนำมาใส่ในรายงานโดยไม่อ้างอิงแหล่งที่มา
- ภาพ: นักเรียนถือกระดาษที่เหมือนกันหลายแผ่น พร้อมสัญลักษณ์ Ctrl+C และ Ctrl+V

2️⃣ **คลิป "Fun Clip" ที่ไม่ได้รับอนุญาต**
- ข้อความ: มีการนำคลิปตลกจาก YouTube มาใช้ในการนำเสนอ โดยไม่ได้ขออนุญาตเจ้าของ
- ภาพ: หน้าจอวิดีโอที่มีไอคอนห้ามใช้ (❌)

3️⃣ **แบบสำรวจ "ที่ไม่ระบุตัวตน"**
- ข้อความ: แจกแบบสอบถามที่เก็บข้อมูลโดยไม่ระบุชื่อ แต่ยังคงเก็บข้อมูลส่วนตัวที่สามารถระบุตัวตนได้
- ภาพ: แบบสอบถามพร้อมเงาของคนที่มีป้ายคำถาม (?)

4️⃣ **ลิงก์ที่ "ใครๆ ก็แก้ไขได้"**
- ข้อความ: แชร์ไฟล์งานใน Google Drive โดยไม่ได้ตั้งค่าเป็น "ดูอย่างเดียว" ทำให้ใครๆ ก็แก้ไขได้
- ภาพ: ไอคอน Google Drive พร้อมดินสอที่หลายคนถือพร้อมกัน

5️⃣ **รายงานที่สร้างโดย AI**
- ข้อความ: ใช้ AI สร้างรายงานทั้งหมดโดยไม่แก้ไขหรืออธิบายความเข้าใจของตนเอง
- ภาพ: หุ่นยนต์กำลังพิมพ์รายงานแทนนักเรียน

6️⃣ **กูรูสุขภาพจาก TikTok**
- ข้อความ: นำข้อมูลสุขภาพจาก TikTok มาใช้โดยไม่ตรวจสอบความถูกต้องของแหล่งที่มา
- ภาพ: โลโก้ TikTok พร้อมตัวละครที่ถือสมาร์ทโฟนและสัญลักษณ์เตือน ⚠️

7️⃣ **ไฟล์ไหนคือไฟล์สุดท้าย? (Final_Final_v2.docx)**
- ข้อความ: การจัดการไฟล์รายงานที่สับสน มีหลายเวอร์ชัน ทำให้ไม่รู้ว่าไฟล์ไหนคือไฟล์ล่าสุด
- ภาพ: โฟลเดอร์คอมพิวเตอร์ที่มีไฟล์หลายชื่อซ้ำ ๆ พร้อมไอคอนงง 😕

8️⃣ **ฟีดแบ็กหรือการโจมตี**
- ข้อความ: มีการวิจารณ์ผลงานของเพื่อนด้วยถ้อยคำรุนแรงจนกลายเป็นการโจมตี ไม่ใช่คำแนะนำที่สร้างสรรค์
- ภาพ: นักเรียน 2 คน คนหนึ่งกำลังพรีเซนต์ อีกคนชี้นิ้ววิจารณ์แรง พร้อมไอคอน ⚡

---

การออกแบบ:
- ใช้การ์ดแสดงทีละสถานการณ์
- มีปุ่มโหวตบนการ์ด (เช่น "โหวต")
- หลังบ้านแสดงผลโหวตเป็นตารางสรุปหรือกราฟแท่ง
- โทนสีสดใส เหมาะกับสื่อการเรียนรู้ในชั้นเรียน

สร้างฟอร์มออนไลน์สำหรับ "ระบบการส่งรายงานวิจัยในชั้นเรียน โรงเรียนแม่จันวิทยาคม ปีงบประมาณ 2568"
ใช้โทนสีเหลือง-ขาว ฟ้อนต์ Sarabun รองรับ Responsive

📝 คุณสมบัติฟอร์ม:
1. มีเมนู drop-down "ประเภทผลงาน" ให้เลือก
- บทคัดย่อ (ครูทุกคน)
- รายงานวิจัยในชั้นเรียน (ครูทุกคน)
- เผยแพร่ผลงานรูปแบบโปสเตอร์ (ครูที่สนใจ)

2. เมื่อเลือกประเภทผลงาน จะแสดงฟิลด์ที่ต้องกรอกดังนี้:

---

### (A) บทคัดย่อ (ครูทุกคน)
- คำนำหน้า (drop-down: นาย, นาง, นางสาว)
- ชื่อ (text)
- นามสกุล (text)
- กลุ่มสาระการเรียนรู้ (drop-down: ภาษาไทย, คณิตศาสตร์, วิทยาศาสตร์, สังคมศึกษา, สุขศึกษาและพลศึกษา, ศิลปะ, การงานอาชีพและเทคโนโลยี, ภาษาต่างประเทศ, กิจกรรมพัฒนาผู้เรียน)
- ชื่อผลงาน (text)
- อัปโหลดไฟล์ (.pdf เท่านั้น) → เก็บในโฟลเดอร์ `abstract/`

---

### (B) รายงานวิจัยในชั้นเรียน (ครูทุกคน)
- คำนำหน้า (drop-down: นาย, นาง, นางสาว)
- ชื่อ (text)
- นามสกุล (text)
- กลุ่มสาระการเรียนรู้ (drop-down: เหมือนด้านบน)
- ชื่อผลงาน (text)
- ปีที่ทำการศึกษา (radio button: 2/2567, 1/2568)
- อัปโหลดไฟล์ (.pdf เท่านั้น) → เก็บในโฟลเดอร์ `research/`

---

### (C) เผยแพร่ผลงานรูปแบบโปสเตอร์ (ครูที่สนใจ)
- คำนำหน้า (drop-down: นาย, นาง, นางสาว)
- ชื่อ (text)
- นามสกุล (text)
- กลุ่มสาระการเรียนรู้ (drop-down: เหมือนด้านบน)
- ชื่อผลงาน (text)
- อัปโหลดไฟล์ (.pdf เท่านั้น) → เก็บในโฟลเดอร์ `poster/`

---

📌 ดีไซน์ฟอร์ม
- โทนสีเหลือง-ขาว ดูสบายตา
- ใช้ฟ้อนต์ Sarabun ทุกส่วน
- ปุ่ม Submit แบบโค้งมน สีเหลือง ข้อความ "ส่งผลงาน"
- จัดวางแบบเป็นการ์ด มีกรอบเงาอ่อนๆ ดูเป็นมิตร
- รองรับการใช้งานบนมือถือและคอมพิวเตอร์

ออกแบบเว็บไซต์ Responsive โทนสีฟ้า-ขาว สำหรับ "ระบบค้นหาและดาวน์โหลดเกียรติบัตร"
โรงเรียน: xxxxxx

ฟังก์ชันหน้าเว็บ:
1. ส่วนหัวเว็บไซต์ แสดงชื่อกิจกรรมและรายละเอียดวิชา
2. แบบฟอร์มค้นหาเกียรติบัตร โดยกรอก:
- ชื่อ
- นามสกุล
3. ปุ่ม "ค้นหาเกียรติบัตร"
4. เมื่อค้นหาแล้ว ระบบจะแสดงปุ่ม "ดาวน์โหลดเกียรติบัตร" (ลิงก์จาก Google Drive / Apps Script API)
5. จัดวางให้อ่านง่าย สวยงาม ใช้ Bootstrap หรือ Tailwind

องค์ประกอบเพิ่มเติม:
- โลโก้โรงเรียนด้านบน
- พื้นหลังแบบ Gradient อ่อน ๆ
- ใช้ Card/Container แสดงผลลัพธ์เกียรติบัตร
- Footer ใส่ข้อความ "พัฒนาโดย xxxx"

สร้างเว็บไซต์ระบบสุ่มรายชื่อนักเรียน
- โทนสีฟ้า-ขาว เรียบง่าย ทันสมัย รองรับ Responsive
- ส่วนหัวแสดงชื่อ "ระบบสุ่มรายชื่อนักเรียน"
- มีกล่องให้ครูกรอกรายชื่อนักเรียน (กรอกทีละชื่อ หรือคัดลอกวางเป็นบรรทัด)
- มีปุ่ม "เพิ่มรายชื่อ" และแสดงรายชื่อนักเรียนที่เพิ่มเข้ามาในกล่องด้านล่าง
- มีปุ่ม "สุ่มรายชื่อ" เมื่อกดแล้ว จะแสดงผลลัพธ์นักเรียนที่ถูกสุ่มในกล่องตรงกลาง พร้อมแอนิเมชันเล็กน้อย
- มีปุ่ม "ล้างรายชื่อ" เพื่อเริ่มใหม่
- ใช้ฟอนต์ TH Sarabun New หรือฟอนต์อ่านง่ายสำหรับภาษาไทย
- ดีไซน์ให้น่าใช้ เหมาะกับครูใช้ในห้องเรียนจริง

สร้าง Exam Countdown ระยะเวลา <30 นาที> ไม่มีปุ่มหยุดชั่วคราว มีเตือนล่วงหน้าเมื่อเหลือ <5 นาที> (ไอคอนเตือน + ข้อความ) และเมื่อหมดเวลาให้เรียกฟังก์ชัน onTimeUp() เพื่อส่งคำตอบอัตโนมัติ โค้ด JS แยกเป็นฟังก์ชันชัดเจน