รายงานการพัฒนาสื่อนวัตกรรมและเทคโนโลยีทางการศึกษา63

รายงานการพฒั นาสื่อนวตั กรรมและเทคโนโลยีทางการศกึ ษา โรงเรยี นสุรวิทยาคาร ปกี ารศกึ ษา 2563 ช่ือเรื่อง การพฒั นาสือ่ การสอนดว้ ยบทเรยี นออนไลน์ รายวชิ าแนะแนว ชอื่ ผพู้ ัฒนา นางสาวรตั ยิ า ชัยธนสกุล กล่มุ สาระกการเรียนรู้ กจิ กรรมพฒั นาผ้เู รยี น รายวชิ า วิชาแนะแนว รหัสวชิ า ก22901 ชั้นมธั ยมศึกษาปีที่ 2 ประกอบการจดั การเรียนรู้ วชิ าแนะแนว 1. ชื่อสอ่ื /นวัตกรรมการเรยี นการสอน การพัฒนาสื่อการเรียนการสอนดว้ ยบทเรียนออนไลน์ รายวิชาแนะแนว โดยการนำเสนอเป็นสื่อการ สอนผ่านการเรยี นการสอนบน Google classroom 2. แนวทางการพฒั นาส่อื /นวัตกรรมการเรยี นการสอน  การสร้างนวัตกรรมการเรียนการสอนข้นึ ใหม่ / ปรบั ปรุงหรอื พัฒนาตอ่ ยอดจากท่ีเคยมีผู้สรา้ งหรอื ทำไว้แลว้ 3. ประเภทสอ่ื /นวัตกรรมการเรยี นการสอน / ส่ือเทคโนโลยี  สอ่ื ส่งิ ประดษิ ฐ์  สื่อสิ่งพิมพ์  ชุดกิจกรรม/ชดุ การเรียน  เอกสารประกอบการสอน  แบบฝกึ ทกั ษะ  อ่นื ๆ ระบุ....................... 4. วตั ถปุ ระสงคข์ องสอ่ื /นวัตกรรมการเรียนการสอน (โปรดระบุเป็นขอ้ ๆ) 4.1 เพื่อสร้างนวัตกรรมการเรียนการสอนในการส่งเสริมการเรียนรูใ้ ห้มีปฏิสัมพันธ์/การแลกเปลี่ยน เรียนรู้ทำใหบ้ รรยากาศการเรยี นการสอนดำเนินไปโดยเนน้ ผูเ้ รียนเปน็ ศูนยก์ ลางการเรียนรู้ 4.2 เพื่อพัฒนาสือ่ การเรยี นการสอนท่ีชว่ ยกระต้นุ สรา้ งความสนใจและส่งเสริมการเรียนรู้ด้วยตนเอง แก่ผเู้ รยี น 4.3 เพ่อื สง่ เสริมใหผ้ ู้เรยี นแสวงหาความรู้เพ่มิ เตมิ จากแหลง่ เรียนรตู้ า่ ง ๆ และเป็นสือ่ ทีม่ ีบทบาทสำคัญ ในการจัดกระบวนการเรยี นรู้

