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

สร้างระบบ Web Application สำหรับ “ระบบแจ้งเหตุระบบล่ม / อินเทอร์เน็ตขัดข้อง”
ออกแบบให้ใช้งานง่าย ทันสมัย รองรับมือถือ และเหมาะกับหน่วยงานราชการ โรงเรียน หรือองค์กรทั่วไป

เทคโนโลยีที่ใช้:
- Frontend: HTML, CSS (Bootstrap 5), JavaScript
- Backend: Google Apps Script
- Database: Google Sheets
- ระบบแจ้งเตือน: Telegram Bot API

ฟีเจอร์หลักของระบบ:

1. หน้าแจ้งเหตุ (User Interface)
- กรอกชื่อผู้แจ้ง
- เลือกหน่วยงาน/แผนก (Dropdown)
- เลือกประเภทปัญหา (อินเทอร์เน็ตล่ม / WiFi ช้า / Server ล่ม / ระบบเว็บไซต์เข้าไม่ได้ / อื่นๆ)
- ระบุระดับความเร่งด่วน (ปกติ / ด่วน / ด่วนมาก)
- ช่องรายละเอียดเพิ่มเติม
- แนบรูปภาพประกอบ (ถ้ามี)
- ปุ่ม "ส่งแจ้งเหตุ"

2. ระบบจัดเก็บข้อมูล
- บันทึกข้อมูลทั้งหมดลง Google Sheets อัตโนมัติ
- บันทึกวันที่และเวลาที่แจ้ง
- สถานะเริ่มต้นเป็น “รอดำเนินการ”

3. ระบบแจ้งเตือนผ่าน Telegram
- เมื่อมีการแจ้งเหตุใหม่ ให้ส่งข้อความแจ้งเตือนไปยัง Telegram กลุ่มผู้ดูแลทันที
- รูปแบบข้อความแจ้งเตือน เช่น:

🚨 มีการแจ้งเหตุใหม่!
👤 ผู้แจ้ง: {ชื่อ}
🏢 แผนก: {หน่วยงาน}
⚠️ ประเภทปัญหา: {ประเภท}
🔥 ความเร่งด่วน: {ระดับ}
📝 รายละเอียด: {ข้อความ}
⏰ เวลา: {วันที่/เวลา}

4. หน้า Admin Dashboard
- แสดงรายการแจ้งเหตุทั้งหมด
- ค้นหาและกรองตามสถานะ
- ปุ่มเปลี่ยนสถานะ (รอดำเนินการ / กำลังแก้ไข / เสร็จสิ้น)
- สรุปจำนวนเคสแบบสถิติ (Card Summary)

5. ดีไซน์
- โทนสีสุภาพ เหมาะกับราชการ
- ใช้ไอคอน Material Icons หรือ Font Awesome
- Responsive รองรับมือถือ 100%

6. ความปลอดภัย
- จำกัดสิทธิ์หน้า Admin
- ใช้ Webhook Telegram อย่างปลอดภัย
- ป้องกันการส่งข้อมูลซ้ำ

สร้างโค้ดตัวอย่าง Google Apps Script สำหรับเชื่อมต่อ Telegram Bot พร้อมตัวอย่างการตั้งค่า Token และ Chat ID

สร้างระบบลงทะเบียนผู้มาติดต่อราชการแบบออนไลน์ (Web App) สำหรับหน่วยงานภาครัฐ โรงเรียน หรือสำนักงานราชการ ใช้งานง่าย รองรับมือถือและคอมพิวเตอร์
องค์ประกอบของระบบ:
หน้าแรก (Check-in)

แบบฟอร์มกรอกข้อมูลผู้มาติดต่อ
• ชื่อ–นามสกุล
• เบอร์โทรศัพท์
• หน่วยงาน/องค์กร
• วัตถุประสงค์การติดต่อ (เลือกจากรายการ)
• บุคคล/แผนกที่ต้องการพบ
• วัน–เวลา (บันทึกอัตโนมัติ)

