Logo

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

prompthub.krudevtech.com

แหล่งรวม Prompt

สำหรับครูและนักพัฒนา

ค้นพบ Prompt ที่หลากหลายเพื่อช่วยในการสอน การสร้างสื่อ การจัดการเรียนการสอน และการทำงานอย่างมีประสิทธิภาพ

หมวดหมู่ Prompt

ระบบรายงานโครงการแบบครบวงจร
ระบบ

ระบบรายงานโครงการแบบครบวงจร

ออกแบบระบบรายงานโครงการแบบครบวงจร
ใช้งานง่าย เหมาะสำหรับครู นักเรียน และหน่วยงานราชการ

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

1. หน้าปกโครงการ
- ชื่อโครงการ
- หน่วยงาน / โรงเรียน
- ปีงบประมาณ / ปีการศึกษา
- ภาพประกอบโครงการ

2. บทที่ 1 บทนำ
- หลักการและเหตุผล
- วัตถุประสงค์ของโครงการ
- กลุ่มเป้าหมาย
- ขอบเขตการดำเนินงาน

3. บทที่ 2 รายละเอียดโครงการ
- แผนการดำเนินงาน (ตาราง)
- ระยะเวลาดำเนินโครงการ
- ผู้รับผิดชอบ
- งบประมาณ (ตารางสรุป)

4. บทที่ 3 วิธีดำเนินงาน
- ขั้นตอนการดำเนินโครงการ
- เครื่องมือที่ใช้
- วิธีการประเมินผล

5. บทที่ 4 ผลการดำเนินงาน
- ผลลัพธ์เชิงปริมาณ (ตาราง / กราฟ)
- ผลลัพธ์เชิงคุณภาพ
- ภาพกิจกรรมประกอบ

6. บทที่ 5 สรุป อภิปรายผล และข้อเสนอแนะ
- สรุปผลการดำเนินงาน
- ปัญหาและอุปสรรค
- ข้อเสนอแนะเพื่อพัฒนาในอนาคต

7. ภาคผนวก
- เอกสารที่เกี่ยวข้อง
- ภาพกิจกรรมเพิ่มเติม

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

ระบบแจ้งผลสอบอัตโนมัติ LINE Messaging API + Telegram
ระบบ

ระบบแจ้งผลสอบอัตโนมัติ LINE Messaging API + Telegram

ช่วยออกแบบระบบแจ้งผลสอบอัตโนมัติ
ชื่อโรงเรียน xxx
ปีการศึกษา xxx ภาคเรียน xxx

ใช้ร่วมกับระบบสอบออนไลน์
และเชื่อมต่อแพลตฟอร์มแจ้งเตือนดังนี้
- LINE Messaging API
- Telegram Bot API

────────────────────
1) ข้อมูลพื้นฐานระบบแจ้งเตือน
────────────────────
- ใช้ LINE Messaging API สำหรับผู้ปกครอง / นักเรียน
- ใช้ Telegram สำหรับครูผู้สอน / ผู้ดูแลระบบ
- เก็บ Token / Channel ID / Chat ID ในระบบอย่างปลอดภัย

────────────────────
2) ข้อมูลที่ใช้ในการแจ้งผลสอบ
────────────────────
- รหัสนักเรียน
- ชื่อ – นามสกุล
- ชั้น / ห้อง
- รายวิชา
- คะแนนที่ได้
- คะแนนเต็ม
- สถานะ (ผ่าน / ไม่ผ่าน)
- วันที่สอบ

────────────────────
3) รูปแบบข้อความแจ้งเตือน (LINE)
────────────────────
แจ้งผลสอบรายบุคคล โดยใช้ข้อความสุภาพ
ตัวอย่างรูปแบบข้อความ:

"📌 แจ้งผลการสอบ
ชื่อ: xxx
ชั้น: xxx
รายวิชา: xxx
คะแนน: xx / xx
สถานะ: xxx
ขอให้นักเรียนตรวจสอบผลการเรียนอย่างสม่ำเสมอ"

