การพัฒนาบทเรียนออนไลน์ เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก โรงเรียนดงเย็นวิทยาคม

ผู้วิจัย ว่าที่ร้อยตรี ธีระวุฒิ   สุวรรณทา* https://pa.krutee.com/%e0%b8%a7%e0%b8%b4%e0%b8%88%e0%b8%b1%e0%b8%a2%e0%b9%83%e0%b8%99%e0%b8%8a%e0%b8%b1%e0%b9%89%e0%b8%99%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99/#flipbook-df_367/5/ บทคัดย่อ                  การวิจัยครั้งนี้มีวัตถุประสงค์เพื่อศึกษา เพื่อพัฒนาบทเรียนออนไลน์ เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML  ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก  และเพื่อเปรียบเทียบผลสัมฤทธิ์ทางการเรียนของนักเรียนที่เรียนด้วยบทเรียนออนไลน์เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก โรงเรียนดงเย็นวิทยาคม                  การพัฒนาบทเรียนออนไลน์ เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML  ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก โดยการออกแบบเครื่องมือ TEAC Modle  การออกแบบและพัฒนาบทเรียนออนไลน์ เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML  ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก เพื่อพัฒนาแผนการจัดการเรียนการสอนให้มีประสิทธิภาพ ตามรูปแบบ TEAC Modle  ดังนี้ 1) Teaching 2) E- Learning 3) Active Learning                     4) Cooperative Learning  และพัฒนาผลสัมฤทธิ์ทางการเรียนของนักเรียนด้วยบทเรียนออนไลน์เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก โรงเรียนดงเย็นวิทยาคม ให้มีประสิทธิภาพสูงขึ้น                  กลุ่มตัวอย่างที่ใช้ในการศึกษาครั้งนี้ ได้แก่ นักเรียนชั้นมัยมศึกษาปีที่ 5/1 จำนวน 36 คน เครื่องมือที่ใช้ในการวิจัย ได้แก่ แผนการจัดการเรียนรู้ เว็บไซต์การจัดการเรียนการสอน แบบประเมินผลสัมฤทธิ์ทางการเรียนของนักเรียน และแบบประเมินสื่อการจัดการเรียนการสอน   คำสำคัญ  : การจัดการเรียนรู้เชิงรุก,เว็บไซต์การจัดการเรียนการสอน   ABSTRACT              This research aims to study To develop online lessons on writing websites in HTML for Mathayom 5/1 students using active learning management techniques. and to compare the academic achievement of students learning with online lessons on Writing a website in HTML, Mathayom 5/1, using active learning techniques. Dong Yen Witthayakhom School                  Developing an online lesson on writing websites in HTML for Mathayom 5/1 using active learning management techniques. By designing the TEAC Modle tool, designing and developing online lessons on writing websites in HTML for Mathayom 5/1 students using active learning management techniques. To develop an effective teaching and learning plan according to the TEAC Modle format as follows: 1) Teaching 2) E-Learning 3) Active Learning 4) Cooperative Learning and develop student academic achievement with online lessons on Writing websites in HTML, Mathayom 5/1, using active learning techniques. Dong Yen Witthayakhom School to have higher efficiency                  The sample group used in this study consisted of 35 5th/1st year high school students. The research instrument was a learning cone. Learning management plan Teaching management website Assessment of student academic achievement and assessment of teaching and learning media   Key Words : Active Learning, Learning Management System   บทนำ                  เนื่องจากสำนักงานคณะกรรมการการศึกษา ขั้นพื้นฐาน กระทรวงศึกษาธิการตระหนักถึงความสำคัญในการดูแลนักเรียน ผู้ปกครอง ครูและบุคลากร ทางการศึกษา จึงได้จัดทำสื่อเทคโนโลยี เพื่อให้นักเรียน ครู และโรงเรียน  ได้นำสื่อการเรียนรู้ต่าง ๆ ไปใช้ในการจัดกิจกรรมการเรียนการสอน เพื่อเป็นการจัดการเรียนการสอนในยุค New normal นับว่าได้เปลี่ยนรูปแบบการจัดการเรียนการสอน ไปอย่างสิ้นเชิง ภายหลังที่สถานการณ์การแพร่ระบาดของโรคติดเชื้อไวรัสโคโรนา ๒๐๑๙   ได้ลดน้อยลงจึงมีการปรับเปลี่ยนการเรียนการสอนเป็นการสอนโดยใช้สื่อดิจิทัล มีการใช้เทคโนโลยีเข้ามาช่วย กับระบบการเรียนการสอน                  ปัจจุบันการศึกษาไทยเข้าสู่ในศตวรรษที่ 21 การเรียนรู้ของผู้เรียนมีทางเลือกหลากหลายในการเรียนรู้              มีนวัตกรรม และเทคโนโลยี พร้อมทั้งเรียนรู้ได้ด้วยตนเอง ทุกที่ทุกเวลา บางครั้งการจัดการเรียนสอนในชั้นเรียนคงยังไม่เพียงพอสำหรับความรู้ของผู้เรียน ทำให้ผลสัมฤทธิ์ทางการเรียนน้อยกว่าเกณฑ์ ข้าพเจ้าจึงสร้างสื่อบทเรียนออนไลน์ผ่านระบบการจัดการเรียนการสอน มาใช้เพื่อแก้ปัญหาของนักเรียน ซึ่งในการเรียนในรายวิชาการเขียนเว็บไซต์ด้วยภาษา HTML                    เป็นรายวิชาเพิ่มเติมของสถานศึกษา และเป็นรายวิชาที่เน้นการปฏิบัติ จึงทำให้นักเรียนบางคนเรียนไม่ทันซึ่งเป็นความแตกต่างระหว่างบุคคลของผู้เรียน  ข้าพเจ้าจึงสร้างบทเรียนเรียนออนไลน์ แล้วนำมาใส่ในระบบจัดการเรียนการสอน เพื่อให้ผู้เรียนสามารถกลับไปเรียนย้อนหลังได้ เพื่อที่จะทำให้ผู้เรียนมีผการพัฒนาผลสัมฤทธิ์ทางการเรียนให้สูงขึ้น                  ดังนนั้นการจัดการเรียนการสอนในช่วงสถานการณ์ปกติ  จึงนับว่าต้องมีการปรับเปลี่ยนรูปแบบให้เหมาะสมกับช่วง สถานการณ์และต้องเตรียมพร้อมรับมือในการจัดการเรียนการสอนในรูปแบบที่หลากหลาย ด้วยเหตุนี้จึงทำให้มีการพัฒนานวัตกรรมในการจัดการเรียนการสอนด้วยสื่อดิจิทัลนี้ขึ้นเพื่อให้ผู้เรียนเข้ามา มีส่วนร่วมในการจัดกิจกรรมในชั้นเรียน              มีความรู้ความเข้าใจในการเรียนรู้ ในรูปแบบที่หลากหลาย ตามนโยบายและจุดเน้น ของสำนักงานคณะกรรมการการศึกษาขั้นพื้นฐาน ประจำปีงบประมาณ พ.ศ. 2567 – 2568 นโยบายระยะเร่งด่วน (Quick Win) ของสำนักงานคณะกรรมการการศึกษาขั้นพื้นฐาน ประจำปีงบประมาณ พ.ศ. 2567 การลดภาระนักเรียน และผู้ปกครอง ในข้อที่ 1 การเรียนทุกที่ทุกเวลา (Anywhere Anytime) ด้วยเทคโนโลยีดิจิทัล และส่งเสริมการจัดการเรียนการสอนแบบ Active learning ซึ่งเป็นสิ่งสำคัญในการ ยกระดับผลสัมฤทธิ์ทางการศึกษาให้แก่ผู้เรียน และเตรียมผู้เรียนให้พร้อมต่อการเป็นพลเมืองโลกต่อไป   วัตถุประสงค์ของการวิจัย                  เพื่อพัฒนาบทเรียนออนไลน์พัฒนาบทเรียนออนไลน์  เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML  ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก และเปรียบเทียบเพื่อเปรียบเทียบผลสัมฤทธิ์ทางการเรียนของนักเรียน   วิธีดำเนินการวิจัย

 

                 การพัฒนาบทเรียนออนไลน์พัฒนาบทเรียนออนไลน์  เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML  ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก ในครั้งนี้ผู้วิจัยได้ดำเนินการศึกษาวิจัยตามขั้นตอนดังนี้