ปุ่ม “ลงทะเบียนเข้าพบ”

หน้าเจ้าหน้าที่

ตารางแสดงรายชื่อผู้มาติดต่อแบบเรียลไทม์

ค้นหา/กรองข้อมูลได้

ปุ่มอนุมัติ / ปฏิเสธ / เข้าพบแล้ว

แสดงสถานะผู้มาติดต่อ

ระบบบันทึกข้อมูล

เก็บข้อมูลลงฐานข้อมูล (หรือ Google Sheets) อัตโนมัติ

สามารถ Export เป็น Excel / PDF ได้

ดีไซน์

โทนทางการ ทันสมัย สไตล์ราชการไทย

ใช้ไอคอนเข้าใจง่าย

ฟอนต์อ่านง่าย รองรับผู้สูงอายุ

Responsive ใช้งานได้ทั้งมือถือและคอม

ฟีเจอร์เสริม

สร้าง QR Code สำหรับลงทะเบียนหน้าสำนักงาน

แจ้งเตือนเจ้าหน้าที่เมื่อมีผู้มาติดต่อ

Dashboard สรุปจำนวนผู้เข้าพบรายวัน/รายเดือน

สร้าง Web App สำหรับครู ใช้จัดกลุ่มนักเรียนอัตโนมัติ เพื่อใช้ในการทำกิจกรรมในชั้นเรียน โดยมีรายละเอียดดังนี้

วัตถุประสงค์ของระบบ
• ลดเวลาการแบ่งกลุ่มนักเรียน
• จัดกลุ่มแบบสุ่ม หรือกำหนดเงื่อนไขได้
• ใช้งานง่ายผ่านมือถือและคอมพิวเตอร์
• ส่งออกผลลัพธ์เป็นไฟล์หรือภาพได้ทันที

ฟีเจอร์หลักของระบบ
1. หน้าเพิ่มรายชื่อนักเรียน
• กรอกชื่อ-สกุล / เลขที่ / ห้อง
• อัปโหลดรายชื่อจากไฟล์ Excel หรือ Google Sheets
2. เลือกรูปแบบการจัดกลุ่ม
• สุ่มเท่าๆ กัน
• แบ่งตามจำนวนกลุ่ม
• แบ่งตามจำนวนคนต่อกลุ่ม
• แบ่งตามความสามารถ (เก่ง-กลาง-อ่อน)
• แยกชาย-หญิง
3. ระบบประมวลผลอัตโนมัติ
• กดปุ่ม “จัดกลุ่ม” แล้วแสดงผลทันที
• สุ่มใหม่ได้
4. หน้าแสดงผลลัพธ์
• แสดงรายชื่อแต่ละกลุ่มเป็น Card สวยงาม
• เปลี่ยนชื่อกลุ่มได้ (เช่น กลุ่ม A, B, C / กลุ่มสี / กลุ่มสัตว์)
5. การส่งออกข้อมูล
• ดาวน์โหลดเป็น PDF
• ดาวน์โหลดเป็น Excel
• แชร์เป็นลิงก์
• Export เป็นภาพสำหรับฉายหน้าห้อง

UI/UX
• ดีไซน์เรียบ ใช้ง่าย เหมาะกับครู
• รองรับมือถือ
• ใช้โทนสีการศึกษา ทันสมัย
• ปุ่มใหญ่ อ่านง่าย

โครงสร้างหน้า
• หน้าแรก: เพิ่มรายชื่อนักเรียน
• หน้าเลือกเงื่อนไขการจัดกลุ่ม
• หน้าแสดงผลลัพธ์
• หน้าส่งออกไฟล์

ความสามารถเพิ่มเติม (ถ้ามีได้จะดีมาก)
• บันทึกชุดรายชื่อนักเรียน
• บันทึกประวัติการจัดกลุ่ม
• ใช้ซ้ำในคาบถัดไปได้

