คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 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
ศึกษาหน่วยการเรียนรู้ที่ 5 หลักการโครงงานคอมพิวเตอร์ ........................................ 63
ทาแบบทดสอบก่อนเรียน-หลังเรียน ....................................................................... 64
ศึกษาใบความรู้ ....................................................................................................... 67
ศึกษาสื่อวีดีทัศน์ ..................................................................................................... 68
ทาใบงาน ................................................................................................................ 69
ส่งงานผ่านเว็บไซต์ .................................................................................................. 70
ส่งงานผ่านเว็บไซต์ ..................................................................................................... 71
การให้คะแนนผลงานนักเรียน ...................................................................................... 73
รายงานผลการทาแบบทดสอบ .................................................................................... 74
การเขียนโปรแกรมด้วย Visual Basic ......................................................................... 78
ขั้นตอนการติดตั้งโปรแกรม VB 2010 Express Edition .............................................. 79
เริ่มต้นการเรียนรู้การเขียนโปรแกรม Visual Basic 2010 ............................................. 95
การเขียนแอพพลิเคชันเบื้องต้น ..................................................................................... 96
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 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

 สารบัญภาพ (ต่อ)

ภาพที่ หน้า
62 แสดงการทาใบงาน 69
63 แสดงการส่งงาน 70
64 Login เพื่อเข้าสู่ระบบ 71
65 แสดงหน้าหลัก 71
68 คลิกเลือกส่งใบงาน 72
69 การให้คะแนนใบงาน 73
70 ตรวจ เช็ค ผลการสอบของนักเรียน 74
71 ผลการทดสอบของนักเรียน 75
72 การส่งข้อมูลออกจากผ่านโปรแกรม Excel 76
73 แสดงการ SAVE FILE EXCEL 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 : maxnet2003@hotmail.com) 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
ครู ครู

  

 
นักเรียน
รายละเอียดเก็บในฐานข้อมูล

 
นักเรียน นักเรียน
นักเรียน

การเรี ยนการสอนแบบอีเลิร์นนิ่ง
1 2 3 4



รู

ครูออกแบบการจัดการเรียนการสอน วิชาที่ทาการสอน ส่งวัตถุเรียนเข้าสู่ระบบ ตามแผนฯ นักเรียนเข้าเรียนรู้

7 6 5


ประเมินผลการใช้เครื่องมือประเมิน
แผนการจัดการเรียนการสอน
ปรับปรุงแผนการจัดการเรียนสอน
ประเมินผลการเรียนรู้ของนักเรียน

ครูติดต่อสื่อสาร ควบคุมการเรียนรู้ และดูแลกิจกรรม

ภาพที่ 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. แก้ไขข้อมูลส่วนตัว
2. สร้างรายวิชา
3. กาหนดเนื้อหา,ผลการเรียนรู้ที่คาดหวัง
4. เพิ่มแหล่งข้อมูล (ใบความรู้,สื่อการสอน)
5. เพิ่มกิจกรรม (แบบทดสอบ,ใบงาน)
6. กาหนดกลุ่มผู้เรียน , เพิ่ม-ลบ ผู้เรียน

ครูผู้สอน
1. ตรวจให้คะแนน (ประเมินผลการเรียนรู้)
2. วิเคราะห์แผนจัดการเรียนรู้ นักเรียน
3. ปรับปรุงกิจกรรมการเรียนการสอน 1. แก้ไขข้อมูลส่วนตัว
4. สารองข้อมูลรายวิชา 2. สมัครเข้าเรียนตามรายวิชา
5. รีเซทรายวิชา เมื่อสิ้นสุดการเรียนการสอน
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 มีนักเรียน 10 คน
1.คลิก More
2.คลิ ก เพิ่ ม ชื่ อ สมาชิ ก เพื่ อ ยื น การใช้ ร ะบบ
than
ออนไลน์ หรือกดปุ่ม (Ctrl+A) เพื่อเพื่อสมาชิก
ทั้งหมด

ภาพที่ 18 เพิ่มสมาชิกในระบบ

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 33

2.5 นักเรียน : คลิกเข้าสู่ระบบ

1.คลิกเข้าสู่ระบบ
ระบบ
2.พิมพ์ชื่อผู้ใช้ (username)
แสดงการ
เข้าสู่ระบบ
4.คลิกปุ่มเข้าสู่ระบบ