1. ประชากรกลุ่มตัวอย่าง
2. เครื่องมือที่ใช้ในการวิจัย
3. วิธีการดำเนินการวิจัยและรวบรวมข้อมูล
4. ประชากรกลุ่มตัวอย่าง

    1.1 ประชากร                          ประชากรที่ใช้ในการวิจัยครั้งนี้ หมายถึง กลุ่มเป้าหมายที่เป็นผู้ใช้ระบบที่ผู้วิจัยพัฒนาขึ้นได้แก่ นักเรียนชั้นมัธยมศึกษาปีที่ 6 ภาคเรียนที่ 2 ปีการศึกษา 2567 โรงเรียนดงเย็นวิทยาคม จำนวน 60 คน                           1.2 กลุ่มตัวอย่าง                           สำหรับกลุ่มตัวอย่างที่ใช้ในการวิจัยครั้งนี้ได้มาจากการคัดเลือกกลุ่มตัวอย่างแบบเจาะจง โดยคัดเลือก                  1 ห้องเรียน ได้แก่ นักเรียนชั้นมัยมศึกษาปีที่ 5/1 ภาคเรียนที่ 2 ปีการศึกษา 2566 รวมทั้งสิ้น 36 คน

1. เครื่องมือที่ใช้ในการวิจัย ประกอบด้วย

                                  2.1 แผนการจัดการเรียนรู้ เรื่อง HTML เบื้องต้น                                   2.2 แบบประเมินสื่อการเรียนการสอน (LMS : Learning Management System)                                   2.3 แบบประเมินผลสัมฤทธิ์ทางการเรียนของผู้เรียน