────────────────────
4) รูปแบบข้อความแจ้งเตือน (Telegram)
────────────────────
แจ้งผลสอบแบบสรุปให้ครู / ผู้ดูแล
ตัวอย่างข้อความ:

"📊 สรุปผลสอบ
รายวิชา: xxx
ชั้น: xxx
จำนวนนักเรียนเข้าสอบ: xx คน
ผ่าน: xx คน
ไม่ผ่าน: xx คน
คะแนนเฉลี่ย: xx"

────────────────────
5) เงื่อนไขการส่งแจ้งเตือน
────────────────────
- ส่งอัตโนมัติเมื่อครูกดปุ่ม “ประกาศผลสอบ”
- เลือกได้ว่าจะส่ง
• รายบุคคล
• รายห้อง
• ทั้งระดับชั้น
- ส่งซ้ำได้หากมีการแก้ไขคะแนน

────────────────────
6) ระบบความปลอดภัย
────────────────────
- ไม่แสดงข้อมูลนักเรียนคนอื่น
- จำกัดสิทธิ์การส่งแจ้ง

ระบบสอบออนไลน์สำหรับทั้งโรงเรียน
แบบทดสอบ

ระบบสอบออนไลน์สำหรับทั้งโรงเรียน

ช่วยออกแบบระบบสอบออนไลน์สำหรับทั้งโรงเรียน
ชื่อโรงเรียน xxx
ปีการศึกษา xxx ภาคเรียน xxx

โครงสร้างระบบหลัก
แบ่งผู้ใช้งานเป็น 3 ระดับ
1) ผู้ดูแลระบบ (Admin โรงเรียน)
2) ครูผู้สอน
3) นักเรียน

────────────────────
1) ระบบผู้ดูแล (Admin)
────────────────────
- จัดการข้อมูลพื้นฐานของโรงเรียน
- เพิ่ม / แก้ไข / ลบ รายวิชา
- กำหนดระดับชั้น ห้องเรียน
- จัดการบัญชีครูผู้สอน
- ดูรายงานภาพรวมการสอบทั้งโรงเรียน
- Export คะแนนเป็นไฟล์ (เช่น Google Sheet / Excel)

────────────────────
2) ระบบครูผู้สอน
────────────────────
- สร้างข้อสอบออนไลน์
- เลือกรูปแบบข้อสอบ
• ปรนัย
• อัตนัย
• ผสม
- กำหนดคะแนนต่อข้อ
- กำหนดเวลาสอบ (จับเวลาอัตโนมัติ)
- ตั้งค่าเปิด–ปิดการสอบตามวันและเวลา
- สุ่มคำถาม
- สุ่มตัวเลือก
- อัปโหลด / กรอกชุดคำถามเอง
- ใส่เฉลยสำหรับตรวจอัตโนมัติ
- ตรวจข้อสอบอัตนัย
- ดูผลคะแนนรายบุคคล / รายห้อง / รายวิชา

────────────────────
3) ระบบนักเรียน
────────────────────
ข้อมูลผู้เข้าสอบ (บังคับกรอก)
- รหัสนักเรียน
- คำนำหน้า
- ชื่อ
- นามสกุล
- เลขที่
- ชั้น / ห้อง

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

────────────────────
4) ระบบป้องกันการทุจริต
────────────────────
- ตรวจจับการสลับแท็บ
- ตรวจจับการออกจากหน้าจอ
- หากสลับแท็บ / แคปหน้าจอ → ส่งข้อสอบทันที
- ปิดคลิกขวา
- ปิด Copy / Paste
- แสดงคำเตือนก่อนเริ่มสอบ

────────────────────
5) ระบบหลังสอบ
────────────────────
- ปรนัยตรวจอัตโนมัติ
- อัตนัยให้ครูตรวจ
- สรุปคะแนนทันทีหลังสอบ
- บันทึกข้อมูลการสอบทั้งหมด
- แสดงรายงานผลในรูปแบบตารางและกราฟ
- แยกข้อมูลตาม
• ระดับชั้น
• ห้อง
• รายวิชา
• ครูผู้สอน