4.4 เพ่ือพัฒนารูปแบบการจัดกจิ กรรมการเรียนการสอน โดยการสร้างสือ่ การเรียนการสอนออนไลน์ รายวิชาแนะแนว ระดับชั้นมัธยมศึกษาปีที่ 2 เพื่อแก้ปัญหาการจัดการเรียนการสอนในช่วงการแพร่ ระบาดของไวรัสโคโรน่า 5. วธิ ีการสรา้ ง/ขั้นตอนในการผลิตส่ือ/นวตั กรรมการเรยี นการสอน บทเรยี นออนไลน์ รายวชิ าแนะแนวระดบั ชนั้ มัธยมศกึ ษาปีที่ 2 1. ลกั ษณะของบทเรียนออนไลน์รายวิชาแนะแนวระดับช้นั มัธยมศึกษาปที ี่ 3 มีลกั ษณะเป็นบทเรียน ที่มีการนำเสนอเนือ้ หาในรูปแบบบทเรียนบนเวบ็ ไซต์ เพื่อให้ผู้เรยี นเขา้ ไปศึกษาและมีปฏิสัมพันธ์กับบทเรยี น ด้วยตนเอง หนา้ แรกของเว็บไซตจ์ ะแสดงช่ือรายวิชาแนะแนว ทีห่ มวดหมู่อยา่ งชดั เจน บทเรยี นภายในเว็บไซต์ นำเสนอเนอ้ื หาจะเป็นข้อความ รปู ภาพ ภาพเคลื่อนไหว และเสียง ผู้เรยี นสามารถศึกษาดว้ ยตนเองได้ไม่ว่าจะ อยทู่ ่ใี ด มีเน้ือหาแบ่งออกเปน็ 3 หนว่ ยการเรียนรู้ ดังแสดงในตารางที่ 1 ตารางที่ 1 แสดงรายละเอยี ดการแบง่ หน่วยการเรียนรู้ หน่วยการเรยี นรู้ ชอ่ื หนว่ ย จำนวนช่ัวโมง 1 ด้านการศึกษา 6 2 ดา้ นสว่ นตวั และสงั คม 6 3 ดา้ นอาชพี 8 หนา้ เว็บไซต์สำหรบั เขา้ ใช้งานเวบ็ ไซตห์ อ้ งเรียนออนไลน์

2. การสร้างบทเรยี นออนไลน์และสื่อเทคโนโลยีที่ใชม้ รี ายละเอียดการสร้าง ดงั นี้ 1. ศึกษาและวิเคราะห์เนื้อหาวิชาแนะแนวที่จะนำมาให้นักเรียนได้เรียนรู้โดยศึกษาจาก หนังสือเรียน คู่มือครู และมาตรฐานการเรียนรู้วิทยาศาสตร์และเทคโนโลยี ฉบับปรับปรุง พ.ศ.2560 ตาม หลกั สตู รแกนกลางการศกึ ษาขน้ั พืน้ ฐานพุทธศกั ราช 2551 2. กำหนดวัตถุประสงค์การเรียนรขู องบทเรยี น เพ่ือนำไปใชใ้ นการสรา้ งกำหนดการสอน และแผนการจัดกจิ กรรมการเรยี นการสอน 3. กำหนดแนวคิดในการออกแบบบทเรียนออนไลน์ มี 9 ข้ันตอน ขัน้ ที่ 1 การเรา้ ความสนใจใหพ้ ร้อมเรยี น ครผู ูส้ อนจัดรูปแบบบทเรียนออนไลนใ์ หด้ ึงดูความ สนใจ ด้วยการใช้ภาพ เกม คลปิ วดี โี อ ข้ันที่ 2 การแจง้ สาระสำคัญของบทเรียน ครผู สู้ อนแจง้ สาระสำคัญ เพอื่ ให้ผ้เู รียนได้ทราบถึง สาระสำคัญของบทเรียนล่วงหน้า ช่วยทำให้ผู้เรียนมีความรู้ความสามารถตรงตามสาระสำคัญของ บทเรยี นท่ีได้กำหนดไว้ ขั้นที่ 3 ทบทวนความรู้เดิม ครูผู้สอนจัดทำแบบทดสอบก่อนเรียน โดยการเลือกใช้เกมส์ Kahootหรือ menti.com พรอ้ มกบั เป็นกจิ กรรมนำเข้าสู่บทเรยี น รายวิชาแนะแนว เตรียมความพรอ้ มในการ เข้าสู่เนอ้ื หาใหม่ ขั้นที่ 4 นำเสนอเนื้อหาใหม่ ครูผู้สอนนำเสนอเนื้อหาใหม่ของบทเรียนออนไลน์ ซ่ึง ประกอบด้วย 3 หนว่ ยการเรียนรู้ ได้แก่ หน่วยที่ 1 ด้านการศกึ ษาต่อ หนว่ ยที่ 2 ด้านส่วนตวั และสงั คม หน่วย ท่ี 3 ดา้ นอาชพี โดยแตล่ ะหน่วยการเรยี นรจู้ ะนำเสนอเน้ือหาดว้ ยขอ้ ความที่เป็นการสรปุ เนือ้ หามาอย่างกระชับ เข้าใจงา่ ย อาจใช้รูปภาพประกอบท่ีชดั เจน และวิดีโอการสอนทนี่ ่าสนใจ ภาพสอ่ื การเรียนการสอนในเว็บไซต์ ข้นั ที่ 5 ชีแ้ นะแนวทางการเรยี นรู้ ครผู สู้ อนจดั ทำข้อแนะนำการใช้งานบทเรียนออนไลน์ไว้ท่ี หนา้ แรกของบทเรียนออนไลน์ เพ่ือช่วยใหผ้ ู้เรียนเกดิ ความคิดเช่ือมโยงว่าควรจะปฏบิ ัติส่ิงไหนก่อนหลังเมื่อได้ ศกึ ษา ข้ันท่ี 6 กระตนุ้ การตอบสนอง ครูผู้สอนเปิดโอกาสให้ผเู้ รียนมีส่วนร่วมในกิจกรรมการเรียน ได้แก่ กิจกรรมระหวา่ งเรียนบทเรียน

