ค่มู ือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลกั การเขยี นโปรแกรมเบ้อื งตน้ 1
คานา แนวทางการพัฒนาคนด้านการศึกษา ให้มีการส่งเสริมการเรียนรู้ตลอดชีวิต สร้าง โอกาส การเรยี นรอู้ ยา่ งตอ่ เนือ่ งให้คนทกุ กลุ่มทุกวยั สามารถเข้าถึงแหล่งเรียนรู้และองค์ความรู้ท่ีหลากหลาย โดย ให้ส่งเสริมให้องค์กร กลุ่มบุคคล สื่อทุกประเภทเป็นแหล่งเรียนรู้อย่าง สร้างสรรค์ สื่อสารด้วยภาษาท่ี เข้าใจง่าย ส่งเสริมการศกึ ษาทางเลือกที่สอดคล้องกับความ ต้องการของผู้เรียน โดยการส่งเสริมให้มีการ พัฒนาบทเรียนออนไลน์ และการใช้มาตรการทางภาษีในการสนับสนุนการผลิตส่ือเพื่อการเรียนรู้ และ เป็นชอ่ งทาง สาหรับคนทุกกลมุ่ วยั แสดงออกอย่างสร้างสรรค์ สอื่ บทเรียนออนไลน์ เรื่อง หลักการเขียนโปรแกรมเบื้องต้น กลุ่มสาระการเรียนรู้การงานอาชีพ และเทคโนโลยี สาหรับช้นั มัธยมศกึ ษาปีท่ี 5 ฉบับน้ี จดั ทาข้ึนเพือ่ ใชใ้ นการเรยี นการสอน ในกลุ่มสาระการ เรียนรู้การงานอาชพี และเทคโนโลยีโรงเรียนเกาะสมุย เพื่อพัฒนาการจัดการเรียนรู้ รายวิชา ง32102 การ งานอาชีพและเทคโนโลยี โดยผู้ใช้ส่ือท้ังนักเรียนและครูสามารถเข้าถึงส่ือบทเรียนนี้ได้ทั้งในรูปแบบ ของ การนาเสนอบทเรียนออนไลน์ได้ทุกที่ทุกเวลาท่ีมีสัญญาณอินเทอร์เน็ตได้อย่างรวดเร็วในปัจจุบันน้ี ใน รูปแบบของแผ่นซีดี หรอื จดั เก็บในอุปกรณบ์ ันทกึ ไดท้ ุกชนิด ส่ือบทเรียนออนไลน์ นี้ เป็นทางเลือกใหม่แห่งนวัตกรรมการเรียนรู้ท่ีมีคุณลักษณะ ช่วย สนับสนุนการเรียนการสอน นักเรียนสามารถเรียนรู้ได้ด้วยตนเองนอกเหนือจากเวลาเรียน ปกติ มีการ ประเมินตนเองท้ังก่อนเรียน และหลังเรียน อีกทั้งมีทั้งตัวอักษร ภาพน่ิง ภาพเคล่ือนไหว เสียงบรรยาย ประกอบเน้ือหา ทาใหน้ กั เรยี นไมเ่ บ่ือหน่ายและเร้าความสนใจ มากข้ึนจากสื่ออ่ืนๆ ท่ีสาคัญคือ “ส่งเสริม การตอบสนองในการเรียนรูแ้ ตล่ ะบคุ คล” อีกดว้ ย ขอขอบคุณ นายเฉลียว พุ่มช่วย ผู้อานวยการโรงเรียน เกาะสมุย ท่ีให้การสนับสนุนในการพัฒนาส่ือนวัตกรรมการสอนในครั้งนี้ ผู้เช่ียวชาญทุกท่านท่ีกรุณาหา จดุ บกพรอ่ งของสอ่ื และการรายงานการใช้สอ่ื นวัตกรรมนี้ รวมท้ังคณะครูในกลุ่มสาระการเรียนรู้การงาน อาชพี และเทคโนโลยที ุกทา่ นท่ใี หค้ วามร่วมมอื ชว่ ยเหลือเป็นอย่างดี นางสาวกรวรรณ ยืนนาน คู่มือการใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เรื่อง หลกั การเขียนโปรแกรมเบอื้ งต้น 2
สารบญั คารับรองเอกสาร ........................................................................................................ ก คู่มือการใช้บทเรยี นออนไลน์........................................................................................ 1 คาแนะนาการใชบ้ ทเรยี น............................................................................................... 2 โครงสรา้ งเนอื้ หา............................................................................................................ 2 คณุ สมบัติพ้นื ฐานของเครื่องคอมพวิ เตอร์ในการนาเสนอสอ่ื .......................................... 2 วธิ ีการเขา้ สบู่ ทเรยี นออนไลน์......................................................................................... 3 สาระการเรียนรู้ : ตัวช้วี ัด เน้อื หา................................................................................... 4 หน่วยที่ 1 ความรู้เบ้ืองต้นเกีย่ วกบั บทเรียนออนไลน์ .................................................... 5 หนว่ ยท่ี 2 การเข้าสเู่ วบ็ ไซต์บทเรียนออนไลน์ .............................................................. 15 2.1 การเปดิ เวบ็ ไซตห์ ้องเรียนออนไลน์......................................................................... 15 2.2 การสมคั รเขา้ เรยี นในระบบออนไลน์...................................................................... 16 หน่วยท่ี 3 อนมุ ตั กิ ารเขา้ สูใ่ ช้ระบบบทเรียนออนไลน์ .................................................... 22 การยนื ยนั สมาชิกในระบบ ............................................................................................. 24 การเพมิ่ สมาชิกในระบบ................................................................................................. 25 การเขา้ สรู่ ะบบ............................................................................................................... 26 เลือกรายวิชา.................................................................................................................. 27 โครงสร้างรายวชิ า .......................................................................................................... 28 การศกึ ษาบทเรียนออนไลน์.......................................................................................... 31 ศึกษาหนว่ ยการเรียนรู้ท่ี 1 แนะนาโปรแกรม Microsoft Visual Studio 2010...... 31 ทาแบบทดสอบกอ่ นเรียน-หลงั เรียน ....................................................................... 33 ศกึ ษาใบความรู้ ....................................................................................................... 35 ศึกษาส่ือวดี ีทัศน์ ..................................................................................................... 36 ทาใบงาน................................................................................................................. 37 ส่งงานผา่ นเวบ็ ไซต์.................................................................................................. 38 คมู่ ือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลกั การเขียนโปรแกรมเบือ้ งต้น 3
สารบญั (ตอ่ ) หนา้ ศกึ ษาหนว่ ยการเรยี นรู้ที่ 2 การใช้โปรแกรม Microsoft Visual Studio 2010 ...... 39 ทาแบบทดสอบกอ่ นเรยี น-หลังเรียน ....................................................................... 40 ศกึ ษาใบความรู้ ....................................................................................................... 43 ศึกษาสอ่ื วีดีทศั น์ ..................................................................................................... 44 ทาใบงาน ................................................................................................................ 45 ส่งงานผ่านเว็บไซต์ .................................................................................................. 46 ศึกษาหน่วยการเรยี นรทู้ ี่ 3 ตัวแปร ค่าคงที่ และชนิดของขอ้ มูล................................ 47 ทาแบบทดสอบกอ่ นเรียน-หลังเรยี น ....................................................................... 48 ศึกษาใบความรู้ ....................................................................................................... 51 ศึกษาสื่อวดี ีทัศน์ ..................................................................................................... 52 ทาใบงาน ................................................................................................................ 53 ส่งงานผา่ นเวบ็ ไซต์.................................................................................................. 54 ศกึ ษาหน่วยการเรียนรู้ท่ี 4 คาสงั่ ควบคุมการทางาน .................................................. 55 48 ทาแบบทดสอบกอ่ นเรียน-หลงั เรียน ....................................................................... 59 ศกึ ษาใบความรู้ ....................................................................................................... 60 ศึกษาสื่อวดี ีทัศน์ ..................................................................................................... 61 ทาใบงาน ................................................................................................................ 62 ส่งงานผ่านเว็บไซต์ .................................................................................................. 63 ศกึ ษาหน่วยการเรียนรทู้ ี่ 5 หลักการโครงงานคอมพวิ เตอร์ ........................................ 64 ทาแบบทดสอบกอ่ นเรียน-หลงั เรยี น ....................................................................... 67 ศึกษาใบความรู้ ....................................................................................................... 68 ศึกษาสอ่ื วดี ีทัศน์ ..................................................................................................... 69 ทาใบงาน ................................................................................................................ 70 ส่งงานผา่ นเวบ็ ไซต์.................................................................................................. 71 สง่ งานผา่ นเว็บไซต์ ..................................................................................................... 73 การใหค้ ะแนนผลงานนกั เรียน...................................................................................... 74 รายงานผลการทาแบบทดสอบ .................................................................................... 78 การเขยี นโปรแกรมดว้ ย Visual Basic......................................................................... 79 ขน้ั ตอนการตดิ ตัง้ โปรแกรม VB 2010 Express Edition .............................................. 95 96 เริ่มตน้ การเรียนรูก้ ารเขียนโปรแกรม Visual Basic 2010............................................. การเขียนแอพพลิเคชนั เบ้อื งตน้ ..................................................................................... คูม่ อื การใช้บทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เรอ่ื ง หลักการเขียนโปรแกรมเบื้องตน้ 4
หน้า การออกแบบหนา้ จอและคอนโทรลพน้ื ฐาน .................................................................. 131 การเขยี นการเขียนโปรแกรม Visual Basic 2010 พื้นฐาน........................................... 166 ควบคุมการทางาน ........................................................................................................ 195 การสรา้ งเมนแู ละคอนโทรลอนื่ ๆ................................................................................... 212 การตรวจสอบโปรแกรมและจดั ทาขอ้ ผดิ พลาด ............................................................. 255 บรรณานกุ รม ................................................................................................................ 272 ประวตั เิ จา้ ของผลงาน ................................................................................................. 274 คู่มอื การใช้บทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เร่อื ง หลักการเขียนโปรแกรมเบอ้ื งต้น 5
สารบัญภาพ ภาพท่ี หนา้ 1 เวบ็ ไซตบ์ ทเรยี นออนไลน์ krukea.com 3 2 กลมุ่ ผู้ใช้งานในระบบ LMS Moodle 9 3 กล่มุ ผู้ใช้งานในระบบ LMS Moodle 10 4 ศกึ ษา Moodle 11 5 การสรา้ งบทเรียนออนไลนโ์ ดยใช้ Moodle 12 6 การจดั การเรยี นการสอนในห้องเรียนออนไลน์ 14 7 ใช้โปรแกรม Internet Explorer 15 8 การสมัครเขา้ เรยี นในระบบออนไลน์ 16 9 การสมคั รเป็นสมาชิกใหม่ 17 10 หน้าตา่ งยืนยันการสมัครสมาชกิ ใหมส่ าเร็จ 18 11 การยนื ยันบัญชสี มาชกิ ใหม่ 19 12 การยนื ยันการลงทะเบยี นใหม่ 20 13 ส่วนของเมนูวชิ าท่เี ปิดสอน 21 14 แสดงการเลือกวิชาลงทะเบียน 21 15 ลงทะเบียนใช้บทเรียนออนไลน์ 22 16 รายชือ่ สมาชิกท่ีลงทะเบียน 23 17 การยันยนั สมาชิกในระบบ 24 18 เพมิ่ สมาชกิ ในระบบ 25 19 แสดงการเข้าสรู่ ะบบ 26 20 แสดงการเลือกวิชาลงทะเบยี น 27 21 ขน้ั ตอนการศกึ ษาบทเรยี นออนไลน์ 28 22 ขั้นตอนการทาแบบทดสอบ 29 23 แสดงการทาแบบทดสอบ 30 24 ขนั้ ตอนการศึกษาหนว่ ยการเรียนรทู้ ี่ 1 31 25 แสดงการทาแบบทดสอบ 32 26 แบบทดสอบทดสอบกอ่ นเรียน 33 27 แสดงการส่งคาตอบสิน้ สุดการทาแบบฝึกหัด 34 28 แสดงการศึกษาใบความรู้ 35 29 แสดงสอ่ื วดี ีทัศน์ 36 30 แสดงการทาใบงาน 37 31 แสดงการสง่ งาน 38 คมู่ ือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรือ่ ง หลักการเขยี นโปรแกรมเบื้องต้น 6
สารบญั ภาพ (ตอ่ ) ภาพที่ หนา้ 32 แสดงการศกึ ษาหน่วยการเรียนรทู้ ่ี 2 39 33 แสดงการทาแบบทดสอบที่ 2 40 34 แสดงการสง่ คาตอบ 41 35 แสดงการส่งคาตอบและคะแนน 42 36 แสดงใบความรู้ 43 37 แสดงส่ือวดี ีทัศน์ 44 38 แสดงการทาใบงาน 45 39 แสดงการสง่ งาน 46 40 แสดงรายละเอียด 47 41 ทาแบบทดสอบกอ่ น-หลังเรียน 48 42 แสดงการสง่ คาตอบแบบทดสอบก่อน-หลงั 49 43 ส่งคาตอบสนิ้ สุดการทาแบบฝกึ หัด 50 44 แสดงศกึ ษาใบความรู้ 51 45 แสดงศกึ ษาวีดที ศั น์ 52 46 แสดงการทาใบงานหนว่ ยการเรียนรูท้ ่ี 3 53 47 แสดงการส่งงานหนว่ ยการเรียนรทู้ ่ี 3 54 48 แสดงรายละเอยี ดหน่วยการเรยี นรู้ที่ 4 55 49 แสดงการทาแบบทดสอบก่อน-หลังเรียน 56 50 สง่ คาตอบแบบทดสอบกอ่ น-หลัง 57 51 สง่ คาตอบสิน้ สุดการทาแบบทดสอบ 58 52 แสดงศึกษาใบความรู้ 59 53 แสดงศึกษาวดี ีทศั น์ 60 54 แสดงการทาใบงาน 61 55 แสดงการสง่ งาน 62 56 แสดงรายละเอยี ด 53 57 แสดงการทาแบบทดสอบ กอ่ นเรยี น หลังเรยี น 64 58 ส่งคาตอบแบบทดสอบก่อน-หลงั 65 59 ส่งคาตอบแบบทดสอบก่อน-หลัง 66 60 แสดงศกึ ษาใบความรู้ 67 61 แสดงศึกษาวดี ีทัศน์ ตวั อยา่ งโครงงาน 68 ค่มู ือการใช้บทเรียนออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เรอื่ ง หลักการเขียนโปรแกรมเบอ้ื งตน้ 7
สารบัญภาพ (ตอ่ ) หนา้ 69 ภาพท่ี 62 แสดงการทาใบงาน 70 63 แสดงการส่งงาน 71 64 Login เพือ่ เข้าสู่ระบบ 71 65 แสดงหนา้ หลัก 68 คลิกเลอื กส่งใบงาน 72 69 การให้คะแนนใบงาน 73 70 ตรวจ เช็ค ผลการสอบของนกั เรียน 71 ผลการทดสอบของนกั เรียน 74 72 การสง่ ข้อมูลออกจากผ่านโปรแกรม Excel 75 73 แสดงการ SAVE FILE EXCEL 76 77 คมู่ ือการใช้บทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เรอื่ ง หลักการเขยี นโปรแกรมเบ้อื งต้น 8
คมู่ อื การใชบ้ ทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี รหสั วชิ า ง32102 คาแนะนาการใชบ้ ทเรียน ระบบการเรยี นการสอนออนไลน์ เปน็ ระบบในลกั ษณะทคี่ รเู ป็นผู้บริหารจดั การเน้อื หาในระบบให้ สอดคลอ้ งกบั การเรยี นการสอนในห้องเรียน และมอบหมายงานให้กบั ผู้เรียน รวมไปถึงการเก็บผลการเข้า เรยี นการทากิจกรรมกรรม ต่าง ๆ คะแนนผ่านระบบที่ติดตั้งท่ี URL: http://www.krukea.com โดยใช้ ระบบบริหารการจัดการเรียนรู้ ท่ีเรียกย่อ ๆ ว่า LMS ท่ีย่อมาจาก Learning Management System เป็นซอฟต์แวร์ท่ีทาหน้าที่ บริหารการจัดการเรียนการสอนออนไลน์ ซ่ึงประกอบด้วยเครื่องมืออานวย ความสะดวกให้แกผ่ ้สู อน ผู้เรียน ผดู้ ูแลระบบ โดยทผี่ สู้ อนนาเนอ้ื หา สื่อการเรียนรู้ ใบงาน ใบความรู้ และ กิจกรรมในการเรียนรู้ท่ีเคยใช้ในห้องเรียนปกติ ข้ึนไว้บนเว็บไซต์รายวิชาตามที่ได้ขอให้ระบบจัดไว้ให้ โดยสะดวก ส่วนผู้เรียนสามารถเข้าถึงเน้ือหา การทาใบงาน การทาแบบทดสอบ และกิจกรรมต่าง ๆ ได้ โดยผ่านเว็บท้ังผู้สอนและผู้เรียนสามารถพูดคุย ติดต่อส่ือสารกันได้โดยผ่านทางเคร่ืองมือการส่ือสารที่ ระบบจัดไว้ให้ เช่น ไปรษณีย์อีเล็กทรอนิกส์ ห้องสนทนา กระดานถาม-ตอบ โดยใช้ MOODLE อ่านว่า มูเดิ้ลหรือมู้ด้ี ย่อมาจาก Modular Object-Oriented Dynamic Learning Environment เป็นระบบ จัดการบทเรียนออนไลน์ (Course Management System -CMS) หรือรู้จักกันในช่ือ Learning Management System (LMS) หรือ Virtual Learning Environment (VLE) โดย Moodle เป็น ซอฟต์แวร์ฟรี พัฒนาข้ึนในแนวโอเพ่นซอร์ส (Open Source) มีลิขสิทธิ์แบบ GPL (General Public License) หรือลิขสิทธิ์แบบฟรีน่ันเอง ผู้ใช้งานสามารถดาว์นโหลดไปติดตั้งใช้งานได้ฟรีโดยไม่ต้องจ่าย คา่ ลิขสทิ ธ์ิแต่อย่างใด สามารถดรู ายละเอยี ดเพม่ิ เติมไดท้ เ่ี ว็บไซตท์ ่าของ Moodel ท่ี www.moodle.org บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี รหัสวิชา ง32102 จัดทาขึ้นโดยมี วัตถุประสงค์ เพื่อสร้างบทเรียนประกอบการเรียนการสอน และจัดกิจกรรมการเรียนสาหรับผู้เรียน ระดบั ชั้นมธั ยมศกึ ษาปีท่ี 5 ผูท้ ีศ่ กึ ษาบทเรยี นออนไลน์ ควรปฏิบตั ิตามขน้ั ตอนดังตอ่ ไปน้ี 1. ศึกษาคาอธิบายรายวิชา และโครงสร้างของรายวชิ า 2. ทาแบบทดสอบก่อนเรยี น เพื่อวดั พื้นฐานความรเู้ ดมิ 3. ศึกษาเนื้อหาในแต่ละหน่วยการเรียน 4. ทากจิ กรรมใบงานในแตล่ ะหนว่ ยการเรยี น 5. ฝึกทักษะปฏิบัติการเขยี นโปรแกรมพน้ื ฐาน 6. ตรวจสอบผลการฝึกทกั ษะปฏบิ ตั ิการเขยี นโปรแกรมพ้นื ฐาน 7. ทาแบบทดสอบหลังเรียนเพื่อวดั ความรู้ หลังจากได้ศกึ ษาบทเรียนเสรจ็ ส้นิ แล้ว คู่มอื การใชบ้ ทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลกั การเขยี นโปรแกรมเบอื้ งตน้ 9
8. หากผู้เรยี นมีขอ้ สงสยั สามารถสอบถามครูได้ หรอื ติดต่อผา่ นทางจดหมายอิเลก็ ทรอนิกส์ (E-mail : [email protected]) Facebook Line(id:sawsamui24) กรณี เรง่ ด่วนกรณุ าติดต่อผดู้ ูแลระบบได้ท่ี โทร 085-4752725 โครงสรา้ งเนอ้ื หา บทเรียนออนไลน์ วิชาการงานอาชพี และเทคโนโลยี รหัสวิชา ง32102 สาหรับช้ันมัธยมศึกษาปี ท่ี 5 ไดแ้ บ่งเน้ือหาออกเปน็ 5 หน่วยการเรียน ดังน้ี หนว่ ยการเรียนร้ทู ่ี 1 แนะนาโปรแกรม Microsoft Visual Basic 2010 หนว่ ยการเรียนรทู้ ่ี 2 การใช้โปรแกรม Microsoft Visual Basic 2010 หนว่ ยการเรียนรู้ท่ี 3 ชนดิ ของข้อมลู และตัวแปร หน่วยการเรียนรทู้ ี่ 4 คาสงั่ ควบคุมการทางาน หน่วยการเรียนรทู้ ่ี 5 หลกั การทาโครงงาน คุณสมบตั ิพน้ื ฐานของเครื่องคอมพิวเตอร์ในการนาเสนอส่อื 1. ระแบบปฏบิ ัตกิ ารไม่ต่ากวา่ Window 98 2. CPU ไมต่ ่ากว่า 1 GHz 3. หน่วยความจา (RAM) ไม่ต่ากว่า 128 MB 4. ความละเอยี ดของหน้าจอภาพไม่ตา่ กว่า 800 x 600 Pixels 5. อุปกรณต์ อ่ พ่วง ลาโพง หรอื หูฟงั 6. เครื่องเล่นซีดรี อม ความเร็วไม่ต่ากว่า 40X (กรณีเลน่ จากแผน่ ซดี ี) 7. รับสญั ญาณอินเทอรเ์ น็ต ความเร็วไม่น้อยกว่า 36 Mbps 8. อปุ กรณส์ อ่ื สาร : สมารท์ โฟน , โทรศพั ท์มือถอื และแท็บเลต็ 9. โปรแกรม Microsoft Visual Studio 2010 ค่มู อื การใช้บทเรียนออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เรอื่ ง หลกั การเขยี นโปรแกรมเบอ้ื งต้น 10
วธิ ีเขา้ ศึกษาบทเรยี น 1. การใช้งานสื่อบนเครอื ขา่ ยอินเทอร์เนต็ 1.1 เปดิ โปรแกรมเว็บบราวเซอร์ เชน่ 1.2 พมิ พ์ URL : http://www.krukea.com ทชี่ ่อง Address ของเวบ็ บราวเซอร์ ใน ขอ้ 1.1 2. กรณีอนิ เทอร์เนต็ ขดั ข้องใช้งานไม่ได้ สามารถเปิดสื่อวีดีทัศน์ดังสื่อท่ีแนบ หรือสามารถเปิดใช้ งานกบั โทรศพั ทแ์ ละแทบ็ แล็ตได้ 3. กรณีกระแสไฟฟ้าขัดข้องไม่มีกระแสไฟฟ้าใช้งานกับคอมพิวเตอร์ได้ ครูผู้สอนสามารถ เตรยี มการสอนได้โดยใชข้ ้อมูลจากสอ่ื วีดีทศั น์ดังทแ่ี นบ ภาพท่ี 1 เวบ็ ไซตบ์ ทเรียนออนไลน์ krukea.com คมู่ อื การใช้บทเรียนออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เรือ่ ง หลักการเขยี นโปรแกรมเบอ้ื งตน้ 11
สาระการเรียนรู้ : ตวั ชว้ี ัด ทเี่ กี่ยวของเน้อื หา สาระที่ 3 เทคโนโลยีสารสนเทศและการส่ือสาร มาตรฐาน ง 3.1 เข้าใจ เห็นคุณค่า และใชก้ ระบวนการเทคโนโลยีสารสนเทศในการสืบค้นขอ้ มูล การเรียนรู้ การสือ่ สาร การแก้ปญั หา การทางาน และอาชพี อย่างมีประสิทธภิ าพ ประสิทธิผล มีคุณธรรม ตัวช้วี ัด ม. 3/6 เขียนโปรแกรมภาษา ม. 3/7 พัฒนาโครงการคอมพวิ เตอร์ คูม่ อื การใช้บทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เรอ่ื ง หลกั การเขยี นโปรแกรมเบอ้ื งต้น 12
หน่วยที่ 1 ความร้เู บื้องตน้ เก่ียวกบั บทเรยี นออนไลน์ (e-learning) (e-Learning) คอื การเรยี นการสอนในลักษณะ หรือรูปแบบใดก็ได้ ซ่ึงการถ่ายทอดเนื้อหานั้น กระทาผา่ นทางสอื่ อิเล็กทรอนิกส์ เชน่ ซดี ีรอม เครือข่ายอินเทอร์เน็ต อนิ ทราเน็ต เอก็ ซทราเนต็ หรอื ทาง สัญญาณโทรทัศน์ หรอื สญั ญาณดาวเทยี ม (Satellite) ฯลฯ เป็นตน้ ซง่ึ การเรียนลักษณะน้ไี ดม้ กี ารนาเขา้ ส่ตู ลาดเมืองไทยในระยะหนง่ึ แล้ว เช่น คอมพวิ เตอรช์ ่วยสอนด้วยซีดรี อม, การเรียนการสอนบนเว็บ (Web-Based Learning), การเรยี นออนไลน์ (On-line Learning) การเรยี นทางไกลผา่ นดาวเทียมหรือ การเรียนด้วยวีดีโอผ่านออนไลน์ เปน็ ตน้ ในปัจจุบัน คนส่วนใหญ่มักจะใช้คาว่า e-Learning กับการเรียน การสอน หรือการอบรม ท่ีใช้ เทคโนโลยีของเว็บ (Web Based Technology) ในการถ่ายทอดเนื้อหา รวมถึงเทคโนโลยีระบบการ จดั การหลกั สตู ร (Course Management System) ใน การบริหารจัดการงานสอนด้านต่างๆ โดยผู้เรียน ท่ีเรียนด้วยระบบ e-Learning นี้สามารถศึกษาเน้ือหาในลักษณะออนไลน์ หรือ จากแผ่นซีดี-รอม ก็ได้ และท่ีสาคัญอีกส่วนคือ เน้ือหาต่างๆ ของ e-Learning สามารถนาเสนอโดยอาศัยเทคโนโลยีมัลติมีเดีย (Multimedia Technology) และเทคโนโลยีเชิงโตต้ อบ (Interactive Technology) คาว่า e-Learning น้ันมีคาท่ีใช้ได้ใกล้เคียงกันอยู่หลายคาเช่น Distance Learning (การเรียน ทางไกล) Computer based training (การฝึกอบรมโดยอาศัยคอมพิวเตอร์ หรือเรียกย่อๆว่า CBT) online learning (การเรียนทางอนิ เทอร์เนต) เป็นต้น ดังนั้น สรุปได้ว่า ความหมายของ e-Learning คือ รปู แบบของการเรียนรดู้ ว้ ยตนเอง โดยอาศยั เครือข่ายคอมพิวเตอร์ หรือส่ืออิเลคทรอนิกส์ในการถ่ายทอด เร่ืองราว และเนื้อหา โดยสามารถมีสือ่ ในการนาเสนอบทเรยี นไดต้ ัง้ แต่ 1 ส่ือข้ึนไป และการเรียนการสอน นั้นสามารถท่จี ะอยู่ในรปู ของการสอนทางเดยี ว หรือการสอนแบบปฏิสมั พนั ธ์ได้ ประโยชน์ของ e-Learning เป็นรูปแบบของการเรียนทางไกลที่ใช้เทคโนโลยีสารสนเทศเป็น เครอ่ื งมอื ท่ีสาคัญ โดยเฉพาะความรู้เกี่ยวกับคอมพิวเตอร์และการออนไลน์ จึงเป็นวิธีการเรียนรู้ท่ีสร้าง สงั คมแห่งการเรียนรู้ใหเ้ กิดข้ึน ทาให้การศึกษาเกดิ ขึ้นไดใ้ นทุกท่ี ทั้งท่บี า้ นและที่ทางาน สถานศึกษาและ อ่ืนๆ โดยเป็นการเรียนรู้ที่เน้นการแสวงหาและการรู้จักเลือกข้อมูลเพ่ือเสริมแต่งความรู้ ซึ่งปัจจุบัน สถาบนั การศึกษาตา่ งๆให้ความสาคัญในการนาเทคโนโลยสี ารสนเทศเข้ามาใชใ้ นการเรียนการสอนมากข้ึน โดยเฉพาะในการจดั กระบวนการเรียนการสอนเพื่ออนาคต ซึ่งสะท้อนให้เห็นว่าปัจจัยแห่งความสาเร็จที่ จะมุ่งสู่การศึกษาไทยในอนาคต ก็คือการที่สถาบันการศึกษา ต้องส่งเสริมและสนับสนุนให้ผู้เรียนได้เกิด การเรยี นรมู้ าก ๆ โดยเนน้ เทคโนโลยีสารสนเทศมากกวา่ เนอื้ หาสาระทางดา้ นปรัชญารวมท้ัง การส่งเสริม การมสี ่วนรว่ มด้วย อยา่ งไรก็ดกี ารนาแนวคดิ ทางการเรียนโดยผ่านเครือข่ายอินเตอร์เน็ตนั้น ทาให้ผู้เรียน สามารถทบทวนบทเรียนต่าง ๆ ได้โดยไม่ต้องเสียเวลาเดินทาง และทาได้ตลอดเวลา โดยบางสถาบันใน ค่มู ือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรอื่ ง หลกั การเขียนโปรแกรมเบอ้ื งตน้ 13
ข้นั อุดมศกึ ษามแี นวโนม้ ที่จะพฒั นาใหม้ กี ารเรียนออนไลนช์ นิดเตม็ รูปแบบในระดับปรญิ ญาด้วย ประโยชน์ ของ e-Learning ประกอบด้วย 1. ยืดหยุน่ ในการปรับเปลี่ยนเน้อื หาและสะดวกในการเรยี น การเรียนการสอนผ่านระบบ e-Learning น้ันง่ายต่อการแก้ไขเน้ือหา และกระทาได้ ตลอดเวลา เพราะสามารถกระทาได้ตามใจของผู้สอน เนื่องจากระบบการผลิตจะใช้ คอมพิวเตอร์เป็ น องคป์ ระกอบหลกั นอกจากน้ผี ู้เรยี นกส็ ามารถเรียนโดยไม่จากดั เวลา และสถานท่ี 2. เข้าถึงได้ง่าย ผู้ เรียน และผู้สอนสามารถเข้าถึง e-learning ได้ง่าย โดยมากจะใช้ web browser ของคา่ ยใดกไ็ ด้ (แต่ท้งั นี้ต้องขึ้นอยู่กับผู้ผลติ บทเรียน อาจจะแนะนาให้ใช้ web browser แบบใดท่ีเหมาะ กบั สอื่ การเรียนการสอนน้นั ๆ) ผเู้ รียนสามารถเรยี นจากเคร่ืองคอมพิวเตอร์ท่ีใดก็ได้ และในปัจจุบันน้ี การ เข้าถึงเครือขา่ ยอนิ เตอร์เน็ตกระทาได้ง่ายขึ้นมาก และยงั มีคา่ เชือ่ มต่ออนิ เตอร์เนต็ ท่มี ีราคาต่าลงมากว่าแต่ กอ่ นอีกดว้ ย 3. ปรบั ปรงุ ข้อมลู ใหท้ ันสมัยกระทาได้ง่าย เนื่อง จากผู้สอน หรอื ผู้สรา้ งสรรค์งาน e-Learning จะสามารถเขา้ ถงึ Server ไดจ้ ากท่ี ใดกไ็ ด้ การแก้ไขข้อมลู และการปรบั ปรงุ ข้อมูล จึงทาไดท้ นั เวลาดว้ ยความรวดเร็ว 4. ประหยดั เวลา และคา่ เดนิ ทาง ผู้ เรียนสามารถเรยี นโดยใช้เครอ่ื งคอมพวิ เตอร์เครอื่ งใดก็ได้ โดยจาเป็นต้องไปโรงเรียน หรือทท่ี างาน รวมท้งั ไมจ่ าเป็นต้องใช้เครื่องคอมพิวเตอร์เครื่องประจาก็ได้ ซ่ึงเป็นการประหยัดเวลามาก การเรียน การสอน หรือการฝึกอบรมด้วยระบบ e-Learning น้ี จะสามารถประหยัดเวลาถึง 50% ของ เวลาทใี่ ชค้ รูสอน หรืออบรม LMS คอื อะไร LMS เป็นคาที่ย่อมาจาก Learning Management System หรือระบบการจัดการเรียนรู้ เป็น ซอฟต์แวรท์ ี่ทาหนา้ ที่บริหารจัดการเรยี นการสอนผ่านเว็บ จะประกอบด้วยเครื่องมืออานวยความสะดวก ให้แก่ผูส้ อน ผเู้ รียน ผู้ดูแลระบบ โดยท่ผี ้สู อนนาเนื้อหาและสื่อการสอนขึ้นเว็บไซต์รายวิชาตามที่ได้ขอให้ ระบบ จดั ไว้ใหไ้ ด้โดยสะดวก ผเู้ รยี นเขา้ ถงึ เน้อื หา กิจกรรมต่าง ๆ ได้โดยผ่านเว็บ ผู้สอนและผู้เรียนติดต่อ สอ่ื สารได้ผ่านทางเครือ่ งมอื การสือ่ สารท่ีระบบจดั ไว้ให้ เชน่ ไปรษณยี อ์ เิ ลก็ ทรอนกิ ส์ หอ้ งสนทนา กระดาน ถาม - ตอบ เปน็ ต้นนอกจากนนั้ แลว้ ยงั มีองค์ประกอบทสี่ าคัญ คอื การเก็บบนั ทึกขอ้ มลู กิจกรรมการเรียน ของผู้เรียนไว้บนระบบเพ่ือผู้สอนสามารถนาไปวิเคราะห์ ติดตามและประเมินผลการเรียนการสอนใน รายวิชาน้ันอย่างมปี ระสิทธิภาพ คูม่ อื การใชบ้ ทเรยี นออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เร่อื ง หลกั การเขยี นโปรแกรมเบ้ืองตน้ 14
LMS ประกอบดว้ ย 5 ส่วนดังนี้ 1. ระบบจัดการหลักสูตร (Course Management) กลุ่มผู้ใช้งานแบ่งเป็น 3 ระดับคือ ผู้เรียน ผสู้ อน และผู้บรหิ ารระบบ โดยสามารถเขา้ สู่ระบบจากท่ีไหน เวลาใดก็ได้ โดยผ่าน เครือข่ายอินเตอร์เน็ต ระบบสามารถรองรับจานวน user และ จานวนบทเรียนได้ ไม่จากัด โดยข้ึนอยู่กับ hardware/software ท่ีใช้ และระบบสามารถรองรบั การใชง้ านภาษาไทยอยา่ งเต็มระบบ 2. ระบบการสร้างบทเรียน (Content Management) ระบบประกอบด้วยเคร่ืองมือในการ ช่วยสร้าง Content ระบบสามารถใช้งานได้ดีท้ังกับบทเรียนในรูป Text - based และบทเรียนใน รูปแบบStreaming Media 3. ระบบการทดสอบและประเมินผล (Test and Evaluation System) มีระบบคลังข้อสอบ โดยเป็นระบบการสุ่มข้อสอบสามารถจับเวลาการทาข้อสอบและการตรวจข้อสอบ อัตโนมัติ พร้อมเฉลย รายงานสถิติ คะแนน และสถิตกิ ารเขา้ เรียนของนักเรียน 4. ระบบส่งเสริมการเรียน (Course Tools) ประกอบด้วยเครื่องมือต่างๆ ที่ใช้ส่ือสารระหว่าง ผเู้ รียน - ผสู้ อน และ ผู้เรียน - ผ้เู รียน ได้แก่ Webboard และ Chatroom โดยสามารถเกบ็ History ของ ข้อมลู เหลา่ นี้ได้ 5. ระบบจัดการข้อมูล (Data Management System) ประกอบด้วยระบบจัดการไฟล์และ โฟลเดอร์ ผู้สอนมีเนื้อที่เก็บข้อมูลบทเรียนเป็นของตนเอง โดยได้เน้ือท่ีตามท่ี Admin ที่มา http://www.netthailand.com/home/articles.php?art_id=12&start=1 มูเด้ลิ คอื อะไร (What is Moodle?) มูเด้ิล (Moodle = Modular Object-Oriented Dynamic Learning Environment) คือ โปรแกรมท่ีประมวลผลในเครื่องบริการ (Server-Side Script) ทาหน้าท่ีให้บริการระบบอีเลินน่ิง ทาให้ ผู้ดูแลระบบสามารถเปิดบริการแก่ครู และนักเรียน ผ่านบริการ 2 ระบบ คือ 1) ระบบซีเอ็มเอส หรือ ระบบจัดการเน้ือหา (CMS = Course Management System) บริการให้ครูสามารถจัดการเน้ือหา เตรียมเอกสาร สื่อมัลติมีเดีย แบบฝึกหัดตามแผนการจัดการเรียนรู้ 2) ระบบแอลเอ็มเอส หรือระบบ จัดการเรียนรู้ (LMS =Learning Management System) บริการให้นักเรียนเข้าเรียนรู้ตามลาดับ ตาม ช่วงเวลา ตามเง่ือนไขที่ครูได้จัดเตรียมอย่างเป็นระบบ และประเมินผลการเรียนรู้ของนักเรียน พร้อม แสดงผลการตดั เกรดอัตโนมัติ ปัจจุบันมีโปรแกรมที่ทาหน้าที่เป็นเพียงระบบซีเอ็มเอส(ไม่มีระบบ แอลเอ็มเอสในตัว) สามารถ สร้างวัตถุเรียนรู้จากนอกมูเดิ้ล แล้วนาเข้าไปใช้งานในมูเด้ิล เช่น สกอร์ม ( SCORM = Sharable Content Object Reference Model) ท่ีสามารถนาไปติดตั้งเป็นส่วนหนึ่งในมูเดิ้ล หรือโปรแกรมเลินส แควร์ (Learnsquare) ได้ ค่มู ือการใชบ้ ทเรยี นออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เรือ่ ง หลักการเขยี นโปรแกรมเบ้ืองต้น 15
ผูพ้ ัฒนามูเดิ้ล คือ Martin Dougiamas โปรแกรมมีลกั ษณะเปน็ โอเพนท์ซอรท์ (Open Source) ภายใต้ข้อตกลงของจีพีแอล (General Public License) สามารถดาวน์โหลดไปใช้งานได้ฟรีจาก moodle.org โดยผู้ดูแลระบบ (Admin) นาไปติดต้ังในเคร่ืองบริการ (Server) ที่บริการเว็บเซอร์ฟเวอร์ (Web Server) รองรบั ภาษาพีเอชพี (PHP Language) และมายเอสคิวแอล (MySQL) ความสามารถของมูเด้ิล 1. เปน็ Open Source ทไ่ี ดร้ ับการยอมรบั (13,544 sites from 158 countries 2549-07-19) ตัวน้ีฟรี : ปัจจุบันสถาบันการศึกษาในไทย ยังไม่มีข้อตกลงเป็นเอกฉันท์ว่าจะใช้อีเลินนิ่งตัว ใด แต่มี แนวโน้มเปล่ียนไปใช้มเู ดิล้ เพ่มิ ขน้ึ เป็นลาดับ 2. รองรับท้ัง ซีเอ็มเอส(CMS = Course Management System) และ แอลเอ็มเอส (LMS = Learning Management System) 3. ช่วยรวบรวมวิชาเป็นหมวดหมู่ เผยแพร่เนื้อหาของครู พร้อมบริการให้นักเรียนเข้ามาศึกษา บนั ทึกกจิ กรรมของนักเรยี น และตัดเกรด 4. เป็นแหล่งเผยแพร่เอกสารออนไลน์ เช่น Microsoft Office, Web Page, PDF หรือ Image เปน็ ตน้ 5. สามารถสง่ เอกสารที่เคยรวบรวมไว้ กส็ ่งเข้าไปเผยแพรไ่ ด้โดยงา่ ย 6. มีระบบติดต่อส่ือสารระหว่างนักเรียน เพ่ือนร่วมชั้น และครู เช่น chat หรือ Webboard เป็นตน้ 7. นักเรียนฝากคาถาม ครูทิ้งการบ้านไว้ ครูนัดสนทนาแบบออนไลน์ ครูนัดสอนเสริม หรือแจก เอกสารใหอ้ า่ นกอ่ นเข้าเรียน ก็ได้ 8. มี ระบบแบบทดสอบ รับการบ้าน และกิจกรรม ที่รองรับระบบให้คะแนนที่หลากหลายให้ส่ง งาน ใหท้ าแบบฝกึ หัด ตรวจให้คะแนนแล้ว export ไป excel ได้ 9. สารองขอ้ มลู เปน็ .zip แฟ้มเดียวได้ ทาให้ครหู รือนักเรยี นนาไปกู้คืนในเครื่องคอมพิวเตอร์ท่ีใด กไ็ ด้ อย่างของผมทาวิชาระบบปฏิบัติการ แลว้ เกบ็ เป็น .zip เปิดให้ Download ใครจะนาไปทดสอบกู้คืน ในเครอ่ื งตนเองกไ็ ด้ 10. ครเู ตรยี มสอนเพยี งคร้งั เดียว แตน่ กั เรียนเข้ามาเรยี นกี่รอบก็ได้ จบไปเข้าแล้วกลับมาทบทวน ก็ได้ กลมุ่ ผใู้ ชง้ านในระบบ LMS Moodle สาหรบั ผูใ้ ช้งานในระบบ LMS น้ันสามารถทจี่ ะแบง่ ได้เปน็ 3 กล่มุ คือ • กลุม่ ผู้บริหารระบบ (Administrator) ทาหน้าท่ีในการติดต้ังระบบ LMS การกาหนดค่าเริ่มต้น ของระบบ การสารองฐานขอ้ มูล การกาหนดสิทธิ์การเป็นผู้สอน คูม่ อื การใช้บทเรียนออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เร่อื ง หลักการเขยี นโปรแกรมเบื้องตน้ 16
• กลุ่มครูหรือผู้สร้างเน้ือหาการเรียน (Instructor / Teacher) : ทาหน้าที่ในการเพิ่มเนื้อหา บทเรียนต่างๆ เข้าระบบ อาทิ ขอ้ มูลรายวชิ า ใบเนื้อหา เอกสารประกอบการสอน การประเมินผู้เรียนโดย ใช้ขอ้ สอบ ปรนยั อตั นยั การใหค้ ะแนน ตรวจสอบกจิ กรรมผู้เรยี น ตอบคาถาม และสนทนากับนกั เรียน • กลุ่มผู้เรียน(Student/Guest) : หมายถึงนักเรียน นักศึกษา ท่ีสมัครเข้าเรียนตามหัวข้อต่าง ๆ รวมทั้งการทาแบบฝึกหัด ตามที่ได้รบั มอบหมายจากผู้สอน โดยอาจารย์สามารถทาการแบ่งกลุ่มผู้เรียนได้ และสามารถตง้ั รหสั ผ่านในการเข้าเรยี นแต่ละวิชาได้ ที่มา http://www.thaiall.com/e-learning/moodle.htm#1 ภาพที่ 2 กลุ่มผใู้ ช้งานในระบบ LMS Moodle ท่ีมา http://www.thaiall.com/e-learning/moodle.htm#1 คู่มือการใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เรอื่ ง หลักการเขียนโปรแกรมเบ้ืองต้น 17
รเรียนการสอนแบบเดมิ การเรียนการสอนแบบอีเลริ ์นนิ่ง สนบั สนนุ การเรียนการสอน C ครู ครู นกั เรยี น รายละเอยี ดเกบ็ ในฐานข้อมูล นกั เรียน นักเรยี น นักเรยี น การเรียนการสอนแบบอีเลริ ์นน่ิง 3 4 ส่งวัตถุเรียนเขา้ สรู่ ะบบ ตามแผนฯ นกั เรียนเข้าเรยี นรู้ 12 รู ครอู อกแบบการจัดการเรยี นการสอน วิชาทีท่ าการสอน 7 65 ประเมนิ ผลการเรียนร้ขู องนักเรียน ครตู ิดตอ่ สือ่ สาร ควบคุมการเรียนรู้ และดูแลกจิ กรรม ประเมนิ ผลการใชเ้ ครอ่ื งมือประเมนิ แผนการจดั การเรยี นการสอน ปรับปรุงแผนการจัดการเรียนสอน ภาพที่ 3 กลุม่ ผู้ใชง้ านในระบบ LMS Moodle คูม่ อื การใชบ้ ทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เร่ือง หลกั การเขียนโปรแกรมเบือ้ งตน้ 18
แหล่งศกึ ษาข้อมูลเพิ่มเตมิ ครูผู้สอนสามารถเข้าไปศึกษา Moodle เพิ่มเติมได้ท่ี http://moodle.org/course/ เช่น คู่มือ การใช้งาน เทคนิคและวิธกี ารจดั การเรยี นการสอน การแลกเปลย่ี นเนอ้ื หาการเรียนรู้ และขา่ วสารใหม่ ๆ โดยมีให้เลือกหลายภาษา พิมพช์ อ่ื เวบ็ ไซต์ http://moodle.org/course คลกิ คลกิ เลือก Moodle in Thailand ภาพที่ 4 ศกึ ษา Moodle คลิกเขา้ สรู่ ะบบ ค่มู ือการใช้บทเรยี นออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เร่อื ง หลกั การเขยี นโปรแกรมเบือ้ งต้น 19
Moodle in Thailand กลมุ่ ผ้สู นใจการสรา้ งบทเรียนออนไลนโ์ ดยใช้ Moodle เป็นเครอ่ื งมือ หน้าต่าง Moodle Thailand Moodle in Thailand ภาพที่ 5 การสรา้ งบทเรียนออนไลน์โดยใช้ Moodle คาศพั ท์ทีเ่ กี่ยวขอ้ ง 1. บทเรียนออนไลน์ (e-Learning) คือ รูปแบบของการเรียนรู้ด้วยตนเอง โดยอาศัยเครือข่าย คอมพวิ เตอร์ หรอื สอื่ อเิ ลคทรอนิกสใ์ นการถ่ายทอดเร่ืองราว และเนื้อหา โดยสามารถมีส่ือในการนาเสนอ บทเรยี นไดต้ ั้งแต่ 1 ส่ือขน้ึ ไป และการเรียนการสอนนั้นสามารถท่ีจะอยู่ในรูปของการสอนทางเดียว หรือ การสอนแบบปฎิสัมพันธ์ได้ คูม่ อื การใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบ้ืองตน้ 20
2. CMS (Content Management System) เป็นระบบท่ีนามาช่วยในการสร้างและบริหาร เว็บไซต์แบบสาเร็จรูป โดยในการใชง้ าน CMS น้ันผู้ใช้งานแทบไม่ต้องมีความรู้ในด้านการเขียนโปรแกรม ก็สามารถสร้างเว็บไซต์ได้ ตัวของ CMS เองจะมีโปรแกรมแถมมาและสามารถแทรกเองได้มากมายเช่น webboard , ระบบจัดการป้ายโฆษณา , ระบบนับจานวนผู้ชม แม้แต่กระท่ังตระกร้าสินค้าและอ่ืนๆอีก มากมาย 3. LMS (Learning Management System) คือ ซอฟต์แวร์ที่ทาหน้าท่ีบริหารจัดการเรียนการ สอนผ่านเวบ็ จะประกอบดว้ ยเคร่อื งมอื อานวยความสะดวกให้แก่ผู้สอน ผู้เรียน ผู้ดูแลระบบ โดยที่ผู้สอน นาเน้ือหาและสื่อการสอนขึ้นเว็บไซต์รายวิชาตามที่ได้ขอให้ระบบ จัดไว้ให้ได้โดยสะดวก ส่วนผู้เรียนก็ สามารถเข้าถึงเนื้อหา กิจกรรมต่าง ๆ ได้โดยผ่านเว็บ ท้ังผู้สอนและผู้เรียนสามารถติดต่อ สื่อสารได้ผ่าน ทางเคร่ืองมือการสือ่ สารทร่ี ะบบจดั ไว้ใหค้ ่ะเช่น ไปรษณยี อ์ เิ ลก็ ทรอนกิ ส์ ห้องสนทนา กระดานถาม - ตอบ 4. WBI (Web base Instruction) คือ โปรแกรม เพ่ือสนับสนุนการจัดการเรียนการสอน ที่มี ลักษณะเป็นการเชือ่ มโยงสือ่ หลายมิติ สามารถจะใช้ทรัพยากร และเครื่องมือต่างๆของเวิล์ด ไวด์ เว็บ ใน ระบบเครอื ขา่ ยอนิ เตอร์เนต็ ในการสรา้ งให้เกิดสภาพแวดลอ้ มและเอื้อและสนับสนุนต่อการเรียนการสอน ( Khan,1997 ; Relan & Gelami ,1997 ) 5. CAI (Computer-Assisted Instruction) คือ โปรแกรมคอมพิวเตอร์ที่ช่วยสอน โดยมีการ กาหนดใหผ้ เู้ รียนสามารถโต้ตอบหรอื มีปฏิสมั พันธก์ บั การเรยี นไดเ้ ช่น เดียวกับการเรียนในห้องเรียนกับครู เพียงแตม่ คี ามยดื หยุ่นนอ้ ยกวา่ เท่านน้ั คมู่ อื การใชบ้ ทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เรอื่ ง หลกั การเขียนโปรแกรมเบอื้ งต้น 21
แผนผงั การจดั การเรียนการสอนในห้องเรียนออนไลน์ ครผู สู้ อน ครูผู้สอน (ออกแบบแผนจัดการเรยี นร)ู้ 1. ตรวจให้คะแนน (ประเมนิ ผลการเรยี นรู้) 1. แกไ้ ขข้อมลู สว่ นตวั 2. วเิ คราะห์แผนจดั การเรยี นรู้ 2. สร้างรายวชิ า 3. ปรบั ปรงุ กิจกรรมการเรยี นการสอน 3. กาหนดเน้อื หา,ผลการเรียนรทู้ ี่คาดหวงั 4. สารองขอ้ มูลรายวิชา 4. เพิ่มแหล่งขอ้ มลู (ใบความรู้,ส่อื การสอน) 5. รเี ซทรายวชิ า เมื่อสน้ิ สุดการเรยี นการสอน 5. เพ่ิมกจิ กรรม (แบบทดสอบ,ใบงาน) 6. กาหนดกลมุ่ ผ้เู รียน , เพิ่ม-ลบ ผู้เรยี น นกั เรยี น 1. แก้ไขข้อมลู ส่วนตัว 2. สมัครเข้าเรยี นตามรายวิชา 3. เรียนรูต้ ามเนอ้ื หาท่ีครผู ู้สอนกาหนด 4. ทากิจกรรมทก่ี าหนด (แบบทดสอบ , ใบงาน ฯลฯ) ภาพท่ี 6 การจดั การเรยี นการสอนในหอ้ งเรียนออนไลน์ ค่มู อื การใช้บทเรียนออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เรื่อง หลกั การเขยี นโปรแกรมเบือ้ งต้น 22
หนว่ ยที่ 2 การเข้าสู่เว็บไซต์บทเรียนออนไลน์ คู่มือการใช้งานบทเรียนออนไลน์ วิชา การงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียน โปรแกรมเบอื้ งตน้ ช้ันมัธยมศกึ ษาปีที่ 5 เล่มนี้เปน็ คมู่ อื สาหรบั นักเรียน ประกอบด้วยรายละเอียดต่างๆ ที่ เกย่ี วขอ้ งกบั การใชง้ านบทเรยี นออนไลน์ ดังรายละเอียดต่อไปน้ี 2.1 การเปิดเวบ็ ไซต์ห้องเรียนออนไลน์ วธิ ที ี่ 1 เปิด Web Browsers โดยใชโ้ ปรแกรม Internet Explorer หรือ Mozilla Firefox 1.ดบั เบิลคลิก Firefox , GoogleChrome หรอื InternetExplorer วิธีที่ 2 ทช่ี อ่ ง Address พมิ พ์ช่ือเวบ็ ไซต์ http://www.krukea.com 2. พมิ พช์ ่อื เว็บไซต์ http://www.krukea.com ภาพที่ 7 ใช้โปรแกรม Internet Explorer 23 คูม่ อื การใช้บทเรยี นออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรอื่ ง หลกั การเขยี นโปรแกรมเบ้อื งตน้
วิธที ่ี 3 การเข้าสบู่ ทเรียนออนไลน์ http://www.krukea.com 2.2 การสมัครเข้าเรียนในระบบออนไลน์ http://www.krukea.com ครู นักเรยี น และ บุคคลภายนอกโดยมวี ธิ กี ารดงั น้ี 1.คลิกเข้าสูร่ ะบบ ภาพท่ี 8 การสมัครเข้าเรียนในระบบออนไลน์ 24 คมู่ อื การใชบ้ ทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เรือ่ ง หลักการเขยี นโปรแกรมเบ้อื งตน้
1. กอ่ นสมัครเข้าไปเรียนให้ผู้สมัคร ผู้เรยี น บคุ คลทั่วไป อ่านรายละเอยี ดการสมคั รเรยี นทงั้ 7 ขอ้ เรียบร้อยแลว้ จึงทาการสมัครเป็นสมาชิก 2.คลิกสมัครเปน็ สมาชิก 2. คลิกท่ี ป่มุ สมัครเป็นสมาชิก ภาพท่ี 9 การสมคั รเปน็ สมาชกิ ใหม่ 3.คลิกสรา้ ง account คมู่ อื การใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรอ่ื ง หลกั การเขยี นโปรแกรมเบ้อื งตน้ 25
3. คลิกที่ ปุม่ ขน้ั ตอ่ ไป 3.คลกิ ข้นั ตอนตอ่ ไป ภาพที่ 10 หน้าต่างยนื ยันการสมัครสมาชิกใหม่สาเรจ็ ค่มู ือการใชบ้ ทเรยี นออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เร่อื ง หลักการเขียนโปรแกรมเบ้ืองตน้ 26
2.3 ผเู้ รยี น : เข้า e- mail เพ่ือการใช้งานบญั ชที ี่ไดส้ มัครเป็นสมาชิกใหม่ในเว็บไซต์ 'KruKea Learning Center' โดยใช้ e-mail นใ้ี นการสมคั ร คลิก คลกิ เลอื ก ภาพท่ี 11 การยนื ยันบญั ชีสมาชกิ ใหม่ คลกิ เพื่อยืนยันข้อมูล คมู่ อื การใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เรอื่ ง หลกั การเขยี นโปรแกรมเบอ้ื งตน้ 27
คลกิ ปุม่ Unblock ภาพที่ 12 การยนื ยันการลงทะเบยี นใหม่ คลิกปุม่ รายวชิ าทงั้ หมด ค่มู อื การใชบ้ ทเรยี นออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เรื่อง หลกั การเขียนโปรแกรมเบือ้ งต้น 28
คลิกหมวดวชิ าการเขยี นโปรแกรม ภาพที่ 13 ส่วนของเมนูวิชาที่เปดิ สอน ภาพที่ 14 แสดงการเลือกวชิ าลงทะเบยี น ค่มู อื การใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบอื้ งต้น 29
หนว่ ยที่ 3 อนุมัติการเขา้ ใช้ระบบบทเรยี นออนไลน์ นกั เรยี นสามารถเขา้ ไปเรียนในบทเรียนออนไลน์ วชิ า การงานอาชีพและเทคโนโลยี ไดโ้ ดย นกั เรียนจะตอ้ งทาการลงทะเบียนเรียนในรายวชิ านั้นและรอการอนุมตั จิ ากผู้สอน ครผู ู้สอน : อนุมตั กิ ารใชง้ านระบบบทเรยี นออนไลนใ์ หก้ ับผ้เู รียน ครผู ู้สอนเขา้ สู่ระบบ ครผู สู้ อน : 1. ชื่อผ้ใู ช้ : admin 2. รหัสผา่ น : xxxxxxxxx 3. คลกิ เขา้ สรู่ ะบบ ภาพท่ี 15 ลงทะเบยี นใช้บทเรียนออนไลน์ 30 คมู่ ือการใช้บทเรียนออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เร่อื ง หลักการเขยี นโปรแกรมเบ้อื งต้น
ครผู สู้ อน : 1. คลกิ เลอื ก : บญั ชีผูใ้ ช้ 2. คลิกเลอื ก : รายช่อื สมาชกิ ครูผูส้ อน : คลิกยนื ยนั ข้อมลู สมาชิก (นกั เรียน,บุคคลท่ัวไป) ภาพท่ี 16 รายช่ือสมาชิกทีล่ งทะเบียน 31 ค่มู ือการใชบ้ ทเรยี นออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เรอ่ื ง หลักการเขยี นโปรแกรมเบอ้ื งตน้
การยนั ยนั สมาชิกใน ระบบ ครูผูส้ อน : 1.คลกิ เลอื ก Permissions 2.เลอื ก Assign system roles 3.ดทู ่ี Student > คลกิ More than ภาพท่ี 17 การยันยันสมาชิกในระบบ ค่มู อื การใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เร่อื ง หลกั การเขียนโปรแกรมเบอ้ื งตน้ 32
เพิ่มสมาชิก ในระบบ 2. คลิกเพม่ิ นกั เรียน ครูผ้สู อน : 1.คลิก More than 1.คลกิ More than มนี กั เรยี น 10 คน 2.คลิก เพ่ิม ช่ือสมาชิกเพ่ือยืนการใช้ระบบ ออนไลน์ หรือกดปุ่ม (Ctrl+A) เพ่ือเพื่อสมาชิก ท้งั หมด ภาพท่ี 18 เพิม่ สมาชิกในระบบ ค่มู อื การใชบ้ ทเรยี นออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เร่ือง หลกั การเขียนโปรแกรมเบ้อื งต้น 33
2.5 นกั เรียน : คลกิ เขา้ ส่รู ะบบ 1.คลิกเขา้ ส่รู ะบบ แสดงการ ระบบ เขา้ สรู่ ะบบ 2.พิมพช์ ่ือผู้ใช้ (username) 3.ใสร่ หัสผ่าน (Password) 4.คลกิ ป่มุ เข้าสรู่ ะบบ ภาพท่ี 19 แสดงการเขา้ สู่ระบบ 34 คมู่ อื การใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เร่ือง หลักการเขยี นโปรแกรมเบ้อื งตน้
2.6 นกั เรยี น : เลอื กรายวิชาเรยี นตามที่ตัวเองสนใจ แสดงการเลือก วิชาลงทะเบยี น 1.คลกิ เลอื กรายวิชาการเขยี น โปรแกรม 2.คลกิ เขา้ ส่บู ทเรียน ภาพท่ี 20 แสดงการเลือกวชิ าลงทะเบยี น 35 คมู่ ือการใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เรอื่ ง หลักการเขยี นโปรแกรมเบือ้ งต้น
2.7 ผเู้ รยี น : ศึกษาโครงสร้างหัวขอ้ ดังรายละเอยี ดต่อไปน้ี โครงสรา้ งรายวชิ า ขัน้ ตอนเขา้ เรยี น บทเรยี นออนไลน์ 1. ศกึ ษาคาอธิบายรายวิชา 2. ข้ันตอนการศกึ ษาบทเรยี นออนไลน์ www.krukea.com ภาพท่ี 21 ขั้นตอนการศึกษาบทเรียนออนไลน์ 36 ค่มู ือการใช้บทเรยี นออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เร่อื ง หลกั การเขียนโปรแกรมเบ้อื งต้น
3. ทาแบบทดสอบวดั ผลสัมฤทธกิ์ ่อนเรยี น การทาแบบทดสอบ 1.แบบทดสอบวัด ผลสมั ฤทธิ์กอ่ นเรียน 2. คลิกเข้าทาแบบทดสอบ 3. คลกิ สง่ ขอ้ นี้ คาตอบ วิธกี ารทาแบบทาสอบ 3. ตอบคาถามใน 1 ขอ้ ได้ 1 ครัง้ เม่ือคลกิ เลือก คาตอบแล้ว ส่งคาตอบ “ข้อน้ี” ภาพท่ี 22 ขั้นตอนการทาแบบทดสอบ 37 ค่มู ือการใชบ้ ทเรยี นออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรือ่ ง หลกั การเขียนโปรแกรมเบ้ืองต้น
วธิ กี ารทาแบบทาสอบ 4. เมอ่ื ทาครบ 30 ข้อ ส่งคาตอบแลว้ สิ้นสุดการ ทาแบบทดสอบ ภาพท่ี 23 แสดงการทาแบบทดสอบ ค่มู อื การใชบ้ ทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เรื่อง หลกั การเขียนโปรแกรมเบื้องตน้ 38
เรม่ิ ศกึ ษาหน่วยการเรียนรู้กันเถอะ คะ่ ศึกษาหน่วยการเรยี นรทู้ ี่ 1 แนะนาโปรแกรม Microsoft Visual Basic 2010 โปรแกรม Visual Basic 2010 จดั วา่ เปน็ โปรแกรมภาษาที่สมบรู ณ์แบบมากท่สี ุดภาษาหน่งึ เพราะประกอบดว้ ยเคร่อื งมอื ทีช่ ว่ ยใหก้ ารพฒั นาแอพพลเิ คชนั ท่ีหลากหลาย และสะดวกสบายต่อการใช้ งานมากกว่าเวอร์ชันกอ่ น ๆ มาก นกั เรียนศกึ ษาขั้นตอนหนว่ ยการเรยี นรดู้ งั ต่อไป 1. ทาแบบทดสอบก่อนเรียนหน่วยที่ 1 2. ศึกษาใบความรู้ 3. ศกึ ษาสือ่ วีดีทศั น์ 4. ทาใบงาน 5. ส่งงานผ่าน www.krukea.com 6. ทาแบบทดสอบหลังเรยี นหนว่ ยท่ี 1 1.แบบทดสอบก่อนเรียน 2.ศกึ ษาใบความรู้ 3.ศึกษาสอ่ื วีดที ัศน์ 4.ทาใบงาน 6.แบบทาสอบหลงั เรยี น 5.ส่งงาน ภาพท่ี 24 ขนั้ ตอนการศึกษาหนว่ ยการเรียนรู้ที่ 1 คู่มอื การใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 39
หนว่ ยที่ 1 นกั เรยี น : ทาแบบทดสอบก่อน-หลงั เรยี น 1.แบบทดสอบ ก่อน-หลงั เรียน 2.คลิกทาแบบทดสอบ ก่อนเรยี น 3.คลกิ ทาแบบทดสอบ หลังเรยี น ภาพท่ี 25 แสดงการทาแบบทดสอบ 40 ค่มู อื การใชบ้ ทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เร่อื ง หลกั การเขยี นโปรแกรมเบ้อื งตน้
หนว่ ยที่ 1 นกั เรยี น : ทาแบบทดสอบก่อน-หลังเรียน 1.คลกิ ทา แบบทดสอบ ก่อน-หลงั เรียน ทาแบบทดสอบ : คลิกเลือก คาตอบเพียงคาตอบเดียว แลว้ ส่งคาตอบ ภาพท่ี 26 แบบทดสอบทดสอบกอ่ นเรียน ค่มู อื การใช้บทเรียนออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เรือ่ ง หลกั การเขยี นโปรแกรมเบอื้ งต้น 41
หนว่ ยที่ 1 นักเรยี น : ทาแบบทดสอบก่อน-หลงั เรียน นักเรียน : ทาแบบทดสอบเสร็จ ใหค้ ลิกปมุ่ “ส่งคาตอบแลว้ สน้ิ สุดการทาแบบฝึกหดั ” และ โปรแกรมถามว่า “คุณกาลังจาออกจากการทาแบบทดสอบ” คลกิ ปมุ่ ตกลง 1.คลกิ ตกลง 2.ทาแบบทดสอบก่อน-หลังเรยี น เสรจ็ แล้วให้คลกิ ส่งคาตอบแล้ว สน้ิ สุดการทาแบบฝกึ หดั ภาพท่ี 27 แสดงการส่งคาตอบส้นิ สดุ การทาแบบฝกึ หดั คมู่ อื การใช้บทเรียนออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เรอ่ื ง หลักการเขียนโปรแกรมเบอ้ื งต้น 42
นหกันเ่วรยยี ทนี่ 1: ทนาักแเรบียทนดส: อศบกึ กษ่อานใ-บหคลวังาเรมยี รนู้ คลิกศกึ ษาใบความรู้ ภาพท่ี 28 แสดงการศึกษาใบความรู้ 43 ค่มู อื การใชบ้ ทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบอ้ื งตน้
หน่วยท่ี 1 นกั เรียน : ศึกษาส่อื วีดีทศั น์ คลิกศกึ ษาส่ือ วดี ีทศั น์ ภาพท่ี 29 แสดงส่ือวดี ีทศั น์ ค่มู อื การใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เรอื่ ง หลักการเขยี นโปรแกรมเบอ้ื งต้น 44
หนว่ ยท่ี 1 นักเรยี น : ทาใบงาน คลกิ ใบงาน ภาพท่ี 30 แสดงการทาใบงาน 45 ค่มู อื การใชบ้ ทเรยี นออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เร่อื ง หลกั การเขียนโปรแกรมเบอ้ื งตน้
หนว่ ยท่ี 1 นักเรียน : ส่งงาน 1.คลกิ ส่งงาน 2.เลอื กไฟล์ 3.คลกิ อัปโหลด ขอ้ มลู ทีต่ อ้ งการ 4.คลิกส่งการบา้ น ภาพท่ี 31 แสดงการสง่ งาน ค่มู อื การใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลกั การเขียนโปรแกรมเบ้อื งต้น 46
ศึกษาหน่วยการเรียนรู้ท่ี 2 เรือ่ ง หลกั การเขียนโปรแกรม Visual Basic 2010 อาศัยหลักการพัฒนาโปรแกรมแบบเชิงวัตถุ (Object Oriented Programming : OOP) ที่สามารถนาโครงสร้างที่สร้างไว้แล้วมาใช้ซ้า โดยไม่จาเป็นต้องสร้างข้ึนมาใหม่ ทาใหช้ ว่ ยลดระยะเวลาในการพัฒนาโปรแกรมได้ และยังใช้หลักการเขียนโปรแกรมแบบ Event Driven Programming นั่นคือ โปรแกรมจะทางานตามเหตุการณ์ (Event) ท่ีเกิดขึ้น ซึ่งแนวคิดน้ีจะมองการ ทางาน แต่ละส่วนของโปรแกรมเป็น Object ไม่ว่าจะเป็นหน้าจอของโปรแกรมที่แสดงในลักษณะของ หน้าต่าง หรือ เรียกอีกอย่างว่า ฟอร์ม (Form) คอนโทรลท่ีประกอบกันเป็นหน้าจอการทางาน ตาม ข้ันตอนการเรียนร้ดู ังนี้ 1. ทาแบบทดสอบกอ่ นเรยี นหน่วยท่ี 2 2. ศึกษาใบความรู้ 3. ทาใบงาน 4. ศึกษาส่ือวดี ีทัศน์ 5. คลิกสง่ งาน 6. ทาแบบทดสอบหลงั เรยี นหนว่ ยที่ 2 1.แบบทดสอบก่อนเรียน 2.ศึกษาใบความรู้ 3.ศกึ ษาสอื่ วีดีทัศน์ 4.ทาใบงาน 6.แบบทดสอบหลังเรยี น 5.คลกิ สง่ งาน ภาพท่ี 32 แสดงการศึกษาหนว่ ยการเรียนรทู้ ่ี 2 47 คมู่ ือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรอ่ื ง หลกั การเขยี นโปรแกรมเบือ้ งตน้
หน่วยที่ 2 นกั เรียน : ทาแบบทดสอบกอ่ นเรียน-หลังเรียน 1.คลิกทาแบบทดสอบ ก่อน-หลังเรียน 1.คลิกทาแบบทดสอบ ก่อนเรียน 2.คลกิ ทาแบบทดสอบ หลงั เรยี น ภาพท่ี 33 แสดงการทาแบบทดสอบท่ี 2 48 ค่มู อื การใชบ้ ทเรยี นออนไลน์ วชิ าการงานอาชีพและเทคโนโลยี เรื่อง หลกั การเขยี นโปรแกรมเบื้องตน้
หน่วยท่ี 2 นกั เรยี น : ทาแบบทดสอบก่อนเรียน-หลงั เรยี น 1.คลกิ ทาแบบทดสอบ กอ่ น-หลังเรยี น ทาแบบทดสอบ : คลกิ เลือก คาตอบเพียงคาตอบเดยี ว แล้วส่งคาตอบ ภาพท่ี 34 แสดงการสง่ คาตอบ 49 ค่มู ือการใชบ้ ทเรยี นออนไลน์ วิชาการงานอาชพี และเทคโนโลยี เร่อื ง หลักการเขียนโปรแกรมเบอ้ื งตน้
หนว่ ยท่ี 2 นักเรียน : ทาแบบทดสอบก่อนเรียน-หลังเรยี น นกั เรยี น : ทาแบบทดสอบเสรจ็ ใหค้ ลิกปมุ่ “ส่งคาตอบแล้วส้ินสดุ การทาแบบฝกึ หดั ” และ โปรแกรมถามว่า “คณุ กาลังจาออกจากการทาแบบทดสอบ” คลิกป่มุ ตกลง คลกิ ตกลง ทาแบบทดสอบกอ่ น-หลงั เรียน เสร็จแลว้ ใหค้ ลิกสง่ คาตอบแลว้ สิ้นสดุ การทาแบบฝึกหดั ภาพท่ี 35 แสดงการส่งคาตอบและคะแนน ค่มู อื การใชบ้ ทเรียนออนไลน์ วชิ าการงานอาชพี และเทคโนโลยี เร่อื ง หลกั การเขยี นโปรแกรมเบอ้ื งตน้ 50
Search
