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

“สร้างหน้า Dashboard/หน้าเว็บสำหรับ ระบบบันทึกชั่วโมงกิจกรรมจิตอาสา (Volunteer Hours Tracking System) ดีไซน์ทันสมัย โทนสะอาด อ่านง่ายแบบ Professional โดยมีองค์ประกอบดังนี้:
• ส่วนหัว (Header): ชื่อระบบ “Volunteer Hours Tracking System – ระบบบันทึกชั่วโมงกิจกรรมจิตอาสา” พร้อมโลโก้องค์กร/โรงเรียน
• เมนูหลัก: หน้าหลัก | ลงทะเบียนกิจกรรม | บันทึกชั่วโมง | รายงานสรุป | ดาวน์โหลดเอกสาร | ติดต่อผู้ดูแล
• กล่องสรุปข้อมูล (Info Cards) เช่น
• จำนวนกิจกรรมทั้งหมด
• ชั่วโมงจิตอาสารวม
• นักเรียนที่เข้าร่วมทั้งหมด
• กิจกรรมที่กำลังจะมาถึง
• โซน ลงทะเบียนกิจกรรม: ฟอร์มกรอกชื่อกิจกรรม, วันที่, สถานที่, ประเภทกิจกรรม, ผู้รับผิดชอบ
• โซน บันทึกชั่วโมง: ฟอร์มกรอกเลขประจำตัว/ชื่อ, กิจกรรมที่เข้าร่วม, เวลาที่ทำ, แนบรูปหลักฐาน
• โซน สรุปรายงานชั่วโมงบุคคล: ตารางสรุปชั่วโมงของผู้เข้าร่วม พร้อม Progress Bar แสดงชั่วโมงที่สะสมเทียบตามเกณฑ์
• โซน กิจกรรมเร็ว ๆ นี้ (Upcoming Events): การ์ดกิจกรรม 3–5 รายการ
• โซน ดาวน์โหลดแบบฟอร์ม/ไฟล์ เช่น ใบเข้าร่วมกิจกรรม, ใบรับรองชั่วโมง
• Footer: ข้อมูลติดต่อ / ลิงก์โซเชียล / ชื่อผู้พัฒนา

ออกแบบสไตล์ Clean UI, Modern, Minimal, ใช้ไอคอนแบบเรียบง่าย, จัดองค์ประกอบให้ดูเหมือน Dashboard ระบบจริง พร้อมพื้นที่แก้ไขข้อมูลง่าย ๆ”

“สร้างหน้าเว็บ/แดชบอร์ดสำหรับ ระบบประกาศข่าวสารภายใน (Internal Board) สำหรับหน่วยงาน/โรงเรียนดีไซน์แบบทันสมัย สะอาด โทนสีมืออาชีพ จัดเลย์เอาต์อ่านง่าย แสดงข้อมูลดังนี้
• ส่วนหัว: ชื่อระบบ “Internal Board – ระบบประกาศข่าวสารภายใน” พร้อมโลโก้องค์กร
• เมนูหลัก: ข่าวล่าสุด | ประกาศฝ่ายบริหาร | ตารางกิจกรรม | ดาวน์โหลดแบบฟอร์ม | แจ้งเตือนด่วน
• โซนข่าวล่าสุด: การ์ดข่าว 4–6 ใบ พร้อมหัวข้อ + วันที่ + หมวดหมู่
• โซนประกาศฝ่ายบริหาร: กล่องข้อความแบบไฮไลต์ เน้นประกาศสำคัญ
• โซนตารางกิจกรรม: ปฏิทินกิจกรรมรายเดือนแบบมินิมอล
• โซนดาวน์โหลดเอกสาร: ปุ่มดาวน์โหลดสวยๆ เช่น แบบฟอร์มลา, แบบฟอร์มขอใช้ห้อง, เอกสารภายใน
• โซนแจ้งเตือนด่วน (Urgent Alert): แถบสีเด่นสำหรับข้อความเร่งด่วน
• ออกแบบให้เป็นสไตล์ทันสมัย Clean UI, ใช้ไอคอนเรียบง่าย, จัดโครงแบบ Dashboard
• พร้อมพื้นที่สำหรับแอดมินแก้ไขข่าวสารในอนาคต
สร้างในรูปแบบที่ดูเป็น ‘ระบบประกาศออนไลน์’ เหมือนหน้า Dashboard จริง พร้อมองค์ประกอบครบถ้วน”

