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

คุณคือผู้ช่วย AI ด้านการออกแบบระบบดิจิทัลเพื่อการศึกษา
กรุณาสร้างระบบ “รับสมัครสภานักเรียน โรงเรียนแม่จันวิทยาคม ปีการศึกษา 2569”
โดยออกแบบในลักษณะ ฟอร์มออนไลน์ใช้งานง่าย เหมาะกับนักเรียนระดับมัธยมศึกษา
ใช้งานผ่าน Canva และสามารถเชื่อมต่อ Google Sheet และ Google Drive ได้

🔹 ข้อมูลทั่วไปของระบบ

ชื่อระบบ: ระบบสมัครสภานักเรียน โรงเรียนแม่จันวิทยาคม

ปีการศึกษา: 2569

รูปแบบ: ฟอร์มออนไลน์ (Responsive ใช้งานได้ทั้งมือถือและคอมพิวเตอร์)

โทนสี: เหลืองอ่อน – ขาว – น้ำเงิน (สไตล์การศึกษา)

ภาษา: ภาษาไทยทางการ อ่านง่าย เป็นมิตร

🔹 ข้อมูลที่ต้องเก็บ (แบ่งเป็นส่วน)
1️⃣ ข้อมูลพรรค

ชื่อพรรค (ช่องกรอกข้อความ)

สโลแกนพรรค (ถ้ามี)

แนวคิด / นโยบายโดยสรุป

2️⃣ ข้อมูลหัวหน้าพรรค

คำนำหน้า (เด็กชาย / เด็กหญิง / นาย / นางสาว)

ชื่อ

นามสกุล

ระดับชั้น (ม.1 – ม.6)
ห้อง 1-11

รูปภาพหัวหน้าพรรค (อัปโหลดไฟล์ภาพ)

3️⃣ ข้อมูลสมาชิกพรรค

จำนวนสมาชิก ไม่เกิน 20 คน

สำหรับสมาชิกแต่ละคน ให้มีข้อมูลดังนี้

คำนำหน้า

ชื่อ

นามสกุล

ระดับชั้น
ห้อง 1-11

รูปภาพสมาชิก (อัปโหลดภาพรายบุคคล)

ระบบต้องสามารถเพิ่ม/ลดจำนวนสมาชิกได้อัตโนมัติ แต่จำกัดสูงสุดไม่เกิน 20 คน

🔹 การจัดการข้อมูล

บันทึกข้อมูลทั้งหมดลง Google Sheet

แยก Sheet เป็น

ข้อมูลพรรค

ข้อมูลหัวหน้าพรรค

ข้อมูลสมาชิก

จัดเก็บไฟล์รูปภาพทั้งหมดลง Google Drive

แยกโฟลเดอร์ตามชื่อพรรค

ตั้งชื่อไฟล์อัตโนมัติ เช่น
ชื่อพรรค_ชื่อ-นามสกุล.jpg

🔹 ฟังก์ชันเพิ่มเติม

ตรวจสอบความครบถ้วนของข้อมูลก่อนส่ง

แจ้งเตือนเมื่ออัปโหลดรูปภาพไม่ครบ

แสดงข้อความยืนยัน “สมัครเรียบร้อยแล้ว”

แสดงหมายเลขพรรค (หากมีการกำหนดภายหลัง)

🔹 ผลลัพธ์ที่ต้องการจาก Canva AI

โครงสร้างหน้าแบบฟอร์ม (Section ชัดเจน)

ข้อความแนะนำแต่ละช่อง (Placeholder)

ข้อความอธิบายขั้นตอนการสมัคร

ปุ่ม “ส่งใบสมัคร”

พร้อมคำอธิบายการเชื่อมต่อ Google Sheet และ Google Drive สำหรับผู้ดูแลระบบ

คุณคือผู้เชี่ยวชาญด้าน Google Workspace for Education และ Google Apps Script
กรุณาออกแบบ “ระบบติดตามงานฝ่ายบริหารโรงเรียน”
โดยใช้ Google Sheets เป็นฐานข้อมูล และ Google Apps Script เป็นระบบควบคุม

🎯 วัตถุประสงค์ของระบบ
- ใช้ติดตามงานของฝ่ายบริหารโรงเรียน
- ใช้แทนการติดตามงานด้วยเอกสารกระดาษ / LINE / โทรศัพท์
- ผู้บริหารสามารถเห็นภาพรวมงานทั้งหมดแบบ Dashboard
- ครูและบุคลากรสามารถรายงานความคืบหน้าได้ง่าย

📌 โครงสร้างระบบ (ขออธิบายเป็นขั้นตอน)