3.ใส่รหัสผ่าน (Password)

ภาพที่ 19 แสดงการเข้าสู่ระบบ
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 34
2.6 นักเรียน : เลือกรายวิชาเรียนตามที่ตัวเองสนใจ แสดงการเลือก
วิชาลงทะเบียน

1.คลิกเลือกรายวิชาการเขียน
โปรแกรม

2.คลิกเข้าสู่บทเรียน

ภาพที่ 20 แสดงการเลือกวิชาลงทะเบียน
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 35
2.7 ผู้เรียน : ศึกษาโครงสร้างหัวข้อดังรายละเอียดต่อไปนี้ โครงสร้างรายวิชา

ขั้นตอนเข้าเรียน
บทเรียนออนไลน์

1. ศึกษาคาอธิบายรายวิชา
2. ขั้นตอนการศึกษาบทเรียนออนไลน์ www.krukea.com

ภาพที่ 21 ขั้นตอนการศึกษาบทเรียนออนไลน์
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 36
 3. ทาแบบทดสอบวัดผลสัมฤทธิ์ก่อนเรียน การทาแบบทดสอบ

1.แบบทดสอบวัด
ผลสัมฤทธิ์ก่อนเรียน

3. คลิกส่งข้อนี้
คาตอบ
2. คลิกเข้าทาแบบทดสอบ
วิธีการทาแบบทาสอบ
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

 หน่วยที่ 2 นักเรียน : ศึกษาใบความรู้

ภาพที่ 36 แสดงใบความรู้

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 51

 หน่วยที่ 2 นักเรียน : ศึกษาสื่อ วีดีทัศน์

คลิกศึกษาวีดีทัศน์

ที่มา https://www.youtube.com/watch?v=kapnECnWDsg&feature=youtu.be
ภาพที่ 37 แสดงสื่อวีดีทัศน์

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 52

 หน่วยที่ 2 นักเรียน : ทาใบงาน

คลิกใบงาน

ภาพที่ 38 แสดงการทาใบงาน

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 53

 หน่วยที่ 2 นักเรียน : ส่งงาน

ทาแบบทดสอบก่อน-หลังเรียน หน่วยการเรียนรู้ที่ 2
เสร็จแล้วให้คลิกส่งคาตอบแล้ว 1.คลิกส่งงาน นักเรียนส่งใบงาน
สิ้นสุดการทาแบบฝึกหัด

2.เลือกไฟล์

3.คลิกอัปโหลด
ข้อมูลที่ต้องการ

4.คลิกส่ง
การบ้าน

ภาพที่ 39 แสดงการส่งงาน
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 54
 ศึกษาหน่วยการเรียนรู้ที่ 3
เรื่อง ตัวแปร ค่ าคงที่ และชนิดของข้ อมูล

สาหรับค่าคงที่ก็ทาหน้าที่คล้ายกับตัวแปร เพียงแต่ค่าของมัน จะไม่เปลี่ยนแปลงตลอดการทางาน

ของโปรแกรม ค่าคงที่มีประโยชน์ในการเก็บค่าที่ไม่เปลี่ยนแปลง เช่น เก็บค่าคงที่ Pi ที่ใช้คานวณเกี่ยวกับ
วงกลม เป็นต้น
1. ทาแบบทดสอบก่อนเรียนหน่วยที่ 3
2. ศึกษาใบความรู้
3. ทาใบงาน
4. ศึกษาสื่อวีดีทัศน์
5. คลิกส่งงาน
6. ทาแบบทดสอบหลังเรียนหน่วยที่ 3
3.ศึกษาสื่อวีดีทัศน์
1.แบบทดสอบก่อนเรียน

2.ศึกษาใบความรู้

4.ทาใบงาน

5.ส่งใบงาน

6.แบบทดสอบหลังเรียน
เรียน

ภาพที่ 40 แสดงรายละเอียด
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 55
 หน่วยที่ 3 นักเรียน : ทาแบบทดสอบก่อนเรียน-หลังเรียน

1.คลิกทาแบบทดสอบ
ก่อน-หลังเรียน

คลิกทาแบบทดสอบ
ก่อนเรียน

คลิกทาแบบทดสอบ
หลังเรียน

ภาพที่ 41 ทาแบบทดสอบก่อน-หลังเรียน

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 56

 หน่วยที่ 3 นักเรียน : ทาแบบทดสอบก่อนเรียน-หลังเรียน

