การสร้างสื่อการเรียนรู้ออนไลน วิชาการเขียนโปรแกรมโดยใช้เครื่องมือกราฟิกโหมด

สารบัญ จ ใบรบั รองโครงการ หน้า ใบแห่งลิขสทิ ธ์ิ ก บทคดั ยอ่ ภาษาไทย ข กติ ติกรรมประกาศ ค สารบญั ง สารบญั (ตอ่ ) จ สารบญั ตาราง ฉ สารบัญรปู ช สารบญั รปู (ต่อ) ซ บทที่ 1 บทนา ฌ 1 1.1 ความเปน็ มาและความสาคญั ของปัญหา 1 1.2 วตั ถุประสงคข์ องโครงการ 1 1.3 เปา้ หมายและขอบเขตของโครงการ 2 1.4 แผนงานและระยะเวลาดาเนนิ การ 3 1.5 ประโยชน์ทค่ี าดว่าจะได้รบั 3 1.6 นยิ ามศพั ทเ์ ฉพาะ 3 บทที่ 2 ทฤษฎที ี่เก่ียวขอ้ ง 5 2.1 ความรู้เกี่ยวกบั วชิ าการเขยี นโปรแกรมโดยใช้เครือ่ งมอื กราฟิกโหมด 5 2.2 ความรู้เบื้องต้นเก่ียวกับสอื่ การสอน 5 2.3 การออกแบบและพฒั นาสื่อการเรียนการสอน 7 2.4 การเรียนการสอนแบบออนไลน์ (e–Learning) 23 2.5 งานวจิ ยั ทเ่ี ก่ยี วขอ้ ง 26 บทที่ 3 วธิ ีดาเนินการจดั ทาโครงการ 28 3.1 ประชากรและกลุ่มตัวอย่าง 28 3.2 เครอื่ งมือท่ีใช่ในการพฒั นาระบบ และวิเคราะหข์ ้อมูล 28 3.3 การเก็บรวบรวมข้อมลู 30 3.4 การวเิ คราะหข์ ้อมลู 30 3.5 ขนั้ ตอนการดาเนินงานสร้างเว็บไซต์ 31 บทท่ี 4 ผลการทดลองโครงงาน 37

สารบัญ (ตอ่ ) ฉ บทที่ 5 สรปุ การจัดทาโครงการ อภปิ รายผล และข้อเสนอแนะ หน้า 5.1 สรุปผลการศกึ ษา 46 5.2 อภปิ รายผล 46 5.3 ข้อเสนอแนะ 48 48 บรรณานุกรม 49 ภาคผนวก 50 51 ก แบบเสนอเคา้ โครงโครงการ 64 ข รายงานการพบครูทีป่ รึกษาโครงการ 67 ค ตวั อย่างแบบประเมนิ ความพงึ พอใจ 68 ง.แบบประเมนิ ความพึงพอใจออนไลน์ 70 จ.เอกสารเผยแพร่ผลงานโครงการ ฉ.คู่มือการใช้งานสอื่ การเรยี นรอู้ อนไลน์ วชิ าการเขยี นโปรแกรมโดยใช้เคร่ืองมือ 72 กราฟกิ โหมด รหสั วชิ า 2204-2107 80 ช.ตารางแสดงผลการวิเคราะห์ขอ้ มูลดว้ ยโปรแกรมทางสถิติ 84 ซ.ภาพกิจกรรมการดาเนินโครงการ 86 ฌ.ประวตั ิผจู้ ดั ทาโครงการ

