prompthub.krudevtech.com
สำหรับครูและนักพัฒนา
ค้นพบ Prompt ที่หลากหลายเพื่อช่วยในการสอน การสร้างสื่อ การจัดการเรียนการสอน และการทำงานอย่างมีประสิทธิภาพ
พบ 132 รายการ
ออกแบบระบบออกใบเสร็จออนไลน์ โดยมีคุณสมบัติดังนี้
1. ระบบ Login
- ผู้ดูแลระบบต้องใส่ Username/Password เพื่อเข้าสู่ระบบ
- เมื่อเข้าสู่ระบบแล้วจะสามารถจัดการข้อมูลลูกค้าและสร้างใบเสร็จได้
2. จัดการข้อมูลลูกค้า
- เพิ่ม / แก้ไข / ลบ ข้อมูลลูกค้าได้
- ฟอร์มบันทึกข้อมูลลูกค้า: ชื่อ-นามสกุล, หน่วยงาน, ที่อยู่, เบอร์โทร, อีเมล
- แสดงรายชื่อลูกค้าในรูปแบบตาราง ค้นหา/กรองได้
- เวลาสร้างใบเสร็จสามารถเลือกชื่อจากฐานข้อมูลลูกค้าได้ทันที (Auto Fill ข้อมูลที่อยู่)
3. หน้าสร้างใบเสร็จ
- กรอกข้อมูลผู้ชำระเงิน (เลือกจากลูกค้าเดิม หรือเพิ่มใหม่)
- ระบบรันเลขที่ใบเสร็จอัตโนมัติ (เช่น 0001, 0002…)
- เลือกวันที่ออกใบเสร็จได้จากปฏิทิน
4. ตารางรายการสินค้า/บริการ
- แสดงคอลัมน์: ลำดับ | รายการ | จำนวน | ราคาต่อหน่วย | จำนวนเงิน
- กดปุ่มเพิ่ม/ลบแถวรายการได้
- คำนวณราคารวมอัตโนมัติ
5. การคำนวณ
- แสดง "ราคารวม" เป็นตัวเลข
- แปลง "ราคารวม" เป็นข้อความ (เช่น 1500 → หนึ่งพันห้าร้อยบาทถ้วน)
6. ส่วนท้ายใบเสร็จ
- ช่องเซ็นชื่อผู้รับเงิน พร้อมชื่อในวงเล็บ
- ปุ่มพิมพ์ใบเสร็จเป็น PDF
7. การออกแบบ
- ใช้ฟ้อนต์ **Sarabun** ทั้งระบบ
- โทนสี **ม่วง-ขาว**
- Heading ใช้สีม่วงเข้ม
- พื้นหลังใบเสร็จสีขาว เส้นตารางสีม่วงอ่อน
- ปุ่มต่าง ๆ ใช้สีม่วง (อ่อน-เข้ม) กับตัวอักษรสีขาว
- Responsive ใช้งานได้ทั้งมือถือและคอมพิวเตอร์
ออกแบบระบบออกใบเสร็จออนไลน์ โดยมีคุณสมบัติดังนี้
1. ระบบ Login
- ผู้ดูแลระบบต้องใส่ Username/Password เพื่อเข้าสู่ระบบ
- เมื่อเข้าสู่ระบบแล้วจะสามารถจัดการข้อมูลลูกค้าและสร้างใบเสร็จได้
2. จัดการข้อมูลลูกค้า
- เพิ่ม / แก้ไข / ลบ ข้อมูลลูกค้าได้
- ฟอร์มบันทึกข้อมูลลูกค้า: ชื่อ-นามสกุล, หน่วยงาน, ที่อยู่, เบอร์โทร, อีเมล
- แสดงรายชื่อลูกค้าในรูปแบบตาราง ค้นหา/กรองได้
- เวลาสร้างใบเสร็จสามารถเลือกชื่อจากฐานข้อมูลลูกค้าได้ทันที (Auto Fill ข้อมูลที่อยู่)
3. หน้าสร้างใบเสร็จ
- กรอกข้อมูลผู้ชำระเงิน (เลือกจากลูกค้าเดิม หรือเพิ่มใหม่)
- ระบบรันเลขที่ใบเสร็จอัตโนมัติ (เช่น 0001, 0002…)
- เลือกวันที่ออกใบเสร็จได้จากปฏิทิน
4. ตารางรายการสินค้า/บริการ
- แสดงคอลัมน์: ลำดับ | รายการ | จำนวน | ราคาต่อหน่วย | จำนวนเงิน
- กดปุ่มเพิ่ม/ลบแถวรายการได้
- คำนวณราคารวมอัตโนมัติ
5. การคำนวณ
- แสดง "ราคารวม" เป็นตัวเลข
- แปลง "ราคารวม" เป็นข้อความ (เช่น 1500 → หนึ่งพันห้าร้อยบาทถ้วน)
6. ส่วนท้ายใบเสร็จ
- ช่องเซ็นชื่อผู้รับเงิน พร้อมชื่อในวงเล็บ
- ปุ่มพิมพ์ใบเสร็จเป็น PDF
7. การออกแบบ
- ใช้ฟ้อนต์ **Sarabun** ทั้งระบบ
- โทนสี **ม่วง-ขาว**
- Heading ใช้สีม่วงเข้ม
- พื้นหลังใบเสร็จสีขาว เส้นตารางสีม่วงอ่อน
- ปุ่มต่าง ๆ ใช้สีม่วง (อ่อน-เข้ม) กับตัวอักษรสีขาว
- Responsive ใช้งานได้ทั้งมือถือและคอมพิวเตอร์
สร้างเว็บไซต์ตัวอย่างแนวทันสมัย โทนสีสดใส
แสดง "ผลงานนักเรียน" หลายชิ้นในรูปแบบการ์ด แต่ละการ์ดมี:
- รูปภาพจำลองผลงานนักเรียน (Placeholder Image)
- ชื่อผลงาน
- ปุ่มกดไลค์พร้อมตัวเลขนับจำนวน
- ปุ่มกดแชร์ (ลิงก์จำลองไป Facebook, LINE, Twitter)
- ส่วนแสดงความคิดเห็นสำหรับผลงานนั้นโดยเฉพาะ (ฟอร์มกรอกชื่อ + ข้อความ)
- แสดงคอมเมนต์ที่เพิ่มเข้ามาใต้การ์ดของผลงานนั้นทันที
จัดหน้าเว็บให้อ่านง่าย สวยงาม และรองรับมือถือ (Responsive)
ใช้ JavaScript เบาๆ เพื่อจำลองการทำงาน เช่น:
- กดไลค์แล้วตัวเลขเพิ่มขึ้น
- เพิ่มคอมเมนต์ใหม่เข้าไปในรายการคอมเมนต์ของผลงานที่เลือกโดยไม่ต้องรีเฟรชหน้า
- ปุ่มแชร์แสดงเป็นลิงก์สมมติ (ไม่ต้องเชื่อมต่อจริง)
สร้างเว็บไซต์ตัวอย่างแนวทันสมัย โทนสีสดใส
แสดง "ผลงานนักเรียน" หลายชิ้นในรูปแบบการ์ด แต่ละการ์ดมี:
- รูปภาพจำลองผลงานนักเรียน (Placeholder Image)
- ชื่อผลงาน
- ปุ่มกดไลค์พร้อมตัวเลขนับจำนวน
- ปุ่มกดแชร์ (ลิงก์จำลองไป Facebook, LINE, Twitter)
- ส่วนแสดงความคิดเห็นสำหรับผลงานนั้นโดยเฉพาะ (ฟอร์มกรอกชื่อ + ข้อความ)
- แสดงคอมเมนต์ที่เพิ่มเข้ามาใต้การ์ดของผลงานนั้นทันที
จัดหน้าเว็บให้อ่านง่าย สวยงาม และรองรับมือถือ (Responsive)
ใช้ JavaScript เบาๆ เพื่อจำลองการทำงาน เช่น:
- กดไลค์แล้วตัวเลขเพิ่มขึ้น
- เพิ่มคอมเมนต์ใหม่เข้าไปในรายการคอมเมนต์ของผลงานที่เลือกโดยไม่ต้องรีเฟรชหน้า
- ปุ่มแชร์แสดงเป็นลิงก์สมมติ (ไม่ต้องเชื่อมต่อจริง)
ออกแบบสไลด์แบบสำรวจหัวข้อ "คุณกับ AI: รู้จักกันแค่ไหน?"
ให้เหมาะกับผู้บริหาร ใช้โทนสีเรียบหรู (เช่น น้ำเงิน เทา ขาว)
แบ่งเป็น 2 ส่วนคือ
1. คำถามแบบเลือกตอบ:
- คุณเคยใช้ AI ตัวไหนบ้าง (ChatGPT, Gemini, NotebookLM, Bing Copilot, Canva AI, ยังไม่เคย)
- คุณเคยใช้ AI เพื่อทำอะไร (ค้นหาข้อมูล, สรุปเอกสาร, ตอบแชท, สร้างภาพ, ยังไม่เคย)
- ความคุ้นเคยกับ AI ของคุณอยู่ในระดับใด (ไม่เคยเลย → ใช้เป็นประจำ)
- คุณรู้จัก Gemini และ NotebookLM มากน้อยแค่ไหน (ไม่รู้จักเลย → ใช้งานและแนะนำผู้อื่นได้)
2. คำถามปลายเปิด:
- ถ้าคุณมี AI ผู้ช่วย 1 ตัว อยากให้ช่วยงานด้านใดที่สุด?
- รู้สึกอย่างไรกับการนำ AI มาใช้ในงานบริหาร?
ออกแบบให้แต่ละคำถามอยู่ในสไลด์แยกกัน มีไอคอนน่ารักๆ หรือกราฟิกเกี่ยวกับ AI เล็กน้อย
เพิ่มหน้าปกสวยๆ พร้อมชื่อหัวข้อ และหน้าปิดขอบคุณที่ร่วมตอบแบบสำรวจ
ออกแบบสไลด์แบบสำรวจหัวข้อ "คุณกับ AI: รู้จักกันแค่ไหน?"
ให้เหมาะกับผู้บริหาร ใช้โทนสีเรียบหรู (เช่น น้ำเงิน เทา ขาว)
แบ่งเป็น 2 ส่วนคือ
1. คำถามแบบเลือกตอบ:
- คุณเคยใช้ AI ตัวไหนบ้าง (ChatGPT, Gemini, NotebookLM, Bing Copilot, Canva AI, ยังไม่เคย)
- คุณเคยใช้ AI เพื่อทำอะไร (ค้นหาข้อมูล, สรุปเอกสาร, ตอบแชท, สร้างภาพ, ยังไม่เคย)
- ความคุ้นเคยกับ AI ของคุณอยู่ในระดับใด (ไม่เคยเลย → ใช้เป็นประจำ)
- คุณรู้จัก Gemini และ NotebookLM มากน้อยแค่ไหน (ไม่รู้จักเลย → ใช้งานและแนะนำผู้อื่นได้)
2. คำถามปลายเปิด:
- ถ้าคุณมี AI ผู้ช่วย 1 ตัว อยากให้ช่วยงานด้านใดที่สุด?
- รู้สึกอย่างไรกับการนำ AI มาใช้ในงานบริหาร?
ออกแบบให้แต่ละคำถามอยู่ในสไลด์แยกกัน มีไอคอนน่ารักๆ หรือกราฟิกเกี่ยวกับ AI เล็กน้อย
เพิ่มหน้าปกสวยๆ พร้อมชื่อหัวข้อ และหน้าปิดขอบคุณที่ร่วมตอบแบบสำรวจ
ออกแบบเว็บไซต์สำหรับโครงการ “วิทยาศาสตร์พลังสิบ” ศูนย์วิทยาศาสตร์พลังสิบ โรงเรียนแม่จันวิทยาคม โดยเน้นความเรียบง่าย ทันสมัย ใช้โทนสีที่สื่อถึงวิทยาศาสตร์ คณิตศาสตร์ และเทคโนโลยี โทนสีเหลือง และมีการจัดวางโครงสร้างเว็บไซต์ชัดเจน ดังนี้:
1. Header:
มีโลโก้นี้ https://scipower10.mwk.ac.th/img/logomwk.png และ https://scipower10.mwk.ac.th/img/logomwksciencepower10.png อยู่ด้านข้าง และมีข้อความ ศูนย์วิทยาศาสตร์พลังสิบ โรงเรียนแม่จันวิทยาคม อยู่ด้านขวาติดกับโลโก้
แถบเมนูนำทาง (Navmenu) ประกอบด้วย:
หน้าแรก
เกี่ยวกับเรา
หลักสูตร ▸ มีเมนูย่อย 2 เมนู:
หลักสูตร ม.ต้น
หลักสูตร ม.ปลาย
ติดต่อเรา
2. หน้าแรก (Home Section):
แสดงภาพปก/ภาพกิจกรรมของโครงการ
ข้อความแนะนำโครงการ “วิทยาศาสตร์พลังสิบ” ศูนย์โรงเรียนแม่จันวิทยาคม
ปุ่ม “ดูรายละเอียดเพิ่มเติม”
3. Footer:
ข้อความ: “© 2025 โครงการวิทยาศาสตร์พลังสิบ โรงเรียนแม่จันวิทยาคม”
ลิงก์ Facebook Fanpage ของโครงการ (ไอคอน Facebook) https://www.facebook.com/mwkscipower10
ข้อความเล็กด้านล่าง: “Dev by Pichayanart Reerak”
ขอออกแบบให้สามารถแสดงผลได้ทั้งบนมือถือและคอมพิวเตอร์ (Responsive Design)
ออกแบบเว็บไซต์สำหรับโครงการ “วิทยาศาสตร์พลังสิบ” ศูนย์วิทยาศาสตร์พลังสิบ โรงเรียนแม่จันวิทยาคม โดยเน้นความเรียบง่าย ทันสมัย ใช้โทนสีที่สื่อถึงวิทยาศาสตร์ คณิตศาสตร์ และเทคโนโลยี โทนสีเหลือง และมีการจัดวางโครงสร้างเว็บไซต์ชัดเจน ดังนี้:
1. Header:
มีโลโก้นี้ https://scipower10.mwk.ac.th/img/logomwk.png และ https://scipower10.mwk.ac.th/img/logomwksciencepower10.png อยู่ด้านข้าง และมีข้อความ ศูนย์วิทยาศาสตร์พลังสิบ โรงเรียนแม่จันวิทยาคม อยู่ด้านขวาติดกับโลโก้
แถบเมนูนำทาง (Navmenu) ประกอบด้วย:
หน้าแรก
เกี่ยวกับเรา
หลักสูตร ▸ มีเมนูย่อย 2 เมนู:
หลักสูตร ม.ต้น
หลักสูตร ม.ปลาย
ติดต่อเรา
2. หน้าแรก (Home Section):
แสดงภาพปก/ภาพกิจกรรมของโครงการ
ข้อความแนะนำโครงการ “วิทยาศาสตร์พลังสิบ” ศูนย์โรงเรียนแม่จันวิทยาคม
ปุ่ม “ดูรายละเอียดเพิ่มเติม”
3. Footer:
ข้อความ: “© 2025 โครงการวิทยาศาสตร์พลังสิบ โรงเรียนแม่จันวิทยาคม”
ลิงก์ Facebook Fanpage ของโครงการ (ไอคอน Facebook) https://www.facebook.com/mwkscipower10
ข้อความเล็กด้านล่าง: “Dev by Pichayanart Reerak”
ขอออกแบบให้สามารถแสดงผลได้ทั้งบนมือถือและคอมพิวเตอร์ (Responsive Design)
ออกแบบเว็บไซต์โครงการวิทยาศาสตร์พลังสิบ
มีโลโก้นี้ https://scipower10.mwk.ac.th/img/logomwk.png
อยู่ตรงกลางเว็บไซต์ พื้นหลังสีเหลืองอ่อน ใช้ font Kanit
ตรงกลางมีข้อความ โครงการวิทยาศาสตร์พลังสิบส่งเสริมสมรรถนะนักเรียน (Student Competency) โดยพัฒนาทักษะที่จำเป็นต่อการดำรงชีวิต พร้อมปลูกฝังความเป็นนักวิทยาศาสตร์ นักวิจัย และนวัตกรรมสร้างสรรค์ เพื่อให้เกิดทักษะการคิดขั้นสูง สามารถสืบเสาะหาความรู้ด้วยตนเองอย่างเป็นระบบ
และมีปุ่มเข้าสู่ระบบ และปุ่มนวัตกรรมทั้งหมด รูปแบบปุ่มใหญ่
ออกแบบเว็บไซต์โครงการวิทยาศาสตร์พลังสิบ
มีโลโก้นี้ https://scipower10.mwk.ac.th/img/logomwk.png
อยู่ตรงกลางเว็บไซต์ พื้นหลังสีเหลืองอ่อน ใช้ font Kanit
ตรงกลางมีข้อความ โครงการวิทยาศาสตร์พลังสิบส่งเสริมสมรรถนะนักเรียน (Student Competency) โดยพัฒนาทักษะที่จำเป็นต่อการดำรงชีวิต พร้อมปลูกฝังความเป็นนักวิทยาศาสตร์ นักวิจัย และนวัตกรรมสร้างสรรค์ เพื่อให้เกิดทักษะการคิดขั้นสูง สามารถสืบเสาะหาความรู้ด้วยตนเองอย่างเป็นระบบ
และมีปุ่มเข้าสู่ระบบ และปุ่มนวัตกรรมทั้งหมด รูปแบบปุ่มใหญ่
ออกแบบหน้าเว็บไซต์ระบบบริหารงบประมาณ สำนักงานเขตพื้นที่การศึกษามัธยมศึกษาเชียงราย
มี header มีหน้า login เข้าสู่ระบบ มีตรงกลางเป็นข้อมูลแสดงเป็นตาราง
และ footer Copyright © 2025. All rights reserved. ebudget v1.0 พัฒนาระบบโดย: ศน.เสรี โพธิ์นิล สพป.ขอนแก่น เขต 4 แก้ไขโดย พิชชยานาฏ รีรักษ์ โรงเรียนแม่จันวิทยาคม สพม.เชียงราย รูปแบบฟ้อนต์ sarabun ธีมสวยงามการศึกษา โทนสีส้ม
ออกแบบหน้าเว็บไซต์ระบบบริหารงบประมาณ สำนักงานเขตพื้นที่การศึกษามัธยมศึกษาเชียงราย
มี header มีหน้า login เข้าสู่ระบบ มีตรงกลางเป็นข้อมูลแสดงเป็นตาราง
และ footer Copyright © 2025. All rights reserved. ebudget v1.0 พัฒนาระบบโดย: ศน.เสรี โพธิ์นิล สพป.ขอนแก่น เขต 4 แก้ไขโดย พิชชยานาฏ รีรักษ์ โรงเรียนแม่จันวิทยาคม สพม.เชียงราย รูปแบบฟ้อนต์ sarabun ธีมสวยงามการศึกษา โทนสีส้ม
สร้างฟอร์มมีหน้าแสดงรายชื่อนักเรียน พร้อมแต้มสะสมของแต่ละคน
-มีปุ่มเพิ่มนักเรียน อยู่ด้านบนเป็น modal form
-มีปุ่ม “เพิ่มแต้ม” และ “ลบแต้ม” ข้างชื่อของนักเรียนแต่ละคน แต้มเพิ่มขึ้นทีละ 1
-มีแถบแต้มแบบ progress bar และกำหนดถึง 100
-ค้นหานักเรียนได้ และค้นหาแบบห้องเรียนได้
2. สร้างฟอร์มหน้ารายวิชาที่สามารถให้แต้มแก่นักเรียน (เช่น วิทยาศาสตร์ คณิตศาสตร์ ภาษาไทย ฯลฯ)
- มีปุ่มเพิ่มรายวิชา อยู่ด้านบนเป็น modal form
มีปุ่ม “เพิ่มแต้ม” และ “ลบแต้ม” ข้างชื่อของนักเรียนแต่ละคน แต้มเพิ่มขึ้นทีละ 1
- ใช้ไอคอน font awesome ที่เกี่ยวข้องกับรายวิชา มีเฉดสีเป็นโค้ดสีให้เลือกสีของไอคอนเอง และแถบแต้มแบบ progress bar (มีไอคอน ชื่อวิชา สี)
- แสดงรายชื่อนักเรียนแต่ละรายวิชา โดยคลิกดูรายชื่อนักเรียน
- แต้มของนักเรียนต้องมาจากฐานข้อมูลเดียวกันทั้งรายชื่อนักเรียนและรายวิชา
3. สร้างแท็บนำเข้าข้อมูลนักเรียนเป็นรายห้อง เป็นไฟล์ excel
มีปุ่มเพิ่มห้องเรียน อยู่ด้านบนเป็น modal form
ต้องเลือกห้องเรียนก่อนถึงจะนำเข้าข้อมูลได้
นำเข้าข้อมูลนักเรียนแยกเป็นรายห้อง มีรหัสนักเรียน คำนำหน้า ชื่อ นามสกุล ชั้น วิชาที่เรียน
แสดงรายชื่อข้อมูลที่นำเข้า ตามข้อมูลที่นำเข้าของไฟล์
- แสดงตัวอย่างไฟล์นำเข้าข้อมูล
- มีปุ่มนำเข้าข้อมูล
4. เมื่อนำเข้าข้อมูลแล้ว ต้องมีรายชื่อนักเรียนแสดงอยู่ในรายวิชาที่เรียนด้วย
5. ใช้ Sweet Alert แสดงสถานะบันทึกข้อมูลสำเร็จ
6. รองรับการแสดงผลบนมือถือ
7. ดีไซน์สวยงาม ใช้โทนสีสดใส ฟ้า-ขาว สไตล์นักเรียนมัธยม
8.**Header**: โลโก้ https://imprnoom.com/logonoom1.png ขนาดเหมาะสม (ไม่เกิน 150px) มี title ระบบสะสมแต้มนักเรียน อยู่ด้านล่าง ไม่ต้องมี background
9. **Footer**: ข้อความ “© 2025 ระบบสะสมแต้มนักเรียน | Pichayanart Reerak” อยู่ตรงกลาง ไม่ต้องมี background
10. ใช้ Google Font “Prompt”
11.เชื่อม App Script ที่ URL: xxxxxx
12. เมื่อสร้างระบบเสร็จแล้วให้แสดงโค้ด GS ในหน้าแชตนี้ให้ด้วย
สร้างฟอร์มมีหน้าแสดงรายชื่อนักเรียน พร้อมแต้มสะสมของแต่ละคน
-มีปุ่มเพิ่มนักเรียน อยู่ด้านบนเป็น modal form
-มีปุ่ม “เพิ่มแต้ม” และ “ลบแต้ม” ข้างชื่อของนักเรียนแต่ละคน แต้มเพิ่มขึ้นทีละ 1
-มีแถบแต้มแบบ progress bar และกำหนดถึง 100
-ค้นหานักเรียนได้ และค้นหาแบบห้องเรียนได้
2. สร้างฟอร์มหน้ารายวิชาที่สามารถให้แต้มแก่นักเรียน (เช่น วิทยาศาสตร์ คณิตศาสตร์ ภาษาไทย ฯลฯ)
- มีปุ่มเพิ่มรายวิชา อยู่ด้านบนเป็น modal form
มีปุ่ม “เพิ่มแต้ม” และ “ลบแต้ม” ข้างชื่อของนักเรียนแต่ละคน แต้มเพิ่มขึ้นทีละ 1
- ใช้ไอคอน font awesome ที่เกี่ยวข้องกับรายวิชา มีเฉดสีเป็นโค้ดสีให้เลือกสีของไอคอนเอง และแถบแต้มแบบ progress bar (มีไอคอน ชื่อวิชา สี)
- แสดงรายชื่อนักเรียนแต่ละรายวิชา โดยคลิกดูรายชื่อนักเรียน
- แต้มของนักเรียนต้องมาจากฐานข้อมูลเดียวกันทั้งรายชื่อนักเรียนและรายวิชา
3. สร้างแท็บนำเข้าข้อมูลนักเรียนเป็นรายห้อง เป็นไฟล์ excel
มีปุ่มเพิ่มห้องเรียน อยู่ด้านบนเป็น modal form
ต้องเลือกห้องเรียนก่อนถึงจะนำเข้าข้อมูลได้
นำเข้าข้อมูลนักเรียนแยกเป็นรายห้อง มีรหัสนักเรียน คำนำหน้า ชื่อ นามสกุล ชั้น วิชาที่เรียน
แสดงรายชื่อข้อมูลที่นำเข้า ตามข้อมูลที่นำเข้าของไฟล์
- แสดงตัวอย่างไฟล์นำเข้าข้อมูล
- มีปุ่มนำเข้าข้อมูล
4. เมื่อนำเข้าข้อมูลแล้ว ต้องมีรายชื่อนักเรียนแสดงอยู่ในรายวิชาที่เรียนด้วย
5. ใช้ Sweet Alert แสดงสถานะบันทึกข้อมูลสำเร็จ
6. รองรับการแสดงผลบนมือถือ
7. ดีไซน์สวยงาม ใช้โทนสีสดใส ฟ้า-ขาว สไตล์นักเรียนมัธยม
8.**Header**: โลโก้ https://imprnoom.com/logonoom1.png ขนาดเหมาะสม (ไม่เกิน 150px) มี title ระบบสะสมแต้มนักเรียน อยู่ด้านล่าง ไม่ต้องมี background
9. **Footer**: ข้อความ “© 2025 ระบบสะสมแต้มนักเรียน | Pichayanart Reerak” อยู่ตรงกลาง ไม่ต้องมี background
10. ใช้ Google Font “Prompt”
11.เชื่อม App Script ที่ URL: xxxxxx
12. เมื่อสร้างระบบเสร็จแล้วให้แสดงโค้ด GS ในหน้าแชตนี้ให้ด้วย
สร้างเว็บไซต์หน้าเดียว (Single Page Website) สำหรับทำ แบบสำรวจการเป็นพลเมืองดิจิทัล
รายวิชา วิทยาการคำนวณ สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 6
ส่วนเก็บข้อมูลผู้ตอบแบบสำรวจ
• คำนำหน้า
• ชื่อ
• นามสกุล
• ชั้น
• เลขที่
คำถามแบบสำรวจ (10 ข้อ)
1. ฉันรู้จักสิทธิและหน้าที่ของการเป็นพลเมืองดิจิทัล
2. ฉันสามารถใช้เทคโนโลยีอย่างปลอดภัย
3. ฉันเคารพสิทธิของผู้อื่นบนโลกออนไลน์
4. ฉันไม่เผยแพร่ข้อมูลส่วนตัวที่สำคัญโดยไม่จำเป็น
5. ฉันใช้สื่อออนไลน์เพื่อการเรียนรู้อย่างสร้างสรรค์
6. ฉันรู้จักตรวจสอบความน่าเชื่อถือของข้อมูลออนไลน์
7. ฉันหลีกเลี่ยงการใช้ภาษาหรือเนื้อหาที่ไม่เหมาะสมบนโลกออนไลน์
8. ฉันไม่ละเมิดลิขสิทธิ์ผลงานของผู้อื่น
9. ฉันสามารถจัดการเวลาการใช้อินเทอร์เน็ตอย่างเหมาะสม
10. ฉันมีส่วนร่วมในการใช้เทคโนโลยีเพื่อประโยชน์ของสังคม
การออกแบบเว็บไซต์
• รองรับมือถือ แท็บเล็ต คอมพิวเตอร์ (Responsive)
• ใช้ฟอนต์ Prompt
• โทนสีฟ้า–ขาว เหมาะกับการศึกษา
• ปุ่ม “ส่งแบบสำรวจ” สีฟ้าเด่น
• แจ้งเตือนแบบ SweetAlert2
• ส่วนท้าย (Footer) ใส่ข้อความ:
© 2568 แบบสำรวจการเป็นพลเมืองดิจิทัล รายวิชา วิทยาการคำนวณ ม.6 | ครูพิชชยานาฏ รีรักษ์
สร้างเว็บไซต์หน้าเดียว (Single Page Website) สำหรับทำ แบบสำรวจการเป็นพลเมืองดิจิทัล
รายวิชา วิทยาการคำนวณ สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 6
ส่วนเก็บข้อมูลผู้ตอบแบบสำรวจ
• คำนำหน้า
• ชื่อ
• นามสกุล
• ชั้น
• เลขที่
คำถามแบบสำรวจ (10 ข้อ)
1. ฉันรู้จักสิทธิและหน้าที่ของการเป็นพลเมืองดิจิทัล
2. ฉันสามารถใช้เทคโนโลยีอย่างปลอดภัย
3. ฉันเคารพสิทธิของผู้อื่นบนโลกออนไลน์
4. ฉันไม่เผยแพร่ข้อมูลส่วนตัวที่สำคัญโดยไม่จำเป็น
5. ฉันใช้สื่อออนไลน์เพื่อการเรียนรู้อย่างสร้างสรรค์
6. ฉันรู้จักตรวจสอบความน่าเชื่อถือของข้อมูลออนไลน์
7. ฉันหลีกเลี่ยงการใช้ภาษาหรือเนื้อหาที่ไม่เหมาะสมบนโลกออนไลน์
8. ฉันไม่ละเมิดลิขสิทธิ์ผลงานของผู้อื่น
9. ฉันสามารถจัดการเวลาการใช้อินเทอร์เน็ตอย่างเหมาะสม
10. ฉันมีส่วนร่วมในการใช้เทคโนโลยีเพื่อประโยชน์ของสังคม
การออกแบบเว็บไซต์
• รองรับมือถือ แท็บเล็ต คอมพิวเตอร์ (Responsive)
• ใช้ฟอนต์ Prompt
• โทนสีฟ้า–ขาว เหมาะกับการศึกษา
• ปุ่ม “ส่งแบบสำรวจ” สีฟ้าเด่น
• แจ้งเตือนแบบ SweetAlert2
• ส่วนท้าย (Footer) ใส่ข้อความ:
© 2568 แบบสำรวจการเป็นพลเมืองดิจิทัล รายวิชา วิทยาการคำนวณ ม.6 | ครูพิชชยานาฏ รีรักษ์
ออกแบบใบงานภาษาไทย ป.5
หัวข้อ: คำพ้องรูป-คำพ้องเสียง
กิจกรรม:
1. ให้นักเรียนจับคู่คำพ้องรูปกับความหมาย
2. เติมคำในช่องว่าง
3. เขียนประโยคจากคำที่กำหนด
ออกแบบให้ดูสนุก มีภาพประกอบเป็นตัวการ์ตูนเด็กไทย
โทนสีสดใส ฟอนต์อ่านง่าย เหมาะสำหรับพิมพ์ขนาด A4
ออกแบบใบงานภาษาไทย ป.5
หัวข้อ: คำพ้องรูป-คำพ้องเสียง
กิจกรรม:
1. ให้นักเรียนจับคู่คำพ้องรูปกับความหมาย
2. เติมคำในช่องว่าง
3. เขียนประโยคจากคำที่กำหนด
ออกแบบให้ดูสนุก มีภาพประกอบเป็นตัวการ์ตูนเด็กไทย
โทนสีสดใส ฟอนต์อ่านง่าย เหมาะสำหรับพิมพ์ขนาด A4