1.คลิกทา
แบบทดสอบ
ก่อน-หลังเรียน

การทาแบบทาสอบ
ตอบคาถามใน 1 ข้อ ได้ 1 ครั้ง เมื่อคลิก
เลือกคาตอบแล้ว ส่งคาตอบ “ข้อนี้”
ภาพที่ 42 แสดงการส่งคาตอบแบบทดสอบก่อน-หลัง
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรืเรี่อยง นหลักการเขียนโปรแกรมเบื้องต้น 57
 นักเรียน : ทาแบบทดสอบเสร็จ ให้คลิกปุ่ม “ส่งคาตอบแล้วสิ้นสุดการทาแบบฝึกหัด” และ
โปรแกรมถามว่า “คุณกาลังจาออกจากการทาแบบทดสอบ” คลิกปุ่มตกลง
คลิกตกลง

ทาแบบทดสอบก่อน-หลังเรียน
เสร็จแล้วให้คลิกส่งคาตอบแล้ว
สิ้นสุดการทาแบบฝึกหัด

ภาพที่ 43 ส่งคาตอบสิ้นสุดการทาแบบฝึกหัด
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 58
 หน่วยที่ 3 นักเรียน : ศึกษาใบความรู้

ใบความรู้ที่ 3

ภาพที่ 44 แสดงศึกษาใบความรู้

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 59

 หน่วยที่ 3 นักเรียน : ศึกษาวีดีทัศน์

ศึกษาวีดีทัศน์

ที่มา : https://www.youtube.com/watch?v=FVlekf2QFhw&feature=youtu.be

ภาพที่ 45 แสดงศึกษาวีดีทัศน์

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 60

 หน่วยที่ 3 นักเรียน : ทาใบงาน

คลิกใบงาน

ภาพที่ 46 แสดงการทาใบงานหน่วยการเรียนรู้ที่ 3

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 61

 หน่วยที่ 3 นักเรียน : ส่งงาน

1. คลิกส่งใบงาน
ทาแบบทดสอบก่อน-หลังเรียน หน่วยการเรียนรู้ที่ 3
เสร็จแล้วให้คลิกส่งคาตอบแล้ว นักเรียนส่งใบงาน
สิ้นสุดการทาแบบฝึกหัด

2.เลือกไฟล์

3.คลิกอัปโหลด
ข้อมูลที่ต้องการ

4.คลิกส่ง
การบ้าน

ภาพที่ 47 แสดงการส่งงานหน่วยการเรียนรู้ที่ 3

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 62

 หน่วยการเรียนรู้ที่ 4
เรื่อง คาสั่งควบคุมการทางาน

การควบคุ ม การท างานของโปรแกรม โดยทั่ ว ไปแล้ ว การท างานของโปรแกรมจะท าค าสั่ ง

ตามลาดับจากบนล่าง แต่ในบางครั้ง โปรแกรมอาจต้องมีการตรวจสอบเงื่อนไขแล้วทาตามเงื่อนไข ดัง
หน่วยการเรียนรู้ต่อไปนี้
1. ทาแบบทดสอบก่อนเรียนหน่วยที่ 4
2. ศึกษาใบความรู้
3. ทาใบงาน
4. ศึกษาสื่อวีดีทัศน์
5. ส่งงานใบงาน
6. ทาแบบทดสอบหลังเรียนหน่วยที่ 4 1.แบบทดสอบก่อนเรียน
3.ศึกษาสื่อวีดีทัศน์

2.ศึกษาใบความรู้

4.ทาใบงาน

6.แบบทดสอบหลังเรียน
เรียน

5.ส่งใบงาน

ภาพที่ 48 แสดงรายละเอียดหน่วยการเรียนรู้ที่ 4
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 63
 หน่วยที่ 4 นักเรียน : ทาแบบทดสอบก่อน-หลังเรียน

1.คลิกทาแบบทดสอบ
ก่อน-หลังเรียน

คลิกทาแบบทดสอบ
ก่อนเรียน
ภาพที่ 49 แสดงการทาแบบทดสอบก่อน-หลังเรียน

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 64

 หน่วยที่ 4 นักเรียน : ทาแบบทดสอบก่อน-หลังเรียน

ทาแบบทดสอบก่อน
หลังเรียน

