⭕เครื่องมือเรียนรู้ออนไลน์
⭕เครื่องมือเรียนรู้ออนไลน์
สร้างใบงาน : Liveworksheets
การทำใบงาน Interactive worksheet
รูปแบบการสอบด้วย Zipgraed | โหลดกระดาษ
ขอขอบคุณ : techintegration.ets.kmutt.ac.th
⭕WorkShop <> ฝังโค้ดและประยุกต์ใช้งาน
Workshop01 ตัวหนังสือวิ่ง
ที่มา vrisad.blogspot.com
Workshop02 ข้อสอบแบบปรนัย
คลิก! ตัวอย่างโค้ด
Workshop03 ChatGPT รูปภาพสติเกอร์
คำสั่ง
"สร้างรูปภาพสติ๊กเกอร์ ผู้ชายในชุดสูทสีดำ ยืนตรง สไตล์ภาพมินิมอล พื้นหลังสีขาวเรียบหรือมีกรอบบาง ๆ สีพาสเทล มีข้อความใต้ภาพภาษาไทย ตัวอักษรฟอนต์เรียบง่าย อ่านง่าย ประกอบด้านล่างภาพ สีข้อความเทาเข้มหรือดำ ท่าทาง ยิ้มธรรมดา คำใต้ภาพ (ข้อความภาษาไทย) ยิ้ม รายละเอียดท่าทาง ใบหน้ายิ้มบาง ๆ อย่างอ่อนโยน"
Workshop04 สร้างนิทาน
4.1 ตัวอย่าง prompt : chatGPT
"สร้างนิทาน 1 เรื่องที่มีตัวละครเป็นสัตว์ที่น่ารัก เพื่อส่งเสริมความมีระเบียบวินัย สำหรับนักเรียนระดับประถมศึกษา จำนวนไม่เกิด 300 คำ โดยแบ่งโครงเรื่องที่สามารถสร้างภาพประกอบ 5 ภาพ หรือ 5 ฉาก พร้อมทั้งสรุปแนวคิดที่ได้จากเรื่อง"
4.2 ผลลัพธ์จาก prompt
นิทาน : กระต่ายน้อยกับเวลาแสนสำคัญ
ตัวละคร: กระต่ายน้อย "ปุ๊กลุก"
แนวคิด: ส่งเสริมความมีระเบียบวินัยและการตรงต่อเวลา
-----------------------------------------
ฉากที่ 1: ป่าแสนสุข
ในป่าแสนสุข ทุกเช้าสัตว์ทั้งหลายจะรวมตัวกันทำกิจกรรม แต่กระต่ายน้อยปุ๊กลุกมักจะตื่นสาย และมาสายเสมอ
(ภาพประกอบ: สัตว์ต่างๆ กำลังรวมตัวที่ลานกลางป่า ส่วนปุ๊กลุกนอนกรนอยู่ในโพรง)
ฉากที่ 2: คุณครูนกฮูกประกาศ
เช้าวันหนึ่ง คุณครูนกฮูกประกาศว่า "พรุ่งนี้เราจะมีการแข่งขันวิ่งตอน 8 โมงเช้า ใครมาตรงเวลา จะได้เหรียญดาวแห่งระเบียบ!"
(ภาพประกอบ: คุณครูนกฮูกยืนอยู่บนกิ่งไม้ สัตว์ทุกตัวตั้งใจฟัง ปุ๊กลุกดูง่วงๆ)
ฉากที่ 3: ปุ๊กลุกนอนเพลิน
เช้าวันแข่งขัน ปุ๊กลุกตื่นสายอีกครั้ง รีบวิ่งไปสนามแข่ง แต่ทุกอย่างจบลงแล้ว สัตว์ตัวอื่นได้รับเหรียญดาวไปหมด
(ภาพประกอบ: ปุ๊กลุกวิ่งมาอย่างเหนื่อยหอบ สนามว่างเปล่า เพื่อนๆ ได้รับเหรียญดาวกัน)
ฉากที่ 4: ตั้งใจใหม่
ปุ๊กลุกรู้สึกเสียใจมาก สัญญากับตัวเองว่าจะมีระเบียบ ตื่นเช้า ตรงต่อเวลาเหมือนเพื่อนๆ ให้ได้
(ภาพประกอบ: ปุ๊กลุกตั้งนาฬิกาปลุก วางแผนนอนเร็วและเตรียมตัวตั้งแต่เย็น)
ฉากที่ 5: เหรียญดาวแห่งระเบียบ
เช้าวันใหม่ ปุ๊กลุกตื่นตรงเวลา มาร่วมกิจกรรมทันที คุณครูนกฮูกยิ้มและมอบเหรียญดาวแห่งระเบียบให้
(ภาพประกอบ: ปุ๊กลุกยิ้มดีใจ ได้รับเหรียญดาว เพื่อนๆ ปรบมือให้)
4.3 prompt สร้างภาพ : canvaAI
สร้างเสียง : google aisutdio
📢 เสียง
📢 เสียง
📢 เสียง
📢 เสียง
📢 เสียง
📢 เสียง
4.4 ภาพและเสียงรวมกันด้วย : dupdub
Workshop05 การสรุปเนื้อหา สร้างภาพ สร้างเสียง และภาพเคลือนไหว
"Bloom’s Taxonomy กล่าวถึงการจำแนกการเรียนรู้ตามทฤษฎีของบลูม ซึ่งแบ่งเป็น 3 ด้าน คือ ด้านพุทธิพิสัย ด้านจิตพิสัย และด้านทักษะพิสัย โดยในแต่ละด้านจะมีการจำแนกระดับความสามารถจากต่ำสุดไปถึงสูงสุด
..... 1. ด้านพุทธิพิสัย เริ่มจากความรู้ ความเข้าใจ การนำไปใช้ การวิเคราะห์ การสังเคราะห์ การประเมิน นอกจากนี้ยังนำเสนอระดับความสามารถที่มีการปรับปรุงใหม่ตามแนวคิดของ Anderson and Krathwohl (2001) เป็น การจำ(Remembering) การเข้าใจ(Understanding) การประยุกต์ใช้(Applying) การวิเคราะห์ (Analysing) การประเมินผล (Evaluating) และการสร้างสรรค์ (Creating)
..... 2. ด้านจิตพิสัย จำแนกเป็น การรับรู้, การตอบสนอง, การสร้างค่านิยม, การจัดระบบ และการสร้างคุณลักษณะจากค่านิยม
..... 3. ด้านทักษะพิสัย จำแนกเป็น ทักษะการเคลื่อนไหวของร่างกาย, ทักษะการเคลื่อนไหวอวัยวะสองส่วนหรือมากกว่าพร้อมๆกัน, ทักษะการสื่อสารโดยใช้ท่าทาง และทักษะการแสดงพฤติกรรมทางการพูด"
chatGPT สร้างภาพ > Google AI Studio สร้างเสียง และภาพเคลื่อนไหว
Prompt : นำภาพที่แนบมาสร้างเป็นภาพพอร์ดเทรดแบบโคลสอัพสมขั้นสุด ขนาด 9:19 ของฉัน แล้วมีตัวละครอนิเมะ (โกคู, เบจิต้า, โกฮัง, พิคโกโร่, คุริริน, และทรังคซ์) โดยทุกคนทำสีหน้าตลก ๆ ยิ้มแย้ม แจ่มใส น่ารัก ดูสมาท เหมือนเล่นกล้อง พื้นหลังเป็นฉากพื้นที่การต่อสู้ในภาพยนต์การ์ตูนเรื่อง ดราก้อนบอล z เป็นภาพที่สว่าง มุมกล้องมองจากมุมสูง
Workshop06 สร้างเกมการศึกษา ด้วย CanvaAi
Workshop07 สร้างแบบทดสอบด้วย Canva Ai
Workshop08 ChatGPT เขียนโค้ดอ่านข้อความเป็นเสียง
prompt
ช่วยสร้างโค้ด HTML + CSS + JavaScript สำหรับโปรแกรมควบคุมเสียงอ่านข้อความ โดยมี:
- ปุ่มเล่น/หยุดเสียง
- แถบเลื่อนเวลา (seek bar)
- แถบคลื่นเสียงแบบ animation เมื่อเล่น
- ใช้ไฟล์เสียงจาก URL ภายนอก (ตัวอย่างเช่น https://example.com/audio.mp3)
- รองรับภาษาไทยในปุ่มและข้อความ
- ใช้ฟอนต์ Sarabun ขนาดเล็ก สวยงาม
- จัดตำแหน่งให้อยู่กึ่งกลาง และรองรับมือถือ (Responsive)
ขอให้เขียนโค้ดให้สมบูรณ์ พร้อมนำไปใช้งานได้ทันที
Google Ai Studio สร้างเสียง > OneDrive พื้นที่เก็บเสียง > ChatGPT สร้างโค้ด
Workshop09 การสร้าง Google Form > Google Sheet > Google looker studio
คลิก! แดชบอร์ด
Workshop10 WebApp CanvaAI : ข้อมูลบันทึก
prompt
สร้างระบบการบันทึกข้อมูลของครูภาษาอังกฤษ ที่เข้าร่วมการพัฒนาสมรรถนะครูภาษาอังกฤษด้วย Generative AI สำหรับการออกแบบบทเรียนและการสอนที่ตอบโจทย์ผู้เรียนในยุคดิจิทัล เป็น webapp แล้วเก็บข้อมูลใน google sheet ที่ระบุ ux/ui ให้สวยงามและทันสมัยง่ายต่อการใช้งาน ทั้งในรูปแบบมือถือ แท็บเล็ต หรือคอมพิวเอตร์ มีธีมสีแสด-เทา โดยมีรายละเอียดังนี้
ข้อมูลที่ต้องจัดเก็บใน google sheet ประกอบด้วย
ชื่อ
สกุล
โรงเรียน
ตำบล
อำเภอ
จังหวัด
สังกัด (สพป.กำแพงเพร เขต 1, สพป.กำแพงเพชร เขต 2, สพป.ตาก เขต 1, สพป.ตาก เขต 2)
ส่งข้อมูลแบบ JSONP โดยตรงแทนการใช้ iframe ซึ่งอาจจะมีปัญหาเรื่อง cross-origin ไปยัง App Script ที่ URL: xxx
นำข้อมูลทั้งหมดไปเก็บไว้ใน google sheet ID : xxx ชื่อ sheet : xxx
ใช้ sweet alert แสดงสถานะขณะรอการบันทึกและบันทึกสำเร็จ
เมื่อสร้างระบบเสร็จแล้วให้แสดงโค้ด google appscript ตามข้อ 2 ในหน้าแชตนี้ด้วย