────────────────────
6) การออกแบบหน้าจอ
────────────────────
- เหมาะสำหรับนักเรียนทุกระดับ
- ตัวอักษรอ่านง่าย
- ใช้งานได้บนคอมพิวเตอร์ แท็บเล็ต และมือถือ
- โทนสีสุภาพ เป็นทางการ

สร้างระบบนี้ในรูปแบบ
Canva AI / Canva Code / Website
พร้อมโครงสร้างที่สามารถต่อยอดเชื่อม
Google Sheet, Google Drive หรือระบบแจ้งเตือนภายนอกได้

ระบบข้อสอบออนไลน์พร้อมระบบป้องกันการทุจริต
แบบทดสอบ

ระบบข้อสอบออนไลน์พร้อมระบบป้องกันการทุจริต

ช่วยสร้างข้อสอบออนไลน์
รายวิชา xxx
รหัสวิชา xxx
ระดับชั้น xxx
ภาคเรียนที่ xxx ปีการศึกษา xxx

รูปแบบข้อสอบ
- คะแนนรวม xx คะแนน
- เวลาสอบ xx นาที (จับเวลาอัตโนมัติ)

ตอนที่ 1 ข้อสอบปรนัย
- จำนวน xx ข้อ
- ตัวเลือก 4 ตัวเลือก (ก ข ค ง)
- สุ่มลำดับคำถาม
- สุ่มลำดับตัวเลือก
- ตรวจคำตอบอัตโนมัติ

ตอนที่ 2 ข้อสอบอัตนัย
- จำนวน xx ข้อ
- ให้พิมพ์คำตอบแบบย่อหน้า
- สำหรับให้ครูตรวจภายหลัง

ข้อมูลผู้เข้าสอบ (ต้องกรอกก่อนเริ่มสอบ)
- รหัสนักเรียน
- คำนำหน้า (เด็กชาย / เด็กหญิง / นาย / นางสาว)
- ชื่อ
- นามสกุล
- เลขที่
- ห้อง / ชั้น

ระบบป้องกันการทุจริต
- หากสลับแท็บ หรือออกจากหน้าจอ ให้ส่งข้อสอบทันที
- ปิดคลิกขวา
- ปิดการคัดลอก (Copy / Paste)
- แสดงคำเตือนก่อนเริ่มทำข้อสอบ

การแสดงผลขณะสอบ
- แถบเวลานับถอยหลัง
- แสดงสถานะข้อที่ทำแล้ว
- ปุ่มส่งคำตอบพร้อมยืนยันก่อนส่ง

หลังส่งข้อสอบ
- แสดงข้อความ “ส่งข้อสอบเรียบร้อยแล้ว”
- บันทึกคำตอบและคะแนนลงระบบ
- แสดงรายงานผลคะแนนให้ครูผู้สอน

ใช้ชุดคำถามที่ครูกำหนด
และออกแบบหน้าจอให้เหมาะกับนักเรียน ใช้งานง่าย ตัวอักษรอ่านชัด

ระบบรับสมัครนักเรียนออนไลน์
ระบบ

ระบบรับสมัครนักเรียนออนไลน์

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

📌 โครงสร้างที่ต้องมี
1. หน้าหลัก
• ชื่อโรงเรียน
• ปีการศึกษาที่เปิดรับสมัคร
• ข้อความต้อนรับและอธิบายการรับสมัครโดยสรุป
• ปุ่ม “สมัครเรียนออนไลน์”
2. คุณสมบัติผู้สมัคร
• ระดับชั้นที่เปิดรับสมัคร
• คุณสมบัติเบื้องต้นของนักเรียน
• เอกสารที่ต้องเตรียม
3. ฟอร์มรับสมัครนักเรียน
• ข้อมูลนักเรียน
• ชื่อ–สกุล
• เลขประจำตัวประชาชน
• วันเดือนปีเกิด
• ระดับชั้นที่สมัคร
• ข้อมูลผู้ปกครอง
• ชื่อผู้ปกครอง
• ความสัมพันธ์
• เบอร์โทรศัพท์
• อีเมล
• ที่อยู่ปัจจุบัน
• ช่องอัปโหลดเอกสาร (สำเนาทะเบียนบ้าน, ปพ.1, รูปถ่าย)
4. ปุ่มและการโต้ตอบ
• ปุ่มส่งใบสมัคร
• ปุ่มแก้ไขข้อมูล
• ข้อความแจ้งเตือนเมื่อส่งข้อมูลสำเร็จ
5. หน้าสรุปการสมัคร
• แสดงข้อมูลที่ผู้สมัครกรอก
• ข้อความยืนยันการสมัคร
• แนวทางขั้นตอนถัดไป เช่น วันประกาศผล / ติดต่อโรงเรียน