การทาแบบทาสอบ
ตอบคาถามใน 1 ข้อ ได้ 1 ครั้ง เมื่อคลิก
เลือกคาตอบแล้ว ส่งคาตอบ “ข้อนี้” ภาพที่ 50 ส่งคาตอบแบบทดสอบก่อน-หลัง

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 65

 นักเรียน : ทาแบบทดสอบเสร็จ ให้คลิกปุ่ม “ส่งคาตอบแล้วสิ้นสุดการทาแบบฝึกหัด” และ
โปรแกรมถามว่า “คุณกาลังจาออกจากการทาแบบทดสอบ” คลิกปุ่มตกลง

คลิกตกลง

ทาแบบทดสอบก่อน-หลังเรียน
เสร็จแล้วให้คลิกส่งคาตอบแล้ว
สิ้นสุดการทาแบบฝึกหัด

ภาพที่ 51 ส่งคาตอบสิ้นสุดการทาแบบทดสอบ
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 66
 หน่วยที่ 4 นักเรียน : ศึกษาใบความรู้

ใบความรู้ที่ 4

ภาพที่ 52 แสดงศึกษาใบความรู้

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 67

 หน่วยที่ 4 นักเรียน : ศึกษาวีดีทัศน์

ศึกษาวีดีทัศน์

ภาพที่ 53 แสดงศึกษาวีดีทัศน์

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 68

 หน่วยที่ 4 นักเรียน : ทาใบงาน

คลิกใบงาน

ภาพที่ 54 แสดงการทาใบงาน

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 69

 หน่วยการเรียนรู้ที่ 4
คลิกส่งใบงาน

ทาแบบทดสอบก่อน-หลัง
เรียน เสร็จแล้วให้คลิกส่ง
คาตอบแล้วสิ้นสุดการทา

2.เลือกไฟล์
3.คลิกอัปโหลด
ข้อมูลที่ต้องการ

4.คลิกส่งการบ้าน

ภาพที่ 55 แสดงการส่งงาน
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 70
 หน่วยการเรียนรู้ที่ 5

เรื่อง หลักการโครงงานคอมพิวเตอร์

โครงงานคอมพิวเตอร์ เป็นกิจกรรมอิสระที่ นักเรียนสามารถเลือกศึกษาตามความสนใจ โดยใช้

ทักษะ ตลอดจนประสบการณ์ของผู้เรียนด้านคอมพิวเตอร์และซอฟต์แวร์ในการแก้ปัญหาต่างๆ ผู้เรียน
จะต้องวางแผนดาเนินงาน ศึกษา พัฒนาโปรแกรม หรืออุปกรณ์ที่เกี่ยวข้องกิจกรรมที่จัดว่าเป็นโครงงาน
1. ทาแบบทดสอบก่อนเรียนหน่วยที่ 5
2. ศึกษาใบความรู้
3. ทาใบงาน
4. ศึกษาสื่อวีดีทัศน์
5. ส่งงานใบงาน
6. ทาแบบทดสอบหลังเรียนหน่วยที่ 5

1.แบบทดสอบก่อนเรียน

2.ศึกษาใบความรู้
3.ทาใบงาน

4.ส่งใบงาน

5.ศึกษาและเสนอ
โครงงาน

6.แบบทดสอบหลังเรียน
เรียน
ภาพที่ 56 แสดงรายละเอียด
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 71
 หน่วยที่ 5 นักเรียน : ทาแบบทาสอบก่อนเรียน-หลังเรียน

1.คลิกทาแบบทดสอบ
ก่อน-หลังเรียน

คลิกทาแบบทดสอบ
ก่อนเรียน

คลิกทาแบบทดสอบ
หลังเรียน

ภาพที่ 57 แสดงการทาแบบทดสอบ ก่อนเรียน หลังเรียน

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 72

 หน่วยที่ 5
นักเรียนทาแบบทดสอบก่อน-หลังเรียน

ทาแบบทดสอบก่อน-หลังเรียน

คลิกเพื่อทาแบบทดสอบ
ก่อน-หลังเรียน

ภาพที่ 58 ส่งคาตอบแบบทดสอบก่อน-หลัง
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 73
 นักเรียน : ทาแบบทดสอบเสร็จ ให้คลิกปุ่ม “ส่งคาตอบแล้วสิ้นสุดการทาแบบฝึกหัด” และ