สร้างระบบเว็บแอป “คลังสื่อการสอนออนไลน์ (Online Teaching Media Library)” สำหรับโรงเรียน ใช้งานได้ทั้งคอมพิวเตอร์และมือถือ ดีไซน์สะอาด ทันสมัย ใช้งานง่าย เน้นโทนการศึกษา

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

หน้าแรก

แสดงชื่อระบบ

ช่องค้นหาสื่อการสอน

หมวดหมู่สื่อ เช่น เอกสาร, วิดีโอ, ใบงาน, สไลด์, แบบทดสอบ

แสดงสื่อใหม่ล่าสุด / สื่อยอดนิยม

ระบบสมาชิก

ครูสมัครสมาชิก / เข้าสู่ระบบ

แยกสิทธิ์ ผู้ดูแลระบบ (Admin) และครูผู้สอน

ระบบอัปโหลดสื่อ

เพิ่มชื่อสื่อ

รายละเอียด

เลือกระดับชั้น

เลือกวิชา

อัปโหลดไฟล์ (PDF, รูปภาพ, วิดีโอ, ลิงก์ YouTube/Drive)

ใส่แท็กคำค้น

ระบบจัดการคลังสื่อ

แก้ไข / ลบสื่อ

จัดหมวดหมู่

ค้นหาและกรองตามวิชา/ระดับชั้น

หน้ารายละเอียดสื่อ

แสดงชื่อไฟล์

รายละเอียด

ผู้เผยแพร่

ปุ่มดาวน์โหลด / เปิดดูออนไลน์

แดชบอร์ดผู้ดูแล

จำนวนสื่อทั้งหมด

จำนวนผู้ใช้งาน

สื่อยอดนิยม

ดีไซน์:

โทนสีการศึกษา ทันสมัย

ใช้งานง่าย ปุ่มใหญ่ อ่านชัด

รองรับมือถือ (Responsive)

ผลลัพธ์ที่ต้องการ:
สร้างเป็นต้นแบบระบบเว็บ (Prototype) พร้อมหน้าจอหลักทั้งหมด เช่น หน้าแรก, อัปโหลด, คลังสื่อ, รายละเอียดสื่อ, แดชบอร์ดผู้ดูแล โดยเน้นการใช้งานจริงในโรงเรียน