1. วิธีการวิจัยและรวบรวมข้อมูล

                      ผู้วิจัยดำเนินการวิจัยในการพัฒนาระบบการจัดการเรียนการสอน (LMS : Learning Management System) ดังนี้ ผังงาน (Flowchart) แสดงขั้นตอนแนวทางการแก้ปัญหาและพัฒนา       การออกแบบแนวทางการพัฒนา ภาพที่ 1 รูปแบบนวัตกรรม TEAC MODEL T = Teaching หมายถึง ครูผู้สอนให้นักเรียนได้รับความรู้ เพื่อให้นักเรียนนำความรู้ที่ได้จากการสอนของครูไป                               ใช้ได้จริงในชีวิตประจำวัน โดยครูใช้เทคนิคต่างๆ ในการจัดกาเรียนการสอน เพื่อนให้                                ผู้เรียนเกิดทักษะ และเรียนอย่างมีความสุข E= E- Lerning หมายถึง ครูมีระบบการจัดการเรียนการสอนออนไลน์ (Learning Management System: LMS)                                 เพื่อให้ผู้เรียนได้เรียนรู้ได้ทุกที่ทุกเวลา โดยไม่จำกัดสถานที่ และเวลา ทำให้ผู้เรียน                               สามารถกลับไปทบทวนบทเรียนได้เอง และมีระบบโต้ตอบออนไลน์ผ่านระบบแชทกับ                               ผู้เรียน ในกรณีผู้เรียนเกิดปัญหาในการเรียน หรือไม่กล้าสอบถามครูในชั้นเรียน มี                                    ระบบส่งงาน  การประเมิน การทดสอบ ทำให้การจัดการเรียนการสอนเกิด                               ประสิทธิภาพสูงสุด A = Active Leraning หมายถึง รูปแบบ หรือแนวทางในการจัดการเรียนการสอน เพื่อให้เรียนเรียนเกิดทักษะ                               กระบวนการเรียนรู้ด้วยตนเอง โดยครูผู้สอนทำหน้าที่ค่อยแนะนำชี้แนะแนวทาง โดย                                            ให้ผู้เรียนเกิดการเรียนรู้ได้เต็มตามศักยภาพสูงสุด โดยประยุกต์ใช้เทคนิคการสอน                               ต่างๆ C = Cooperative Learning หมายถึง รูปแบบการจัดการเรียนการสอนแบบร่วมมือ โดยใช้เทคนิคต่างๆ โดย                               ใช้เทคนิค การแข่งขันระหว่างกลุ่มด้วยเกม (Team Games Tournament                               หรือ TGT) ในการจัดการเรียนการสอน เพื่อให้ผู้เรียนได้เรียนรู้การทำงานเป็น                               ทีม และเกิดทักษะการเรียนรู้ได้อย่างมีประสิทธิภาพ และทั่วถึง โดยในกลุ่มทีม                               จะมีการแบ่งให้ผู้เรียนมีคนที่เก่ง ปานกลาง และอ่อน อยู่ในทีมเดียวกัน และมี                               การนำคะแนนแต่ละคนมารวมเป็นคะแนนกลุ่ม และจัดอันดับในห้องเรียน มี                               การประกาศรางวัล เพื่อกระตุ้นให้ผู้เรียนตั้งใจเรียนในเนื้อหานั้นๆ   ผลการวิจัยและอภิปรายผล                  การพัฒนาบทเรียนออนไลน์ เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML  ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก  และเพื่อเปรียบเทียบผลสัมฤทธิ์ทางการเรียนของนักเรียนที่เรียนด้วยบทเรียนออนไลน์เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก โรงเรียนดงเย็นวิทยาคม ระบบการจัดการเรียนการสอน (LMS : Learning Management System) สามารถเรียนรู้ได้ทุกที่ทุกเวลา โดยไม่จำกัดสถานที่                และเวลา ทำให้ผู้เรียน สามารถกลับไปทบทวนบทเรียนได้เอง และมีระบบโต้ตอบออนไลน์ผ่านระบบแชทกับผู้เรียน ในกรณีผู้เรียนเกิดปัญหาในการเรียน หรือไม่กล้าสอบถามครูในชั้นเรียน มีระบบส่งงาน  การประเมิน การทดสอบ ทำให้การจัดการเรียนการสอนเกิดประสิทธิภาพสูงสุด                  จากผลการศึกษาการพัฒนาบทเรียนออนไลน์ เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML  ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก โรงเรียนดงเย็นวิทยาคม ได้ประเด็นสำคัญนำมาอภิปรายผลการศึกษาได้ดังนี้