1️⃣ โครงสร้าง Google Sheets
ให้สร้างชีตดังนี้
- Sheet: Task_List
- เลขที่งาน (Auto ID)
- วันที่มอบหมายงาน
- ชื่องาน
- รายละเอียดงาน
- ฝ่าย/กลุ่มงาน (เช่น วิชาการ / บุคคล / งบประมาณ / ทั่วไป)
- ผู้รับผิดชอบ
- ผู้มอบหมาย
- วันที่เริ่มต้น
- กำหนดส่ง
- ระดับความเร่งด่วน
- สถานะงาน (รอดำเนินการ / กำลังดำเนินการ / เสร็จสิ้น / ล่าช้า)
- ความคืบหน้า (%)
- หมายเหตุ
- ลิงก์เอกสารประกอบ

- Sheet: Users
- ชื่อ-สกุล
- ตำแหน่ง
- บทบาท (ผู้บริหาร / หัวหน้าฝ่าย / ครู / เจ้าหน้าที่)
- อีเมล

- Sheet: Log
- วันที่
- เลขที่งาน
- ผู้แก้ไข
- รายการที่แก้ไข

2️⃣ Web Application (เชื่อมกับ Apps Script)
- แบบฟอร์มเพิ่มงานใหม่
- แบบฟอร์มรายงานความคืบหน้า

3️⃣ ฟังก์ชัน Google Apps Script
ขอให้เขียนตัวอย่างโค้ดสำหรับ
- สร้างเลขที่งานอัตโนมัติ
- บันทึกข้อมูลลง Google Sheets
- อัปเดตสถานะงาน
- คำนวณ % ความคืบหน้า
- บันทึก Log ทุกครั้งที่มีการแก้ไข
- ส่งแจ้งเตือนอีเมลเมื่อ
- มีงานใหม่
- งานใกล้ครบกำหนด
- งานล่าช้า

4️⃣ Dashboard (ผู้บริหาร)
อธิบายแนวทางสร้าง Dashboard ด้วย
- งานทั้งหมด
- งานตามสถานะ
- งานตามฝ่าย
- งานใกล้ครบกำหนด
- งานล่าช้า
(ใช้กราฟ + ตัวกรอง)

5️⃣ สิทธิ์การใช้งาน
- ผู้บริหาร: ดู/แก้ไขทุกงาน
- หัวหน้าฝ่าย: ดูเฉพาะฝ่ายตนเอง
- ครู/เจ้าหน้าที่: แก้ไขเฉพาะงานที่รับผิดชอบ

6️⃣ ความสามารถเพิ่มเติม (Optional)
- เชื่อม LINE Messanging หรือ Email
- สีสถานะงานอัตโนมัติ
- ค้นหางานด้วยชื่อหรือเลขที่
- Export รายงานเป็น PDF รายเดือน

📌 รูปแบบคำตอบที่ต้องการ
- อธิบายเป็นขั้นตอน
- แยกหัวข้อชัดเจน
- มีตัวอย่างโค้ด Google Apps Script
- สามารถนำไปพัฒนาต่อได้จริง

สร้างระบบติดตามงานโครงการในโรงเรียน (School Project Tracking System) โดยใช้งานผ่านเว็บที่สร้างใน Canva Website พร้อมเชื่อมต่อ Google Apps Script และ Google Sheets ให้ทำงานแบบ Real-time

✨ ฟีเจอร์ที่ต้องการ
1. หน้าฟอร์มกรอกข้อมูลโครงการ
• ชื่อโครงการ
• เจ้าของโครงการ / ผู้รับผิดชอบ
• แผนก/กลุ่มสาระ
• วันที่เริ่ม – วันที่สิ้นสุด
• เป้าหมายของโครงการ
• สถานะ (วางแผน / กำลังดำเนินการ / เสร็จสิ้น)
• ความคืบหน้า (%)
• ปัญหา/อุปสรรค
• ไฟล์แนบ (ลิงก์ Google Drive)
2. Dashboard สำหรับแสดงผล
• ตารางโครงการทั้งหมด
• ตัวกรองสถานะ
• ตัวกรองกลุ่มสาระ
• แถบแสดงความคืบหน้าเป็น Progress bar
• สรุปสถิติ เช่น
• จำนวนโครงการทั้งหมด
• จำนวนโครงการที่เสร็จแล้ว
• จำนวนโครงการที่อยู่ระหว่างดำเนินการ