ขน้ั ท่ี 7 ให้ขอ้ มลู ปอ้ นกลบั ครผู ้สู อนสร้างบทเรยี นออนไลน์มกี ารใหข้ ้อมลู ย้อนกลบั ขั้นที่ 8 ทดสอบความรู้ใหม่ ครูผู้สอนประเมินผลผู้เรียนด้วยการใช้การระดมความคิดเห็น การทำใบงาน เพ่ือประเมินพัฒนาการทางการเรียนรูข้ องผู้เรยี น ขั้นท่ี 9 การสรุป ครผู สู้ อนได้พัฒนาบทเรยี นใหม้ ีการนำเสนอข้อมูล และบทสรุปของเน้อื หาท่ี ได้เรียนให้แก่ผเู้ รยี น 6. เกณฑก์ ารประเมินส่อื การสอน/นวตั กรรมการเรยี นการสอน แบบประเมินส่อื การสอน วิชาแนะแนว1 รหัสวิชา ก 22901 ปกี ารศึกษา 2563 คำชี้แจง ให้นกั เรยี นตอบแบบประเมนิ โดยมรี ะดับการประเมนิ ดงั น้ี ระดับการประเมนิ 4 หมายถงึ ดมี าก ระดบั การประเมิน 3 หมายถึง ดี ระดบั การประเมิน 2 หมายถึง พอใช้ ระดบั การประเมิน 1 หมายถงึ ปรับปรงุ รายการประเมนิ 4 ระดบั การประเมิน 1 32 ความสมบูรณ์ของส่ือการสอน สื่อการสอนอ่านแล้วเขา้ ใจงา่ ย ตัวหนังสือมคี วามเหมาะสม อ่านงา่ ย สบายตา 7. สรปุ ผลการประเมินสอื่ การสอน/นวตั กรรมการเรียนการสอน ภาคเรยี นท่ี 1 ปกี ารศกึ ษา 2564

8. รูปภาพกจิ กรรมการเรียนการสอน สื่อท่ีใชใ้ นการจดั กิจกรรมการเรยี นการสอน การสร้างห้องเรียนon line ครจู ะสร้างช้ันเรยี นเพ่ือมอบหมายงานและโพสตป์ ระกาศให้นกั เรยี นได้ หากโรงเรียนมบี ญั ชี Google Workspace for Education คณุ ควรใช้อเี มลน้นั เพ่อื สรา้ งช้นั หรอื ใช้อีเมล สว่ นตัว 1.สรา้ งช้นั เรียน Google classroom 1. ไปท่ี classroom.google.com 2. ที่ด้านบนของหนา้ ช้ันเรยี น ใหค้ ลิกเพิ่ม สรา้ งชัน้ เรียน

ใส่ช่อื ชั้นเรียน 3. คลิกสร้าง Classroom จะสรา้ งรหัสชนั้ เรียนโดยอัตโนมัติและคุณจะใชร้ หัสดงั กลา่ วเพื่อเชิญนกั เรยี นเขา้ รว่ มช้ันเรยี น ได้ คุณจะเห็นรหสั ช้นั เรยี นที่ดา้ นบนสตรมี ของช้ันเรียนเสมอ ตวั อย่างช้นั เรียนท่สี ร้าง