1. มีระบบการจัดการเรียนการสอนที่มีประสิทธิภาพ สามารถนำมาใช้ในการจัดการเรียนการสอนได้ และทำให้ผู้เรียนเกิดการเรียนรู้ได้ด้วยตนเอง ทำให้ผู้เรียนเกิดกระบวนการทักษะการคิด และวิเคราะห์ ได้ตรงตามสมรรถนะสำคัญของผู้เรียน 5 ด้าน คือ 1) ความสามารถในการสื่อสาร 2) ความสามารถในการคิด 3) ความสามารถในการแก้ปัญหา 4) ความสามารถในการใช้ทักษะชีวิต 5) ความสามารถในการใช้ทักษะชีวิต
2. ผู้เรียนมีผลสัมฤทธิ์ทางการเรียนที่สูงขึ้น ในรายวิชา การเขียนเว็บไซต์ด้วยภาษา HTML ชั้นมัธยมศึกษาปีที่ 5/1 ภาคเรียนที่ 2 ประจำปีการศึกษา 2566 รวมจำนวนนักเรียน 36 คน ผลการเรียนเฉลี่ย 89.21

  สรุปผลการวิจัย                  บทเรียนออนไลน์ เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML  ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก  และเพื่อเปรียบเทียบผลสัมฤทธิ์ทางการเรียนของนักเรียนที่เรียนด้วยบทเรียนออนไลน์เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก ทำให้ผู้เรียนมีผลสัมฤทธิ์ทางการเรียนในรายวิชาการเขียนเว็บไซต์ด้วยภาษา HTML ชั้นมัธยมศึกษาปีที่ 5/1 ภาคเรียนที่ 2 ประจำปีการศึกษา 2566 สูงขึ้น     ภาพที่ 2 ผลสัมฤทธิ์ทางการเรียน รายวิชา การเขียนเว็บไซต์ด้วยภาษา HTML ชั้นมัธยมศึกษาปีที่ 5/1  ภาคเรียนที่ 2                              ปีการศึกษา 2566   ข้อเสนอแนะ                        จากผลการศึกษาการพัฒนาบทเรียนออนไลน์พัฒนาบทเรียนออนไลน์  เรื่อง การเขียนเว็บไซต์ด้วยภาษา HTML  ชั้นมัธยมศึกษาปีที่ 5/1 ด้วยเทคนิคการการจัดการเรียนรู้เชิงรุก โรงเรียนดงเย็นวิทยาคม ผู้ศึกษามีข้อเสนอแนะในการพัฒนาบทเรียนออนไลน์พัฒนาบทเรียนออนไลน์ให้มีประสิทธิภาพมากยิ่งขึ้น ดังนี้

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