สร้าง Infographic เรื่อง “โครงงานคอมพิวเตอร์” ให้มีการจัดวางข้อมูลอย่างเป็นระบบ สีเรียบง่าย อ่านง่าย ใช้ไอคอนช่วยสื่อความ ให้เน้นความเป็นวิชาการแบบโรงเรียน โดยมีหัวข้อและรายละเอียดดังนี้

1. ความหมายของโครงงานคอมพิวเตอร์  
- การศึกษาค้นคว้าอย่างเป็นระบบ  
- ใช้ความรู้ด้านคอมพิวเตอร์แก้ปัญหา  
- พัฒนาทักษะการคิดวิเคราะห์และการแก้ปัญหา

2. ประเภทของโครงงานคอมพิวเตอร์  
- โครงงานพัฒนาสื่อเพื่อการศึกษา
- โครงงานพัฒนาเครื่องมือ
- โครงงานประเภทการทดลองทฤษฎี
- โครงงานประเภทการประยุกต์ใช้งาน
- โครงงานพัฒนาเกม

3. ขั้นตอนการทำโครงงาน  
- เลือกหัวข้อ/ปัญหา  
- ศึกษาข้อมูลที่เกี่ยวข้อง  
- วางแผนและออกแบบระบบ  
- พัฒนาและสร้างชิ้นงาน  
- ทดสอบและปรับปรุง  
- สรุปผลและจัดทำรายงาน

4. องค์ประกอบของรายงานโครงงาน  
- บทคัดย่อ  
- บทนำ (ความเป็นมา / วัตถุประสงค์)  
- วิธีดำเนินงาน  
- ผลการทดลองหรือผลงาน  
- สรุปผล / ข้อเสนอแนะ / ปัญหา  
- บรรณานุกรม

5. ทักษะที่ผู้เรียนจะได้รับ  
- การคิดวิเคราะห์และแก้ปัญหา  
- การออกแบบระบบ  
- การเขียนโปรแกรม  
- การสื่อสารและนำเสนอผลงาน  
- การทำงานเป็นทีม

6. ตัวอย่างโครงงานคอมพิวเตอร์  
- ระบบส่งงานออนไลน์  
- แอปพลิเคชันบันทึกคะแนน  
- เว็บไซต์ประชาสัมพันธ์  
- เกมเพื่อการศึกษา  
- ระบบ IoT วัดอุณหภูมิ

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

Prompt:
“ออกแบบหน้าเว็บไซต์ของโรงเรียนสมัยใหม่ โทนสีสุภาพ น่าเชื่อถือ ใช้สีประจำโรงเรียน (สีน้ำเงิน–เหลือง หรือปรับตามต้องการ) เน้นความเป็นมืออาชีพ ใช้งานง่าย และรองรับการนำไปเป็นหน้า Landing Page จริง
ให้มีโครงสร้างดังนี้:
1. ส่วนหัวเว็บไซต์ (Hero Section)
• รูปภาพโรงเรียนหรือภาพสื่อถึงการเรียนรู้
• ข้อความเด่น: ‘โรงเรียน…(ชื่อโรงเรียน)… มุ่งสู่ความเป็นเลิศทางวิชาการและคุณธรรม’
• ปุ่ม Call-to-Action เช่น ‘ดูข้อมูลเพิ่มเติม’ หรือ ‘ระบบรับสมัคร’
2. เมนูหลัก
• หน้าแรก | เกี่ยวกับโรงเรียน | ข่าวประชาสัมพันธ์ | แผนการเรียน | ติดต่อเรา
3. ส่วนแสดงข่าว/ประกาศล่าสุด
• การ์ดข่าว 3–4 ใบ แนวสมัยใหม่
• ไอคอน/กราฟิกสื่อการศึกษา
4. ส่วนแนะนำโรงเรียน (About School)
• จุดเด่นของโรงเรียน
• ภาพกิจกรรม
• ข้อความสั้นแต่ชัดเจน
5. ส่วนกิจกรรม/ภาพถ่าย
• แกลเลอรีหรือกริดภาพขนาดสวยงาม
6. ส่วนลิงก์บริการออนไลน์
• ปุ่มแบบการ์ด: ระบบงานสารบรรณ, ระบบรับสมัครนักเรียน, ระบบส่งงานออนไลน์ ฯลฯ
7. ส่วนท้ายเว็บไซต์ (Footer)
• ชื่อโรงเรียน
• ที่อยู่ เบอร์ติดต่อ
• ไอคอนโซเชียลมีเดีย