2. การใช้ Live worksheets 1. สมคั รสมาชกิ 2. ครสู ร้างใบงานเป็นแบบ PDF 3. ไปตั้งคา่ ตอบได้ทั้งแบบเลอื กตอบ การพมิ พล์ งในชอ่ งวา่ ง และการลากเสน้ 4. หลังจากน้นั ส่งล้งิ ก์ให้นกั เรียนทำเลย 5. นกั เรยี นส่งใบงานกลบั มาท่ีอเี มล์คณุ ครู หรอื แคปเจอร์ ภาพมาส่งครู การสมคั รเร่ิมเขา้ ใช้งาน Liveworksheets • 1 ไปทีเ่ ว็บไซต์ https://www.liveworksheets.com • 2 ไปท่ี Teachers access เลอื กเข้าไปสมัครใช้งานที่ Register • 3 เขา้ ไปกรอกขอ้ มลู ฝัง่ ซ้าย สว่ นฝั่งขวายงั ไม่จำเป็นตอ้ งกรอกกไ็ ด้ (ทส่ี ำคญั จะตอ้ งจำ username และ password ทีใ่ ช้สมคั รให้ได้)

• 4 กลบั เข้าไปทีก่ ล่องจดหมายของ E-mail ทเ่ี ราสมัครเพ่ือไป Activate เขา้ ใชง้ าน ไปที่ จดหมาย Welcome to liveworksheets (กดเลอื กตรงขอ้ ความท่ียาวท่สี ุด) • 5 จากนนั้ จะกลบั เขา้ มา login หน้าเวบ็ อกี ครัง้ โดยใส่ Username และ Password ที่เราใช้ สมคั ร ลงไป (โดยอาจจะกดใหเ้ ครื่องทำการบนั ทึกไว้ที่ Remember me)

ขั้นตอนการเริ่มสรา้ งใบงาน • 1 ไปที่ Make interactive worksheets เลือกที่ Get started • 3 พอไดไ้ ฟล์งานเข้าระบบ จะมองเหน็ ใบงานนน้ั โดยจะมีแถบเคร่ืองมอื และขน้ั ตอนในการ สรา้ งใบงานตามนี้ (ตวั อย่าง) สามารถกำหนดใหน้ ักเรยี นตอบคำถามและสง่ กลับมายังคณุ ครูได้ ในวชิ าแนะแนว ครูใช้ใบ งานแบบตอบคำถามมากท่ีสุดเน่อื งจากเปน็ การแสดงความคดิ เห็น 3. การใช้ canva เวบ็ ไซต์ Canva เป็นหนง่ึ ในเคร่ืองมือการออกแบบภาพทด่ี ีที่สดุ แลว้ ไม่วา่ จะเปน็ การออกแบบเพ่ือ Social Media ต่างๆ หรอื ส่อื พมิ พ์แบบด่ังเดิม เรากส็ ามารถหาวธิ ที ำไดง้ ่ายๆใน Canva Canva ก็เป็นเครื่องมอื ทใี่ ชง้ านไดท้ ้งั แบบฟรี และแบบเสยี เงินคา่ สมาชกิ นอกจากนน้ั ก็ยงั ใชง้ านได้ทัง้ ในคอม และในมอื ถือ