กิตติกรรมประกาศ               วิจัยฉบับนี้สำเร็จได้ด้วยความกรุณาจาก นางสุภภัคชญา  นารากิจศิริ ผู้อำนวยการโรงเรียนดงเย็นวิทยาคม และ                  นางสาวจินตนา  ดีดวงพันธ์ รองผู้อำนวยการโรงเรียนดงเย็นวิทยาคม ที่ได้ให้คำแนะนำ คำปรึกษา และข้อเสนอแนะ ตลอดจนแก้ไขข้อบกพร่องต่างๆ จนทำให้วิทยานิพนธ์ฉบับนี้สำเร็จได้ด้วยความสมบูรณ์ ผู้วิจัยขอกราบขอบพระคุณเป็นอย่างสูง มา ณ โอกาสนี้                  ขอขอบพระคุณคณะผู้เชี่ยวชาญทุกท่านที่กรุณาให้ข้อคิดเห็น  ข้อเสนอแนะ ตรวจสอบ  ปรับปรุงและแก้ไขข้อบกพร่องเครื่องมือที่ใช้ในการเก็บรวบรวมข้อมูลการวิจัยครั้งนี้ รวมทั้งขอขอบพระคุณครูโรงเรียนดงเย็นวิทยาคมทุกท่านที่ให้คำแนะนำที่เป็นประโยชน์ในการปรับปรุงแก้ไขความถูกต้องของวิจัย ทำให้วิจัยนี้มีความสมบูรณ์มากยิ่งขึ้น    

เอกสารอ้างอิง

          กุลธิดา ทุ่งคาใน.การเรียนรู้แบบผสมผสาน Blended Learning ในวิถี New Normal.                              ครุศาสตร์สาร,15(1),29-43,2564 มนชัย  เทียนทอง.การออกแบบและพัฒนาบทเรียนคอมพิวเตอร์. พิมพ์ครั้งที่ 3. กรุงเทพฯ :                      ภาควิชาคอมพิวเตอร์ มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ                     ,2554._______. นวัตกรรม: การเรียนและการสอนด้วยคอมพิวเตอร์.พิมพ์ครั้งที่ 1.                      กรุงเทพฯ  : สถาบันเทคโนโลยีพระจอมเกล้าพระนครเหนือ,2556 วิภาดา สุขเขียว.การพัฒนาแนวคิดเชิงคำนวณโดยการจัดการเรียนรู้เชิงรุกร่วมกับ Edmodo และ                     Quizizz สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 4.ปริญญาศึกษามหาบัณฑิต สาขาวิชา                     การสอนชาคณิตศาสตร์ วิทยาศาสตร์ และคอมพิวเตอร์ มหาวิทยาลัยทักษิณ,2563