สไตล์ทั้งหมดให้เป็นแบบโมเดิร์น ตัวหนังสืออ่านง่าย จัดวางเป็นระเบียบ ใช้ไอคอนและกราฟิกแบบ Flat Design รองรับการใช้งานบนมือถือ (Responsive).”

“โปรดสร้าง โค้ด HTML และ CSS พื้นฐาน สำหรับหน้าเว็บ [ระบุวัตถุประสงค์ เช่น หน้า Landing Page สำหรับโปรโมทหลักสูตร] โดยเน้นโครงสร้างที่ประกอบด้วย Header, ส่วนเนื้อหาหลัก 3 ส่วน, และ Footer โดยใช้ โทนสี [ระบุโทนสี เช่น สีน้ำเงินและขาว] และใช้โค้ดที่สะอาดและอ่านง่าย เหมาะสำหรับผู้เริ่มต้น”

“ช่วยออกแบบและพัฒนาระบบรายงานการประชุมผู้ปกครองออนไลน์ โดยมีคุณสมบัติดังนี้:
1. หน้าแบบฟอร์มลงทะเบียนผู้ปกครอง
• ใส่ข้อมูล: คำนำหน้า, ชื่อ–นามสกุลผู้ปกครอง, นักเรียน (ชื่อ–นามสกุล / เลขที่ / ห้อง), ความเกี่ยวข้อง (บิดา/มารดา/ผู้ปกครอง)
• บันทึกเวลาที่เข้าร่วมประชุมอัตโนมัติ
2. ระบบบันทึกรายงานการประชุม
• หัวข้อการประชุม
• ปัญหาที่พบของนักเรียน
• การให้ข้อมูลของครู
• ข้อตกลงร่วมกันระหว่างครูและผู้ปกครอง
• ช่องแนบรูปภาพ (ถ้าต้องการ)
3. ระบบลงชื่อเข้าร่วม
• มีปุ่ม “ยืนยันเข้าร่วม”
• บันทึกข้อมูลลงฐานข้อมูล (Google Sheet หรือฐานข้อมูลเว็บ)
4. ระบบสร้างรายงานอัตโนมัติ (Auto Report)
• สรุปข้อมูลการประชุมแต่ละครอบครัวออกเป็น PDF
• มีโลโก้โรงเรียน / ข้อมูลครูที่ปรึกษา
• รูปแบบเป็นทางการ พร้อมลายเซ็นดิจิทัล
5. แดชบอร์ดของครู
• แสดงรายชื่อนักเรียนทั้งหมด
• สถานะเข้าร่วมประชุม
• ปัญหา/ข้อเสนอแนะ
• ดาวน์โหลดรายงานรายบุคคลหรือแบบรวม
6. คุณสมบัติเพิ่มเติม (ถ้ามี)
• ส่งข้อความแจ้งเตือนผ่าน LINE Notify หรือ LINE API
• ระบบค้นหาผู้ปกครอง
• สรุปข้อมูลภาพรวมของห้องเรียน

ให้เขียนโครงสร้างระบบ UI/UX พร้อมตัวอย่างหน้าจอ, ตัวอย่างโค้ด front-end และ back-end (เช่น HTML, CSS, JavaScript, Google Apps Script), พร้อมโฟลว์การทำงานของระบบทั้งหมด เพื่อให้ครูสามารถนำไปใช้งานจริงได้ทันที”

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

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

คำนำหน้า

ชื่อ

นามสกุล

เลขที่

ชั้น

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

✅ มนุษย์

🤖 AI

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

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

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

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

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