1 สมัครสมาชิก Canva 2 เลือกการออกแบบ Canva ท่ีคุณอยากได้ 3 เลือก Template ที่เหมาะกับการใช้งาน หลงั จากที่คุณเลอื กขนาด dimensions แล้ว ขนั้ ตอนต่อไปกค็ ือการเลือก Template ที่คณุ อยากจะเริม่ ออกแบบภาพในรปู แบบของคุณขึ้นมา (หรอื ถ้าคุณม่ันใจมากพอกเ็ รมิ่ จากการออกแบบหนา้ ขาวจากศนู ยเ์ ลยก็ ได้) ข้อดขี อง Template ก็คือเราสามารถ ‘ยืมความคิด’ คนอนื่ และนำสง่ิ เหลา่ นี้มาดัดแปลงให้เหมาะกับสงิ่ ทีเ่ รา อยากได้ เราสามารถใช้ Template ส่วนมากได้ฟรี แต่ Template บางประเภทกอ็ าจใช้ภาพหรอื element ทเ่ี ราตอ้ ง เสยี เงินภายหลังได้ ในเร่อื งค่าใช้จ่ายและการชำระเงนิ ผมจะอธบิ ายในขนั้ ตอนตอ่ ไปอกี ที แต่โดยรวมแลว้ ราคา สว่ นนีไ้ ม่แพงเท่าไหร่ แตถ่ า้ คุณไมส่ ะดวกก็เลอื กตัวเลือกท่ไี มต่ ้องเสียเงนิ ตั้งแต่แรกกไ็ ด้

4 การออกแบบ: ลบ เพ่ิม และเปล่ียนสี ในส่วนนผ้ี มจะแนะนำวิธีการแตง่ ภาพเพม่ิ เตมิ ด้วยสว่ นประกอบและฟิเจอรต์ ่างๆของ Canva ภาพ (Photo) – หมายถึงภาพ Stock Photo ท่ี Canva มใี หเ้ พ่อื ใช้ประกอบการออกแบบของเรา มที ั้งภาพ แบบฟรีและแบบเสียเงนิ หรือเราจะใช้ภาพท่เี ราเตรยี มมาจากชอ่ งทางอนื่ ๆกไ็ ด้ นอกจากนนั้ หากเราคลกิ ทภ่ี าพ Canva กจ็ ะมีฟเิ จอร์ใหเ้ ราตกแต่งเพ่มิ เตมิ ได้ (Effect Filter Adjust Crop Flip) หากเป็นการตกแตง่ งา่ ยๆเรา สามารถทำดว้ ยฟิเจอรเ์ หลา่ นไ้ี ดเ้ ลย Element – หมายถงึ องคป์ ระกอบในการออกแบบอืน่ ที่ Canva ใหม้ าเพ่ือชว่ ยใหก้ ารออกแบบเรามีสีสนั มาก ขึน้ เชน่ รปู รา่ ง หรอื ไอคอน ตา่ งๆ เช่นกัน Element กม็ ที ั้งแบบฟรีและกเ็ สยี เงิน และเราก็สามารถอัพโหลด สง่ิ เหล่านม้ี าใชง้ านจากภายนอกได้ดว้ ย Font – หมายถงึ ฟอนตท์ ี่เราใชใ้ นการพิมพ์ต่างๆ ฟอนตภ์ าษาอังกฤษมีเยอะมาก แตภ่ าษาไทยจะมีอยไู่ มก่ ่ี รปู แบบ เราสามารถใช้ฟอนต์ตวั เองได้หากเราเปน็ สมาชกิ Canva Pro (แบบเสียเงินรายเดือน) สี – Element ท่ี Canva ให้เรามา และ Font ตา่ งๆที่เราใช้สามารถเปล่ยี นสไี ด้ ในสว่ นนี้ Canva จะมีการ แนะนำสที ่ีเหมาะหรือคล้ายกับ Element อืน่ ๆท่เี ราใช้ เพื่อใหเ้ ราสามารถคุมโทนได้ง่ายข้นึ โดยรวมแลว้ กถ็ ือ วา่ ใชง้ านไดง้ า่ ยและสะดวกมาก 5 การเซฟ และ การเลือกชนิดของไฟล์ หลกั จากที่เราได้ออกแบบมาแลว้ หลังจากนกี้ เ็ ปน็ เรือ่ งของการเซฟไฟลอ์ อกมาใชง้ าน Canva ชอบเปลีย่ น รูปแบบหนา้ เว็บไซตแ์ ตโ่ ดยรวมแลว้ การเซฟภาพจะอย่ทู ่ีดา้ นขวาบน อาจจะเป็นคำวา่ Download หรือเป็นตวั ลกู ศรชลี้ งก็ได้ การเซฟไฟลท์ เ่ี ราเหน็ ไดบ้ ่อยก็คือ JPEG GIF และ PDF ซ่ึงเราจะเซฟหนึ่งหน้าหรอื ทกุ หนา้ กไ็ ด้ ตัวอย่างงานcanva