สารบัญตาราง ช ตารางท่ี หน้า 1.1 ตารางแสดงวิธีดาเนินงาน 3 2.1 แถบเมนคู าส่งั 12 3.1 แสดงระยะเวลาในการพฒั นาระบบ 31 4.1 ทดสอบการทางานหน้าสมัครสมาชกิ 38 4.2 ทดสอบการทางานหน้าสมัครสมาชกิ 38 4.3 ทดสอบการทางานหนา้ แรก 39 4.4 ทดสอบการทางานหน้า E-mail 40 4.5 ทดสอบการทางานหนา้ หลกั สูตร 40 4.6 ทดสอบการทางานหนา้ แบบทดสอบ 41 4.7 ทดสอบการทางานหน้าออกใบเกยี รติบตั ร 41 4.8 ค่ารอ้ ยละของข้อมูลท่วั ไปของผู้ตอบแบบประเมนิ 42 4.9 แสดงค่าคะแนนเฉลีย่ และสว่ นเบ่ยี งเบนมาตรฐานดา้ นที่ 1 43 4.10 แสดงค่าคะแนนเฉลย่ี และส่วนเบยี่ งเบนมาตรฐานดา้ นที่ 2 44 4.11 แสดงค่าคะแนนเฉลี่ยและส่วนเบี่ยงเบนมาตรฐานดา้ นท่ี 3 44

สารบญั รูป ซ รปู ท่ี หน้า 2.1 ตวั อยา่ งภาพ Vector VS Raster 10 2.2 ตวั อย่างภาพประกอบ 10 2.3 ตัวอย่างสัญลกั ษณ์ทม่ี ีขนาดใหญ่ 11 2.4 หน้าตาของโปรแกรม Adobe Illustrator 11 2.5 แถบเมนูคาส่ัง (Menu Bar) 11 2.6 Tool Box 12 2.7 ไอคอนโปรแกรม Xampp 15 2.8 ไฟล์ xampp-win32 15 2.9 หนา้ การตดิ ตงั้ 16 2.10 โฟลเดอร์สาหรบั การตดิ ต้ัง Moodle 16 2.11 โปรแกรม Moodle สาหรบั การติดต้งั 16 2.12 ภาพตัวอย่างการแตกไฟล์ 17 2.13 ตัวอย่างไฟล์ต่าง ๆ ของโปรแกรม Moodle 3 17 2.14 การเปิดใชง้ าน โปรแกรม Xampp 17 2.15 ห่น้าจอเรม่ิ การติดตัง้ (Installation) ของ Moodle 18 2.16 ยืนยันโฟลเดอร์ท่ตี อ้ งการตดิ ตั้ง 19 2.17 ขน้ั ตอนให้เลอื ก database driver 19 2.18 ชอ่ งอืน่ ๆ 20 2.19 หน้าจอ Copyright Notice 20 2.20 หนา้ จอ Server Checks 20 2.21 แสดงผลการตรวจสอบระบบ 21 2.22 หน้าแสดงสาหรับรหัสผ่าน New Password 21 2.23 ช่องบังคบั ต้องป้อนข้อมลู 22 2.24 หน้า Update Profile 22 2.25 หนา้ อธิบายเก่ียวกบั หนา้ เว็บไซต์ 22 2.26 หนา้ Save Changes 23 3.1 แสดงแผนผังโครงสร้างการทางานของสอื่ การเรยี นร้อู อนไลน์ 32 3.2 แผนผงั โครงสร้างส่ือการเรยี นรูอ้ อนไลน์ สว่ นผแู้ ลระบบ 32 3.3 แผนผงั โครงสรา้ งส่ือการเรียนรอู้ อนไลน์ สว่ นผู้สอน 32

สารบญั รปู (ต่อ) ฌ รปู ท่ี หน้า 3.9 แผนผงั โครงสร้างส่อื การเรยี นรู้ออนไลน์ สว่ นเขา้ สบู่ ทเรียน 35 3.10 แสดงเคา้ โครงสื่อการเรยี นรู้ 36 4.1 แสดงการทดสอบหน้าเขา้ สูร่ ะบบ 38 4.2 แสดงการทดสอบหนา้ สมคั รสมาชกิ 38 4.3 แสดงการทดสอบหนา้ แรก 39 4.4 แสดงการทดสอบหนา้ หลกั สูตร 39 4.5 แสดงการทดสอบหนา้ หลักสตู ร 40 4.6 แสดงการทดสอบหนา้ แบบทดสอบ 40 4.7 แสดงการทดสอบหนา้ ออกใบเกียรตบิ ตั ร 41