🎨 แนวทางการออกแบบ
• ใช้ไอคอนด้านการศึกษา
• ฟอนต์อ่านง่าย เป็นทางการ
• มีแถบขั้นตอน (Step 1 – Step 2 – Step 3)
• มีพื้นที่เว้นว่างเหมาะสม ไม่อึดอัด

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

ระบบบันทึกพฤติกรรมนักเรียน
ระบบ

ระบบบันทึกพฤติกรรมนักเรียน

สร้างระบบบันทึกพฤติกรรมนักเรียน สำหรับใช้ในโรงเรียนระดับมัธยมศึกษา
ออกแบบเป็นหน้าเว็บ/แดชบอร์ด ใช้งานง่าย โทนการศึกษา เป็นทางการ เรียบง่าย

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

1. หน้าแบบฟอร์มบันทึกพฤติกรรม
- คำนำหน้า (เด็กชาย, เด็กหญิง, นาย, นางสาว)
- ชื่อ – นามสกุลนักเรียน
- ระดับชั้น (ม.1 – ม.6)
- ห้อง (1 – 11)
- เลขประจำตัวนักเรียน
- ครูผู้บันทึก
- ประเภทพฤติกรรม
- พฤติกรรมดี
- พฤติกรรมต้องปรับปรุง
- หมวดพฤติกรรม (เช่น วินัย, การเข้าเรียน, มารยาท, ความรับผิดชอบ)
- รายละเอียดพฤติกรรม (ช่องข้อความ)
- คะแนนพฤติกรรม (+ / -)
- วันที่บันทึก (เลือกจากปฏิทิน)

2. หน้าแสดงรายการข้อมูล (Dashboard)
- ตารางแสดงข้อมูลการบันทึกทั้งหมด
- ค้นหาตาม ชื่อ / ชั้น / ห้อง
- ตัวกรองประเภทพฤติกรรม (ดี / ต้องปรับปรุง)
- แสดงคะแนนสะสมรายบุคคล

3. หน้าสรุปรายงาน
- สรุปจำนวนครั้งของพฤติกรรมดีและพฤติกรรมต้องปรับปรุง
- กราฟแสดงคะแนนพฤติกรรมรายชั้น
- Top 5 นักเรียนพฤติกรรมดี
- นักเรียนที่ต้องเฝ้าระวัง

4. การออกแบบ
- โทนสีสุภาพ เหมาะกับระบบโรงเรียน
- ใช้ไอคอนด้านการศึกษา
- รองรับการใช้งานบนมือถือและคอมพิวเตอร์
- ปุ่มกดชัดเจน ใช้งานง่าย

5. รองรับการเชื่อมต่อในอนาคต
- สามารถนำข้อมูลไปเชื่อมกับ Google Sheet
- รองรับการแจ้งเตือนครูหรือผู้ปกครอง
- รองรับการสรุปผลเป็นรายเดือน / รายภาคเรียน

แสดงผลเป็นภาษาไทยทั้งหมด
เหมาะสำหรับครูประจำชั้นและฝ่ายปกครองใช้งาน

ระบบรับสมัครสภานักเรียน
ระบบ

ระบบรับสมัครสภานักเรียน

คุณคือผู้ช่วย 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 ได้ทันที