คุณคือผู้พัฒนาระบบ Web Application สำหรับสถานศึกษา
ให้สร้าง “ระบบเลือกตั้งสภานักเรียนออนไลน์” ที่ใช้งานง่าย ทันสมัย และเหมาะกับโรงเรียน
โครงสร้างระบบต้องประกอบด้วย
1. หน้าเข้าสู่ระบบ
• แยกบทบาทผู้ใช้งาน: ผู้ดูแลระบบ / ครู / นักเรียน
• เข้าสู่ระบบด้วยรหัสนักเรียนหรืออีเมล
• ระบบตรวจสอบสิทธิ์ก่อนเข้าลงคะแนน
2. หน้าหลักระบบ
• แสดงข่าวประกาศการเลือกตั้ง
• แสดงวัน เวลา เริ่ม–สิ้นสุดการลงคะแนน
• แสดงจำนวนผู้มาใช้สิทธิ์แบบเรียลไทม์
3. ระบบจัดการผู้สมัคร
• เพิ่ม/แก้ไข/ลบ ผู้สมัคร
• ใส่รูปผู้สมัคร
• แสดงหมายเลขผู้สมัคร
• ระบุนโยบายสั้นๆ
4. ระบบจัดการผู้มีสิทธิ์เลือกตั้ง
• นำเข้ารายชื่อจากไฟล์ Excel/CSV
• แบ่งตามระดับชั้น/ห้อง
• ป้องกันการลงคะแนนซ้ำ
5. หน้าลงคะแนนเสียง
• แสดงรายชื่อผู้สมัครแบบการ์ด พร้อมรูป
• กดเลือกได้เพียง 1 คน
• มีปุ่มยืนยันการลงคะแนน
• แจ้งเตือนก่อนยืนยัน
• บันทึกข้อมูลแบบไม่เปิดเผยตัวตน
6. ระบบนับคะแนนอัตโนมัติ
• แสดงผลคะแนนแบบกราฟ
• แสดงอันดับผู้สมัคร
• อัปเดตแบบเรียลไทม์
7. หน้าสรุปผลการเลือกตั้ง
• ประกาศผู้ชนะ
• แสดงจำนวนผู้ใช้สิทธิ์
• Export รายงานเป็น PDF
8. Dashboard ผู้ดูแลระบบ
• ภาพรวมการเลือกตั้ง
• จำนวนผู้ลงคะแนน
• จัดการผู้สมัคร/ผู้ใช้
• เปิด–ปิดระบบลงคะแนน
การออกแบบ
• โทนทันสมัย สีสุภาพ เหมาะกับสถานศึกษา
• ใช้งานง่ายบนมือถือและคอมพิวเตอร์
• ปุ่มขนาดใหญ่ ตัวอักษรอ่านง่าย
• เน้นความโปร่งใส ตรวจสอบได้
เทคโนโลยี (กำหนดแนวคิดระบบ)
• ฐานข้อมูลเก็บคะแนน
• ระบบรักษาความปลอดภัยข้อมูลผู้ใช้
• ป้องกันการโหวตซ้ำ
• บันทึก Log การใช้งาน
ผลลัพธ์ที่ต้องการจาก Canva AI
• โครงหน้าเว็บครบทุกหน้า
• ตัวอย่าง UI ระบบ
• โครงสร้างฟีเจอร์พร้อมใช้งานจริง
• พร้อมนำไปพัฒนาต่อยอดได้ทันที

สร้าง Web Application ระบบรายงานการประเมินตนเองครูผู้สอน (Self Study Report : SSR) สำหรับโรงเรียน ใช้งานผ่านเว็บ รองรับมือถือและคอมพิวเตอร์ โดยมีโครงสร้างและฟังก์ชันดังนี้

1) คุณสมบัติหลักของระบบ
• เป็นระบบกรอกข้อมูลออนไลน์ แทนการใช้ไฟล์ Word
• ครูล็อกอินเข้าใช้งานด้วยบัญชีของโรงเรียน
• บันทึกข้อมูลอัตโนมัติ
• แก้ไขข้อมูลย้อนหลังได้
• สร้างรายงานสรุปเป็น PDF / Word
• ผู้บริหารสามารถเข้าดูรายงานและให้ความเห็นได้
• มี Dashboard สรุปผลภาพรวมครูทั้งโรงเรียน

⸻

2) โครงสร้างเมนูระบบ

เมนูที่ 1 : ข้อมูลพื้นฐานครู
ฟอร์มกรอกข้อมูล
• ชื่อ-สกุล
• ตำแหน่ง / วิทยฐานะ
• กลุ่มสาระการเรียนรู้
• อายุราชการ / ประสบการณ์สอน
• ประวัติการศึกษา
• ผลงาน / รางวัล
• การอบรม / สัมมนา / ศึกษาดูงาน

⸻

เมนูที่ 2 : ภารกิจที่ได้รับมอบหมาย
2.1 ภารกิจการสอน
• วิชา / รหัสวิชา
• ระดับชั้น
• ชั่วโมงสอน
• จำนวนนักเรียน
• นักเรียนเรียนร่วม

2.2 กิจกรรมพัฒนาผู้เรียน
• ชุมนุม / แนะแนว
• ชั่วโมงต่อสัปดาห์

2.3 งานพิเศษ/งานบริหาร
• ฝ่าย/งาน
• รายละเอียดหน้าที่

2.4 ภารกิจตามมาตรฐานการศึกษา
• กรอกค่าเป้าหมาย
• ผลการดำเนินงานเชิงปริมาณ
• ผลเชิงคุณภาพ