🎨 งานที่ต้องการจาก Gemini Canvas
• ออกแบบหน้าเว็บโทนโรงเรียน สีสุภาพ ทันสมัย
• ออกแบบ UI หน้าฟอร์ม และหน้า Dashboard
• สร้างไฟล์องค์ประกอบ เช่น ปุ่ม, กล่องฟอร์ม, ตาราง, การ์ดข้อมูล
• แนะนำโครงสร้างโฟลเดอร์ที่ใช้เก็บไฟล์ (ถ้ามี)

🧩 ต้องการโค้ด Google Apps Script
• ทำงานกับ Google Sheet ชื่อ “ProjectTracking”
• ฟังก์ชันบันทึกข้อมูลจากฟอร์ม
• ฟังก์ชันดึงข้อมูลทั้งหมด (GET)
• ฟังก์ชันทดลองปรับสถานะและความคืบหน้า
• ทำ Web App ให้ฟอร์มส่งข้อมูลง่าย

🎯 ตัวอย่าง API ที่ต้องการให้สร้าง
• POST /addProject
• GET /getAll
• POST /updateProgress

ช่วยออกแบบ UI + สร้างคำอธิบายระบบ + จัดวางองค์ประกอบทั้งหมด พร้อมตัวอย่างโค้ด Google Apps Script ให้ครบถ้วน เพื่อให้สามารถนำไปสร้างเว็บจริงด้วย Canva และเชื่อมกับ Apps Script ได้ทันที

ออกแบบหน้า Dashboard ของ “ระบบคลังข้อสอบออนไลน์ (Online Exam Bank System)”
ให้สวยงาม ทันสมัย โทนสีฟ้า–น้ำเงิน แบบ Professional UI พร้อมไอคอนเชิงการศึกษา

องค์ประกอบที่ต้องมีในหน้าออกแบบ:
1. ส่วนหัวระบบ (Header)
- ชื่อระบบ: “ระบบคลังข้อสอบออนไลน์”
- คำอธิบาย: ศูนย์รวมข้อสอบทุกระดับชั้น ค้นหา ดาวน์โหลด และจัดการด้วย Google Sheets + Google Apps Script
- ไอคอนรูปหนังสือ ข้อสอบ หรือดิจิทัลไลบรารี

2. เมนูหลัก (Main Menu)
- ค้นหาข้อสอบ
- เพิ่มข้อสอบใหม่
- จัดการหมวดหมู่
- ประวัติการใช้งาน
- ระบบผู้ใช้/สิทธิ์การเข้าถึง

3. ส่วนแสดง “ฟอร์มค้นหาข้อสอบ”
- เลือกระดับชั้น: ป.1-ม.6
- เลือกวิชา: คณิตศาสตร์ วิทยาศาสตร์ ภาษาไทย อังกฤษ สังคม ฯลฯ
- เลือกประเภทข้อสอบ: ปลายภาค กลางภาค แบบฝึกหัด Pre-test Post-test
- ปุ่ม “ค้นหาข้อสอบ”
- ปุ่ม “ดาวน์โหลด PDF”

4. ส่วนแสดงผลลัพธ์ข้อสอบ (Result List)
- การ์ดข้อสอบ / ตารางแสดงรายการ
- ชื่อชุดข้อสอบ
- ระดับชั้น / วิชา
- ปีการศึกษา
- ปุ่มดาวน์โหลด
- ปุ่มเปิดดูข้อสอบ

5. แถบ Footer
- “ระบบทำงานร่วมกับ Google Sheets + Google Apps Script”
- ไอคอนคลาวด์หรือสคริปต์

เพิ่มเติมสำหรับภาพ:
- ทำสไตล์ UI Dashboard แบบทันสมัย Minimal Clean
- ใช้กราฟิกแสดงการเชื่อมต่อ Google Sheets และ Apps Script เช่น เส้นเชื่อม / ไอคอนสคริปต์
- วางภาพตัวอย่างสเปรดชีทจำลองสำหรับ “ฐานข้อมูลคลังข้อสอบ”
- ทำให้เหมือน Mockup ระบบจริงพร้อม UI ปุ่มและฟอร์มครบถ้วน

สร้างหน้าเว็บจำลองสำหรับระบบ "พิมพ์ข้อความแล้วแสดงผลเป็นรูปภาพ" (Text-to-Image Display System)
โดยใช้รูปจากลิงก์นี้เป็นภาพพื้นหลังทั้งหน้า:

กำหนดรูปแบบดังนี้:

1. โครงสร้างหน้าเว็บ
- Header ด้านบน ชื่อระบบ: “Text-to-Image Generator”
- พื้นหลังใช้ภาพจากลิงก์ (ให้ Canva ใส่แบบเต็มหน้าและลดความทึบ/ใส่ overlay บางๆ เพื่อให้ตัวหนังสืออ่านชัดเจน)