สร้างเว็บไซต์หรือเว็บแอปพลิเคชัน “ระบบขออนุญาตนำรถจักรยานยนต์มาโรงเรียน” สำหรับนักเรียนระดับมัธยมศึกษา
ให้สามารถกรอกข้อมูลออนไลน์ และบันทึกข้อมูลลงฐานข้อมูลหรือส่งออกเป็นรายงานได้
ออกแบบให้ใช้งานง่าย เหมาะกับโรงเรียนในประเทศไทย โทนสีฟ้า–ขาว ฟอนต์ Prompt หรือ Sarabun

รายละเอียดฟอร์มที่ต้องมี:

วันที่ (วัน / เดือน / พ.ศ.)

ชื่อ–นามสกุลนักเรียน พร้อมคำนำหน้า (เด็กชาย / เด็กหญิง / นาย / นางสาว)

ชั้นมัธยมศึกษาปีที่ และห้อง

ชื่อครูที่ปรึกษา

เหตุผลที่ต้องนำรถจักรยานยนต์มาโรงเรียน

รายละเอียดรถ

ยี่ห้อ

รุ่น

สี

หมายเลขทะเบียน

ส่วนรับรองของผู้ปกครอง

ชื่อ–นามสกุลผู้ปกครอง

ความสัมพันธ์กับนักเรียน

ช่องติ๊ก “รับทราบและยินยอมตามระเบียบโรงเรียน”

ปุ่ม “บันทึกข้อมูล / ส่งคำขออนุญาต”

ส่วนสรุปข้อมูลสำหรับพิมพ์รายงาน PDF (เช่น ใบคำขอพร้อมลายเซ็น)

เพิ่มโลโก้โรงเรียน และข้อความ “โรงเรียนบางแม่หม้ายรัฐราษฎร์รังสฤษดิ์ จังหวัดสุพรรณบุรี”

แนวทางการออกแบบ:

จัดวางเป็นหน้าเว็บฟอร์มเรียบง่าย มีหัวข้อชัดเจน

ใช้ไอคอนรถจักรยานยนต์หรือภาพประกอบแนวโรงเรียน

เพิ่มส่วนประกาศ/ระเบียบการนำรถจักรยานยนต์มาโรงเรียน (อ่านก่อนส่งคำขอ)

ปรับให้แสดงผลได้ทั้งบนคอมพิวเตอร์และมือถือ

ออกแบบ เว็บแอปพลิเคชันบันทึกและรายงานผลการจัดกิจกรรมโฮมรูมออนไลน์
สำหรับโรงเรียนระดับมัธยมศึกษา

ฟังก์ชันหลักที่ต้องการ:

ฟอร์มกรอกข้อมูลกิจกรรมโฮมรูม

ระดับชั้น (ม.1 – ม.6)

ห้องเรียน (1 – 11)

ครูที่ปรึกษาคนที่ 1 → คำนำหน้า, ชื่อ–นามสกุล

ครูที่ปรึกษาคนที่ 2 → คำนำหน้า, ชื่อ–นามสกุล

วันเดือนปีที่จัดกิจกรรม

หัวข้อ / เรื่องที่อบรม–แนะนำ–แจ้งข่าวสาร

รายชื่อนักเรียนที่ขาดเรียน (กรอกได้หลายคน)

ระบบบันทึกข้อมูลลงฐานข้อมูล (จำลองใน Canva AI หรือเชื่อมต่อ Canva Sheet ก็ได้)

หน้ารายงานผลกิจกรรมโฮมรูมในรูปแบบ

Dashboard ที่สวยงาม แสดงสถิติ เช่น จำนวนกิจกรรม, ครูที่ปรึกษา, นักเรียนที่ขาดเรียน, กิจกรรมแยกตามชั้น

ตารางข้อมูล (Datatable) ที่สามารถค้นหา / เรียงลำดับ / กรองข้อมูลได้

ดีไซน์ให้เรียบง่าย ทันสมัย โทนสีฟ้า–ขาว

ใช้ฟอนต์ Prompt หรือฟอนต์อ่านง่ายแบบราชการ

รองรับการใช้งานบนมือถือและแท็บเล็ต

⚙️ เพิ่มข้อความส่วนหัวเว็บว่า
“ระบบบันทึกและรายงานผลกิจกรรมโฮมรูมออนไลน์”
🔗 มีปุ่ม "เพิ่มกิจกรรม", "ดูรายงาน", "ส่งออกข้อมูล (PDF/Excel)"