⸻

เมนูที่ 3 : ผลการดำเนินงาน
3.1 ผลสัมฤทธิ์ทางการเรียน
• ตารางกรอกเกรดนักเรียน
• ระบบคำนวณอัตโนมัติ (ร้อยละ เกรด 3 ขึ้นไป)

3.2 กิจกรรมพัฒนาผู้เรียน
• ผ่าน/ไม่ผ่าน
• คำนวณร้อยละ

3.3 การอ่าน คิด วิเคราะห์ เขียน
3.4 คุณลักษณะที่พึงประสงค์
3.5 สมรรถนะผู้เรียน
• ระบบคำนวณระดับดีขึ้นไปอัตโนมัติ

3.6 เปรียบเทียบปีการศึกษา
• ปี 2566 vs 2567
• แสดงกราฟ

3.7 ผลงานนักเรียน
• แข่งขัน
• ค่าย
• แหล่งเรียนรู้
• วิทยากร
• วิจัยในชั้นเรียน

⸻

เมนูที่ 4 : แนวทางพัฒนาปีถัดไป
• ปัญหาเร่งด่วน
• แนวทางแก้ไข
• โครงการพัฒนา

⸻

เมนูที่ 5 : ภาคผนวก
อัปโหลดไฟล์
• ตารางสอน
• คำสั่งงาน
• เกียรติบัตร
• ภาพกิจกรรม

⸻

3) สิทธิ์ผู้ใช้งาน

ครู
• กรอกข้อมูล
• บันทึก/แก้ไข
• สร้างรายงาน

รองผู้อำนวยการ
• ดูรายงานครู
• เขียนความเห็น

ผู้อำนวยการ
• อนุมัติ
• ลงนามดิจิทัล

Admin
• จัดการผู้ใช้
• ดู Dashboard โรงเรียน

⸻

4) Dashboard อัตโนมัติ

แสดงผล
• ร้อยละผลสัมฤทธิ์ครูแต่ละคน
• ผลตามมาตรฐานการศึกษา
• เปรียบเทียบปีการศึกษา
• Top performance

⸻

5) ฟีเจอร์ AI ช่วยเขียนรายงาน
• สรุปผลการสอนอัตโนมัติ
• วิเคราะห์จุดเด่น/จุดพัฒนา
• เสนอแนวทางพัฒนาปีถัดไป

⸻

6) รูปแบบระบบ
• Modern UI
• โทนราชการเรียบง่าย
• ใช้งานง่าย
• รองรับมือถือ
• Export PDF พร้อมตราโรงเรียน

⸻

7) เทคโนโลยีที่แนะนำ
• Frontend: HTML / Tailwind / React
• Backend: Firebase หรือ PHP + MySQL
• PDF: Auto generate

⸻

8) เป้าหมายระบบ
• ลดงานเอกสาร
• ครูกรอกครั้งเดียวใช้ทั้งปี
• ผู้บริหารเห็นข้อมูลจริง
• ใช้ประกันคุณภาพได้ทันที

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

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

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

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

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

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

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

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

คุณคือ AI นักออกแบบระบบสารสนเทศทางการศึกษา
ช่วยออกแบบ "Teacher Dashboard System" สำหรับผู้สอนระดับโรงเรียน

วัตถุประสงค์ของระบบ:
- ให้ครูเห็นภาพรวมการเรียนการสอนในที่เดียว
- ลดภาระงานเอกสาร
- ติดตามผลการเรียนและพฤติกรรมนักเรียนแบบ Real-time

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

1. ส่วนภาพรวม (Overview)
- จำนวนห้องเรียนที่รับผิดชอบ
- จำนวนนักเรียนทั้งหมด
- งานที่มอบหมายทั้งหมด
- งานที่ยังไม่ส่ง / ส่งล่าช้า
- สถิติการเข้าเรียน (เป็นเปอร์เซ็นต์)

