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

สร้างระบบส่ง "แผนการจัดการเรียนรู้ โครงการสอน และบันทึกหลังแผนการจัดการเรียนรู้"
ให้ครูสามารถอัปโหลดไฟล์ PDF ได้
โดยมีแบบฟอร์มกรอกข้อมูลดังนี้:
- คำนำหน้า (นาย, นาง, นางสาว)
- ชื่อ
- นามสกุล
- กลุ่มสาระการเรียนรู้ (เลือกจากเมนู เช่น ภาษาไทย, คณิตศาสตร์, วิทยาศาสตร์, สังคมศึกษา, สุขศึกษาและพลศึกษา, ศิลปะ, การงานอาชีพ, ภาษาต่างประเทศ, กิจกรรมพัฒนาผู้เรียน)
- ประเภทเอกสาร (แผนการจัดการเรียนรู้ / โครงการสอน / บันทึกหลังแผน)
- หมายเหตุ (ถ้ามี)

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

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

สร้างหน้าเว็บระบบส่งไฟล์ “Mind Mapping โครงงานคอมพิวเตอร์”
ออกแบบด้วยโทนสีฟ้าขาว สะอาดตา ใช้ฟอนต์ Prompt
มีโลโก้ด้านบน (ลิงก์โลโก้: https://imprnoom.com/images/logonoom1.png)
และหัวข้อใหญ่ “ระบบส่งไฟล์ Mind Mapping โครงงานคอมพิวเตอร์”
ใต้หัวข้อระบุข้อความย่อยว่า ครูพิชชยานาฏ รีรักษ์

ส่วนของแบบฟอร์มให้จัดในกล่องสวยงาม (Card Style)
มีช่องให้กรอกดังนี้
• คำนำหน้า (ดรอปดาวน์: เด็กชาย, เด็กหญิง, นาย, นางสาว)
• ชื่อ
• นามสกุล
• เลขที่
• ชั้น (ดรอปดาวน์: ม.6/1, ม.6/2, … ม.6/11)
• แนบไฟล์ PDF (จำกัดขนาดไม่เกิน 5 MB)
• ปุ่ม “ส่งไฟล์” (สีฟ้า เด่นชัด มีไอคอน Upload)

ใต้ฟอร์ม ให้แสดง ตารางข้อมูล (DataTable Style) แสดงผลการส่งไฟล์
หัวตารางประกอบด้วย
1. ลำดับ
2. ชื่อ–นามสกุล
3. เลขที่
4. ชั้น
5. ลิงค์ไฟล์
6. วันที่ส่ง

ออกแบบให้โครงสร้างหน้าเว็บมี 3 ส่วนหลัก:
1. Header: โลโก้ + ชื่อระบบ
2. Form Section: กล่องฟอร์มกรอกข้อมูล
3. Table Section: ตารางแสดงรายการไฟล์ที่ส่งแล้ว

เพิ่มไอคอนและองค์ประกอบกราฟิกแนว “Mind Map / Project / Idea” เบาๆ ในพื้นหลัง
เพื่อให้ดูเป็นธีมวิชาคอมพิวเตอร์

เพิ่มข้อความปิดท้ายหน้า:
“💡 ระบบนี้จัดทำเพื่อการเรียนการสอนรายวิชาโครงงานคอมพิวเตอร์
โรงเรียนแม่จันวิทยาคม โดยครูพิชชยานาฏ รีรักษ์”

⸻

✅ เคล็ดลับเพิ่มเติม (ใช้ใน Canva AI)
• ประเภทงานที่ควรเลือก: “เว็บไซต์” หรือ “แอปพลิเคชัน”
• โทนสีแนะนำ: ฟ้า (#3B82F6), ขาว, เทาอ่อน
• ฟอนต์: Sarabun หรือ Prompt
• สไตล์: Minimal, Clean, Educational, Tech-Inspired
• รองรับ Responstive มือถือ แท็บเล็ต คอมพิวเตอร์
• เป็น Bootstrap อย่างสวยงาม

สร้างเว็บไซต์โปรแกรมคำนวณชั่วโมงสอน (PA)
โดยมีรายละเอียดดังนี้:

🎯 ฟังก์ชันหลัก:
- ให้ผู้ใช้กรอก “กำหนดเวลาสอน” หน่วยเป็นนาที/คาบ (editable field)
- ให้กรอกข้อมูลรายวิชา (ชื่อวิชา, จำนวนคาบ/สัปดาห์)
- มีปุ่ม “➕ เพิ่มรายวิชา” เพื่อเพิ่มแถวกรอกข้อมูลได้ไม่จำกัด
- ระบบคำนวณอัตโนมัติ:
• ชั่วโมงสอนของแต่ละวิชา (คาบ × นาที ÷ 60)
• รวมจำนวน “ชั่วโมงสอนทั้งหมด” และ “นาทีทั้งหมด” ที่ส่วนล่างของตารางโดยอัตโนมัติ
- สามารถแก้ไข หรือลบรายวิชาได้
- รองรับ Responsive ทั้งมือถือและคอมพิวเตอร์

🧩 การออกแบบ:
- ส่วนหัวเว็บไซต์: “โปรแกรมคำนวณชั่วโมงสอน (PA)”
พร้อมโลโก้ทางซ้าย: https://imprnoom.com/images/logonoom1.png
- โทนสีหลัก: ฟ้า-ขาว ดูสะอาดตาแบบโปร
- ฟอนต์: “Sarabun”
- ปุ่มและกล่องกรอกข้อมูลโค้งมน (rounded-xl)
- มีเงาแบบ soft shadow ให้แต่ละการ์ด

📊 ส่วนแสดงผลรวม:
- แสดง “รวมชั่วโมงทั้งหมด (ชั่วโมง)” และ “รวมเวลาทั้งหมด (นาที)” แบบ real-time

📱 Footer:
Dev by Pichayanart Reerak.

💡 ใช้ HTML + Tailwind CSS + JavaScript
รองรับ Responsive ทั้งหน้าจอคอมพิวเตอร์และมือถือ

“สร้างหน้าเว็บไซต์ระบบ ‘คลังสื่อครูแบ่งปัน (Teacher Media Hub)’ โทนสีฟ้า-ขาว ฟอนต์ Sarabun ดูสะอาดตา เป็นมิตรกับครู มีส่วนประกอบดังนี้:
• Header: โลโก้ + ชื่อระบบ ‘คลังสื่อครูแบ่งปัน (Teacher Media Hub)’
• Section 1: ฟอร์มอัปโหลดสื่อ (ชื่อเรื่อง, คำอธิบาย, ผู้ส่ง, โรงเรียน, อัปโหลดไฟล์สูงสุด 10 ไฟล์, ปุ่ม ‘บันทึก’)
• Section 2: แสดงรายการสื่อการสอนทั้งหมดจากฐานข้อมูล (Google Sheet)
• Section 3: Footer แสดงลิงก์ติดต่อผู้ดูแลระบบ

ออกแบบให้ Responsive รองรับมือถือ และเหมาะกับเว็บไซต์หน่วยงานการศึกษา”

ออกแบบเกมจับคู่ความรู้เกี่ยวกับ AI โดยให้มีสองคอลัมน์: คอลัมน์ซ้ายเป็นชื่อเครื่องมือหรือฟีเจอร์ของ AI เช่น Notebook LM, Google AI Studio, Magic Write, Gemini และคอลัมน์ขวาเป็นคำอธิบายการใช้งานของแต่ละเครื่องมือ เช่น สรุปเอกสารอัตโนมัติ สร้างภาพจากข้อความ เขียนบทความด้วยคำสั่ง เป็นต้น
ใช้โทนสีสดใส สบายตา เหมาะสำหรับครูผู้ใหญ่ เช่น โทนฟ้า เทา และเขียวอ่อน
เพิ่มไอคอนประกอบในแต่ละช่อง และจัดรูปแบบให้นำไปใช้งานเป็นทั้งแผ่นพับ ใบงาน หรือสไลด์แบบอินเทอร์แอคทีฟได้
header : [https://imprnoom.com/images/logonoom1.png](https://imprnoom.com/images/logonoom1.png) ขนาด 150x150pixels
เกมจับคู่ความรู้เกี่ยวกับ AI
Footer : Dev By Pichayanart Reerak.
🔹 ฝั่งซ้าย: “AI / ฟีเจอร์”
1. Notebook LM
2. Magic Write
3. Google AI Studio
4. Magic Media
5. Gemini
6. Magic Animate
7. Canva Docs AI
8. AI Prompt
9. AI Scoring
10. AI Text-to-Speech
⸻
🔸 ฝั่งขวา: “การใช้งาน”
A. ใช้เขียนเนื้อหาจากคำสั่ง
B. สร้างภาพหรือวิดีโอจากข้อความ
C. สร้างงานนำเสนอแบบเคลื่อนไหว
D. แชทกับ AI เพื่อช่วยวิเคราะห์/สรุปเอกสาร
E. ทดสอบคำสั่ง Prompt กับโมเดล AI
F. เปลี่ยนข้อความเป็นเสียงพูด
G. ใช้เขียนเอกสารร่วมกับ AI
H. สร้าง AI สำหรับช่วยประเมินคะแนน
I. สร้างคำถามหรือไอเดียจาก AI
J. สร้างสรุป+แหล่งอ้างอิงจากไฟล์เอกสาร

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

ออกแบบใบงานวิทยาศาสตร์ ม.1
หัวข้อ: เซลล์ของสิ่งมีชีวิต
เนื้อหา:
• ภาพวาดโครงสร้างเซลล์ (ใส่คำว่า “กรุณาใส่ภาพประกอบ”)
• ให้นักเรียนลากเส้นจับคู่ชิ้นส่วนของเซลล์
• คำถามชวนคิดท้ายใบงาน
โทนสี: เขียว-ฟ้า ดูสะอาดตา สไตล์ทันสมัย
ขนาด A4 พร้อมพิมพ์ ใช้ในห้องเรียนหรือ Google Classroom ได้

ออกแบบใบงานวิชาคณิตศาสตร์ ระดับชั้น ม.6
หัวข้อ: ความน่าจะเป็น (Probability)
กิจกรรมในใบงาน:
1. อธิบายสถานการณ์เกี่ยวกับความน่าจะเป็น เช่น การสุ่มไพ่ / ทอยลูกเต๋า แล้วให้นักเรียนวิเคราะห์
2. เติมคำตอบในตารางความน่าจะเป็น (Probability Table)
3. โจทย์แบบเลือกตอบและเขียนอธิบายวิธีคิด
4. คำถามท้ายใบงาน: นักเรียนคิดว่าสถานการณ์ใด “เป็นไปไม่ได้ / น่าจะเป็นไปได้มาก / เป็นไปได้แน่นอน”
การออกแบบ:
• ขนาด A4 พร้อมพิมพ์
• ใช้โทนสีฟ้า-ม่วง สไตล์คณิตฯ ที่ดูทันสมัย
• มีกล่องกราฟิกประกอบ เช่น ลูกเต๋า ไพ่ วงล้อสุ่ม
• ฟอนต์อ่านง่าย มีการจัดวางเป็นสัดส่วน (หัวข้อ / โจทย์ / พื้นที่เขียนคำตอบ)
⸻
🎯 ใช้ได้ทั้งในห้องเรียนและสอนออนไลน์
🧩 เหมาะกับการเรียนเชิงวิเคราะห์ และเสริมทักษะคิดเชิงตรรกะของนักเรียน ม.6

ออกแบบใบงานภาษาอังกฤษ ชั้น ม.2
หัวข้อ: Past Simple Tense
กิจกรรม:
1. เติมคำกริยาให้ถูกต้องในประโยค (Fill in the blanks with correct past verbs)
2. จับคู่รูปภาพกับคำกริยาในอดีตกาล (Match pictures to past tense verbs)
3. เขียนเล่าเหตุการณ์ในอดีต 5 ประโยค (Write 5 sentences about something you did last weekend)
สไตล์: ทันสมัย สีสันสดใส ดูเป็นมืออาชีพ
ออกแบบขนาด A4 พร้อมพิมพ์ ใช้ในห้องเรียนหรือเรียนออนไลน์
ใส่ภาพประกอบไอคอนน่ารัก หรือภาพการ์ตูนเพื่อความน่าสนใจ
ฟอนต์อ่านง่าย เหมาะกับนักเรียน ม.2