โปรแกรมถามว่า “คุณกาลังจาออกจากการทาแบบทดสอบ” คลิกปุ่มตกลง

2. คลิกตก
ลง

1. ทาแบบทดสอบก่อน-หลังเรียน
เสร็จแล้วให้คลิกส่งคาตอบแล้ว
สิ้นสุดการทาแบบฝึกหัด

ภาพที่ 59 ส่งคาตอบแบบทดสอบก่อน-หลัง
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 74
 หน่วยที่ 5 นักเรียน : ศึกษาใบความรู้

ใบความรู้ที่ 5

ภาพที่ 60 แสดงศึกษาใบความรู้

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 75

 หน่วยที่ 5 นักเรียน : ศึกษาวีดีทัศน์

ศึกษาวีดีทัศน์

ทีมา : https://www.youtube.com/watch?v=RR5U3bBOAQA

ภาพที่ 61 แสดงศึกษาวีดีทัศน์ ตัวอย่างโครงงาน

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 76

 หน่วยที่ 5 นักเรียน : ทาใบงาน

คลิกใบงาน

ภาพที่ 62 แสดงการทาใบงาน

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 77

 หน่วยการเรียนรู้ที่ 5

หน่วยที่ 5 นักเรียน : ส่งใบงาน

คลิกส่งใบงาน

ทาแบบทดสอบก่อน-หลัง
เรียน เสร็จแล้วให้คลิกส่ง
2.เลือกไฟล์
คาตอบแล้วสิ้นสุดการทา 3.คลิกอัปโหลด
ข้อมูลที่ต้องการ

4.คลิกส่งการบ้าน

ภาพที่ 63 แสดงการส่งงาน
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 78
 การตรวจผลงาน
(ครูผู้สอน)

1.คลิกเข้าสู่ระบบ
ระบบ
2.พิมพ์ชื่อผู้ใช้ (username)

4.คลิกปุ่มเข้าสู่ระบบ

3.ใส่รหัสผ่าน (Password)

ภาพที่ 64 Login เพื่อเข้าสู่ระบบ

ภาพที่ 65 แสดงหน้าหลัก
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 79
 1.คลิกเลือก
Microsoft Visual
Studio 2010

ภาพที่ 66 เลือกรายวิชารายที่ลงทะเบียนเรียน

2.คลิกเลือกส่งใบงาน
3.คลิกดูงานที่นักเรียนส่ง

ภาพที่ 67 คลิกเลือกงานที่นักเรียนส่ง

ภาพที่ 68 คลิกเลือกส่งใบงาน
.

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 80

 การให้คะแนนผลงานนักเรียน
(ครูผู้สอน)

1.คลิกคะแนนที่ได้

3. คลิกลงคะแนน

1.คลิกเพื่อลงคะแนนให้กับนักเรียน
2. เปิดผลงานของผู้เรียนดู
3.ส่งข้อความหานักเรียน 3. คลิกช่องคะแนนที่ 10/10 คะแนน
4. ส่งข้อความอะไรไปหานักเรียนว่าได้
ทาการตรวจผลงานของนักเรียนแล้ว
5. คลิกปุ่ม “บันทึกและต่อไป”
2.เปิดงานนักเรียนมาดู
ภาพที่ 69 การให้คะแนนใบงาน
5. คลิกปุ่ม “บันทึกและ
ต่อไป
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 81
 รายงานผลการทาแบบทดสอบ
(ครูผู้สอน)

1.คลิกเลือกวิชาเรียน

ภาพที่ 70 ตรวจ เช็ค ผลการสอบของนักเรียน

2.คลิกแบบทดสอบก่อนเรียน

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 82

 ภาพที่ 71 ผลการทดสอบของนักเรียน
คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 83
  ส่งข้อมูลออกผ่านโปรแกรม Excel

ภาพที่ 72 การส่งข้อมูลออกจากผ่านโปรแกรม
Excel

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 84

  เลือก Folder ที่ต้องการ Save File

ภาพที่ 73 แสดงการ SAVE FILE EXCEL

 เปิด (Open) File Excel และนาไปใช้งาน

คู่มือการใช้บทเรียนออนไลน์ วิชาการงานอาชีพและเทคโนโลยี เรื่อง หลักการเขียนโปรแกรมเบื้องต้น 85