2. ส่วนติดตามการส่งงาน
- ตารางแสดงรายชื่อนักเรียน
- สถานะการส่งงาน (ส่งแล้ว / ยังไม่ส่ง / ส่งช้า)
- วันที่ส่งงาน
- คะแนนที่ได้
- ไอคอนแจ้งเตือนงานค้าง

3. ส่วนผลการเรียน
- กราฟคะแนนเฉลี่ยรายห้อง
- กราฟเปรียบเทียบคะแนนก่อน-หลัง
- นักเรียนคะแนนสูงสุด / ต่ำสุด
- ตัวกรองรายวิชาและห้องเรียน

4. ส่วนการเข้าเรียน
- สรุปการมาเรียน ขาด ลา สาย
- แสดงเป็นกราฟแท่งหรือวงกลม
- แจ้งเตือนนักเรียนที่ขาดเรียนบ่อย

5. ส่วนแจ้งเตือน (Notification)
- แจ้งเตือนงานที่ยังไม่ส่ง
- แจ้งเตือนนักเรียนที่มีความเสี่ยง
- แจ้งเตือนกำหนดส่งงานใกล้ถึง

6. ส่วนเครื่องมือครู
- ปุ่มเพิ่มงาน
- ปุ่มบันทึกคะแนน
- ปุ่มส่งอีเมล / แจ้งเตือนนักเรียน
- ปุ่มดาวน์โหลดรายงาน (PDF / Excel)

รูปแบบการออกแบบ:
- โทนสีสุภาพ ใช้ได้กับหน่วยงานราชการ
- UI เรียบง่าย อ่านง่าย
- เหมาะกับการใช้งานบนคอมพิวเตอร์และแท็บเล็ต
- ใช้ Infographic และ Data Visualization

ผลลัพธ์ที่ต้องการ:
- Layout Dashboard พร้อมคำอธิบายแต่ละส่วน
- ตัวอย่างหน้าจอ Dashboard
- สามารถนำไปพัฒนาเป็น Web App หรือระบบจริงได้

ออกแบบระบบ “สุ่มคำถาม/โจทย์แบบอัตโนมัติ” สำหรับใช้ในการเรียนการสอน
โดยมีรายละเอียดดังนี้
1. หน้าหลักระบบ

• ชื่อระบบ: ระบบสุ่มคำถามอัตโนมัติ (Random Question Generator)
• คำอธิบายสั้น ๆ ว่าใช้สำหรับสุ่มคำถาม/โจทย์เพื่อฝึกทักษะหรือประเมินผล

2. ส่วนกำหนดเงื่อนไข

• เลือกระดับชั้น (ประถม / ม.ต้น / ม.ปลาย)
• เลือกรายวิชา (คณิตศาสตร์ / วิทยาศาสตร์ / ภาษาไทย / ภาษาอังกฤษ / คอมพิวเตอร์)
• เลือกระดับความยาก (ง่าย / ปานกลาง / ยาก)
• จำนวนข้อที่ต้องการสุ่ม

3. รูปแบบคำถาม

• ปรนัย (4 ตัวเลือก)
• อัตนัย
• ถูก–ผิด

4. การแสดงผล

• แสดงคำถามที่สุ่มได้ทีละข้อหรือทั้งหมด
• มีปุ่ม “สุ่มใหม่”
• มีพื้นที่สำหรับให้นักเรียนตอบคำถาม

5. ฟีเจอร์เสริม

• แสดงเฉลย (เปิด–ปิดได้)
• แสดงคะแนนอัตโนมัติ (กรณีปรนัย/ถูก–ผิด)
• เหมาะสำหรับใช้บนคอมพิวเตอร์และมือถือ

ออกแบบให้อินเทอร์เฟซเรียบง่าย ใช้งานง่าย เหมาะสำหรับครูและนักเรียน
ใช้โทนสีสุภาพ แบบระบบการศึกษา สามารถนำไปพัฒนาต่อเป็นระบบออนไลน์ได้จริง