A การพัฒนาระบบจำลองพื้นที่การทดสอบโค้ด เรื่อง การสร้างเว็บไซต์ด้วย HTML5 ร่วมกับ CSS3
คำสำคัญ:
บทเรียนออนไลน์, HTML5, CSS3, ระบบจำลองพื้นที่ทดสอบโค้ดบทคัดย่อ
การวิจัยนี้มีวัตถุประสงค์ 1) เพื่อพัฒนาระบบจำลองพื้นที่การทดสอบโค้ด เรื่องการสร้างเว็บไซต์ด้วย HTML5 ร่วมกับ CSS3 และ 2) เพื่อศึกษาความพึงพอใจของผู้เรียนที่มีต่อการใช้ระบบจำลองพื้นที่การทดสอบโค้ด เรื่องการสร้างเว็บไซต์ด้วย HTML5 ร่วมกับ CSS3 การวิจัยดำเนินการตามวิธีการเชิงระบบ (system approach) ระบบที่พัฒนาขึ้นผู้ใช้สามารถใช้งานผ่านอินเทอร์เน็ต รองรับการใช้งานผ่านเครื่องคอมพิวเตอร์ อุปกรณ์สมาร์ทโฟน และแท็บเล็ต โดยสามารถแสดงข้อมูลได้ทุกระบบปฏิบัติการ เช่น Windows, IOS และ Android ภาษาที่ใช้ในการพัฒนาเว็บไซต์ ได้แก่ CSS3, HTML5, JQuery, JavaScript, Bootstrap, PHP และใช้ MySQL เป็นระบบจัดการฐานข้อมูล กลุ่มตัวอย่างที่ใช้ในการวิจัยคือ นักศึกษาคณะเทคโนโลยีสารสนเทศ มหาวิทยาลัยศรีปทุม วิทยาเขตชลบุรี สาขาวิชาเทคโนโลยีสารสนเทศและการสื่อสาร จำนวน 40 คน โดยเลือกกลุ่มตัวอย่างตามวัตถุประสงค์ (proposed sampling) วิเคราะห์ข้อมูลโดยใช้ค่าเฉลี่ย และส่วนเบี่ยงเบียนมาตรฐาน พบว่าหลังจากผู้เรียนใช้ระบบจำลองพื้นที่การทดสอบโค้ด เรื่องการสร้างเว็บไซต์ด้วย HTML5 ร่วมกับ CSS3 มีความพึงพอใจในภาพรวมอยู่ในระดับดี สรุปได้ว่า เว็บไซต์ที่พัฒนาระบบจำลองพื้นที่การทดสอบโค้ด เรื่องการสร้างเว็บไซต์ด้วย HTML5 ร่วมกับ CSS3 มีประสิทธิภาพและมีความเหมาะสมกับการเรียนรู้
เอกสารอ้างอิง
เกรียงศักดิ์ เจริญวงศ์ศักดิ์. (2544). e-Learning: ยุทธศาสตร์การเรียน. Economy, 1(26), หน้า 43.
ปรีดาวรรณ อ่อนนางใย. (2555). การสร้างแบบทดสอบวัดความสามารถทางการคิดวิเคราะห์สำหรับ นักเรียนชั้นประถมศึกษาปีที่ 6 สำนักการศึกษา กรุงเทพมหานคร. ปริญญานิพนธ์การศึกษา มหาบัณฑิต สาขาวิชาการวัดผลการศึกษา, บัณฑิตวิทยาลัย มหาวิทยาลัยศรีนครินทรวิโรฒ.
ปัทมา นพรัตน์. e-Learning ทางเลือกใหม่ของการศึกษา (ออนไลน์). เข้าถึงได้จาก:
http://www.e-learning.dss.go.th/ knowledge/files/5649newchoice.htm [2559, 9 มีนาคม].
สามมิติ สุขบรรจง. (2554). การพัฒนาบทเรียน e-Learning รายวิชาการแสดงและสื่อ. กรุงเทพฯ: มหาวิทยาลัยศรีนครินทรวิโรฒ.
เศรษฐชัย ชัยสนิท และเตชา อัศวสิทธิถาวร. (2549). การวิเคราะห์และออกแบบระบบ. กรุงเทพฯ: วัง อักษร.
อลิศรา เพ็ชรอาวุธ. (2556). ความหมายและองค์ประกอบของสื่ออิเล็กทรอนิกส์ (e-Learning) (ออนไลน์).
เข้าถึงได้จาก: https://www.gotoknow.org/posts/553762 [2559, 9 มีนาคม].
ดาวน์โหลด
เผยแพร่แล้ว
ฉบับ
ประเภทบทความ
สัญญาอนุญาต
บทความทุกบทความเป็นลิขสิทธิ์ของวารสารวิชาการศรีปทุม ชลบุรี