4. การสรา้ ง Blogspot 1. เข้าเวบ็ ไซต์ดว้ ย www.blogger.com ปรากฎหนา้ เวบ็ เพจตามภาพด้านล่าง คลกิ ปุ่มสรา้ งบลอ็ ก (ตวั อยา่ ง) 2. กรอกชือ่ Gmail และคลกิ ปมุ่ ถดั ไป (ตัวอยา่ ง) 3. กรอกรหัสผา่ นของ Gmail และคลิกปุม่ ถดั ไป

4. พมิ พ์ชอ่ื บล็อกทต่ี อ้ งการ แล้วคลกิ ปมุ่ ถดั ไป (ตัวอย่าง) 5. พมิ พท์ ี่อย่บู ล็อกเป็นภาษาองั กฤษเทา่ น้ัน แล้วคลกิ ปมุ่ ถดั ไป (ตัวอยา่ ง) 6. พมิ พ์ช่อื บล็อกทต่ี ้องการอีกคร้งั คลิกเสร็จส้ิน ขัน้ ตอนในการสมคั ร Blogger ก็เสร็จเรยี บรอ้ ย

Blog ทจ่ี ดั ทำสำหรบั วางงาน 5. การสร้างแบบทดสอบของ Kahoot! เขา้ ไปที่ Kahoot.it แล้วเขา้ ไปที่ getkahoot.com (ตามวงกลมและลกู ศรสเี หลอื ง ดงั ภาพ) ........................ หากยงั ไมไ่ ด้เป็นสมาชกิ ก็สมัครให้เรียบร้อย โดยไปท่ี GET MY FREE ACCOUNT เมือ่ สมัครสมาชกิ เรยี บรอ้ ยใหเ้ ข้าไปท่ี SIGN IN ใสข่ ้อมูลตามที่ได้รบั แจ้งใหเ้ รียบรอ้ ย แลว้ กดปมุ่ SIGN IN

เราสามารถสรา้ งแบบทดสอบได้ 3 รปู แบบ คือ แบบ Quiz แบบ Discussion และแบบ Survey ระบบจะให้เราตัง้ ช่อื ของ Quiz ซ่งึ ใช้ไดท้ ้ังชอื่ ภาษาไทยและภาษาอังกฤษ ระบบจะให้เราใส่รายละเอยี ดขอ้ คำถามในแตล่ ะข้อ เราก็ตง้ั โจทยป์ ัญหาที่ช่อง Question ไดเ้ ลย และตัวเลือกตอบก็ใสต่ รงชอ่ ง Answer แล้วเลือกตวั เลือกทถ่ี กู ต้อง เมื่อดำเนนิ การขอ้ แรกเสร็จแลว้ ใหค้ ลิกท่ปี ่มุ Add question เพ่ือดำเนนิ การสรา้ งข้อคำถามต่อไป ....................................

เม่อื เราสร้างขอ้ คำถามเสรจ็ เรยี บรอ้ ย ระบบกจ็ ะนำข้อคำถามเกบ็ ไว้ใน My Kahoots เมอ่ื เราตอ้ งการเรียกใช้ Quiz เรอ่ื งใด ก็กดไปที่ Play ........................... เช่นหากเลือก Quiz เร่อื ง “สมรรถนะและบุคลิกภาพ” ระบบก็จะแสดงหนา้ Quiz name แล้วเรากก็ ด Launch เพื่อเป็นการเริม่ กิจกรรม Kahoot! .................................... ระบบกจ็ ะนำไปสหู่ นา้ เรม่ิ ต้น และแสดงรหัส Gam-pin เพ่ือใหผ้ ู้เรยี นของเรามา Join ผ่านมือถอื โดยระบบก็แสดงจำนวน Players และชื่อที่ Sign in เข้ามาได้ดว้ ย

ลงช่อื รัตยิ า ชยั ธนสกุล รายงาน (นางสาวรัตยิ า ชัยธนสกุล) ตำแหน่งครู