2. กล่อง Input (Text Input Area)
- ป้ายกำกับ: “พิมพ์ข้อความที่ต้องการให้แสดงเป็นรูปภาพ”
- กล่องข้อความสีขาวโปร่ง (Semi-transparent)

3. ปุ่ม Generate
- ปุ่มเด่นชัด ข้อความ: “แสดงผลเป็นรูปภาพ”
- โทนสีเข้ากับพื้นหลัง เช่น ฟ้า/ม่วง/ขาว

4. พื้นที่แสดงผล (Output Image Area)
- กรอบสี่เหลี่ยมแสดงตัวอย่างภาพที่สร้างจากข้อความ
- ใส่ placeholder เช่น “ผลลัพธ์จะแสดงที่นี่”

5. โทนสีและสไตล์
- โมเดิร์น มินิมอล UI/UX
- ฟอนต์ทันสมัย อ่านง่าย
- จัดวางองค์ประกอบให้เหมือนระบบเว็บจริง

6. คำสั่งเพิ่มเติม
- ใช้ภาพพื้นหลังจากลิงก์ตามจริง ใส่ลิงค์ URL ของพื้นหลังภาพ
- หากจำเป็นให้เติม overlay เข้ม 20–40% เพื่อช่วยให้อ่านตัวหนังสือได้ง่าย

สร้างเทมเพลตระบบงานประชุมและบันทึกการประชุม (Meeting & Minutes System) ในรูปแบบอินโฟกราฟิก/แดชบอร์ดที่ใช้งานง่าย ทันสมัย และเป็นมิตรมากขึ้น เน้นโทนสีฟ้า–น้ำเงิน–ขาว แบบมินิมอล พร้อมไอคอนประกอบ

องค์ประกอบที่ต้องมี:
1. หน้าปก “ระบบงานประชุม / บันทึกการประชุม”
2. ฟอร์มบันทึกข้อมูลการประชุม
- หัวข้อการประชุม
- วันที่ เวลา สถานที่
- ผู้เข้าร่วม / ผู้ไม่เข้าร่วม
- วาระที่ 1 เรื่องแจ้งเพื่อทราบ
- วาระที่ 2 รับรองรายงานประชุมครั้งก่อน
- วาระที่ 3 เรื่องสืบเนื่อง
- วาระที่ 4 เรื่องเสนอเพื่อพิจารณา
- วาระที่ 5 เรื่องอื่น ๆ
- สรุปการประชุม / มติ
- ผู้บันทึก / ผู้รับรอง
3. หน้าสรุปภาพรวมการประชุม 1 หน้า
- งานที่ต้องทำ (To-Do)
- ผู้รับผิดชอบ
- กำหนดส่งงาน
4. จัดหน้าแบบเป็นระบบ ใช้กรอบสี่เหลี่ยม ไอคอน และช่องกรอกข้อมูล
5. ใช้ฟอนต์อ่านง่าย เช่น Prompt, Sarabun, หรือฟอนต์มินิมอล
6. เพิ่มพื้นที่สำหรับใส่โลโก้หน่วยงาน/โรงเรียนที่มุมบน

รูปแบบโดยรวม: สไตล์โปรเฟสชันแนล สะอาดตา พร้อมใช้งานจริง สามารถดาวน์โหลดเป็น PDF หรือใช้พิมพ์บันทึกประชุมได้

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

หัวข้อหลักที่ต้องมี:
• ส่วนหัว (ชื่อโรงเรียน / ระบุวัน เดือน ปี)
• ข้อมูลงานประจำวันของครู
• รายวิชาที่สอนวันนี้ + เวลาเรียน
• งานที่มอบหมายให้นักเรียน
• บันทึกการสอน (Teaching Notes)
• ปัญหาที่พบและการแก้ไข
• งานเอกสาร/งานประจำวันอื่น ๆ
• งานพิเศษที่ได้รับมอบหมาย
• เช็กลิสต์งาน (Checklist)
• สรุปผลการปฏิบัติงานประจำวัน

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

“ออกแบบให้นำไปใช้จริงได้ทันที ทั้งพิมพ์ลงกระดาษและใช้แบบดิจิทัล”

⸻

✅ ถ้าต้องการแบบ “ระบบสรุปอัตโนมัติ” ให้เพิ่มบรรทัดนี้

เพิ่มหน้า Dashboard สรุปงาน เช่น จำนวนคาบสอน งานค้าง งานเสร็จแล้ว และพื้นที่ลงบันทึกสั้น ๆ ของแต่ละวัน

“สร้างหน้า 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 จริง พร้อมองค์ประกอบครบถ้วน”