ค ำน ำ

บทเรยนบนบนเวบชวยสอนตามรปแบบการสอนแบบสบเสาะหาความร วชา ง30205 การเขยนโปรแกรมภาษาซ ชนมธยมศกษาปท 4 เรองการเขยนโปรแกรมภาษาซ พฒนาขนมาโดยผสอนเปนผบรหารจดการเนอหาในระบบใหสอดคลองกบการเรยนการสอนในหองเรยนและมอบหมายงานใหกบผเรยน สามารถเขามาเรยนในบทเรยน ท าใบงานตางๆ ท าแบบทดสอบทงกอนเรยนและหลงเรยน และท ากจกรรมตาง ๆได ซงผสอนไดน าเนอหา สอการเรยนร ใบความร วดโอประกอบการสอน และกจกรรมในการเรยนร รวบรวมจากประสบการณในการเรยนการสอนมาบรณาการใหเปนบทเรยนทมความสมบรณมาขนไวบนเวบไซต โดยใชโปรแกรมมเดล (Moodle) ซงเปนซอฟตแวรฟร (Open Source LMS) เปนระบบทใชบรหารจดการการเรยนรทอ านวยความสะดวกในการจดกลมเนอหาและกจกรรมการเรยนร การสอสารโตตอบระหวางผสอน ( Instructor/Teacher) กบผเรยน(Student) หรอระหวางผเรยนดวยกนได

การจดการเรยนการสอนจะประสบความส าเรจไดนนขนอยกบปจจยหลายๆ อยางดวยกนการฝกทบทวนหลงการเรยนรในหองเรยนเปนปจจยส าคญอกประการหนงทชวยใหผเรยนเกดการเรยนรและพฒนาตนเองไดอยางเตมศกยภาพ บทเรยนบนเวบชวยสอนนนเปนการใชเทคโนโลยคอมพวเตอรมาชวยถายทอดความรแทนครผสอน ผเรยนไดเรยนรอยางงายดาย ทกททกเวลาทมสญญาณอนเทอรเนต สอสารดวยภาษาทเขาใจงาย ทงภาพนง ภาพเคลอนไหว ตวอกษร เสยง วดโอท าใหผเรยนไมรสกเบอหนายมความสนกและสนใจอยตลอดเวลา ท าใหเขาใจเนอหาบทเรยนไดมากยงขนและจดจ าเนอหาไดนานยงขน ซงคมอการใชบทเรยนบนเวบชวยสอนนจดท าขนเพอเปนแนวทางในการน าไปใชในการจดการเรยนการสอนใหเกดประโยชนสงสดตอไป

ขอขอบคณผอ านวยการโรงเรยนนวมนทราชนทศ สวนกหลาบวทยาลย ปทมธาน ทใหการสนบสนนในการพฒนาสอนวตกรรมการสอนในครงน ผเชยวชาญทกทานทกรณาหาจดบกพรองของสอและรายงานการใชสอนวตกรรมน รวมทงคณะครกลมสาระการเรยนรการงานอาชพและเทคโนโลยทกทานทใหความชวยเหลอเปนอยางด

วาสนา แสงศร ผจดท า

สำรบญ หนา

ความตองการของระบบคอมพวเตอร 1 การเขาสเวบไซต 2 สวนประกอบของหนาเวบไซตหลก 3 - แนะน าการใชเวบไซต 4 - ขนตอนการใชบทเรยน 4 - คมอการใชบทเรยน 5 การเขาสระบบ / สมครสมาชกใหม 6 - ส าหรบบคคลทวไป 6 - ส าหรบนกเรยนปกต 8 เมนการใชงานบทเรยนบนเวบชวยสอน 11 การแกไขขอมลสวนตว 13 ขนตอนการใชบทเรยนบนเวบชวยสอน 14 - การท าแบบทดสอบกอนเรยน 15 - การศกษาจดประสงคการเรยนร 17 - การศกษาเอกสารประกอบการเรยน 18 - การศกษาบทเรยนจาก VDO 19 - การใชงานหองสนทนา 19 - การท าใบงานและสงงาน 20 - การท าแบบทดสอบหลงเรยน 21 - การน าเสนอชนงาน (กระดานสนทนา) 23 - การท าแบบประเมนความพงพอใจบทเรยน 26

การดผลการเรยนของนกเรยน 29

คมอการใชงานบทเรยนบนเวบชวยสอน วชา ง30205 การเขยนโปรแกรมคอมพวเตอร ชนมธยมศกษาปท 4

เรอง การเขยนโปรแกรมภาษาซ กลมสาระการเรยนรการงานอาชพและเทคโนโลย

โรงเรยนนวมนทราชนทศ สวนกหลาบวทยาลย ปทมธาน อ าเภอล าลกกา จงหวดปทมธาน

ระบบการเรยนการสอนออนไลนหรอบทเรยนบนเวบชวยสอน เปนระบบในลกษณะทครผสอนเปนผบรหารจดการเนอหาในระบบใหสอดคลองกบการเรยนการสอนในหองเรยน และมอบหมายงานใหกบผเรยน ซงในบทเรยนนผสอนใชระบบการจดการเรยนการสอนออนไลนดวย Moodle ซงเปนซอฟตแวรทท าหนาทบรหารจดการเรยนการสอนออนไลน ซงประกอบดวยเครองมออ านวยความ สะดวกใหแกผสอน ผเรยน ผดแลระบบ โดยทผสอนน าเนอหาและสอการสอนข นเวบไซตรายวชาตามทไดขอใหระบบจดไวใหไดโดยสะดวก สวนผเรยนกสามารถเขาถงเนอหา กจกรรมตาง ๆ ไดโดยผานเวบ ทงผสอนและผเรยนสามารถตดตอสอสารไดผานทางเครองมอการสอสารทระบบจดไวให เชน ไปรษณยอเลกทรอนกส หองสนทนา และกระดานถาม–ตอบ เปนตน ความตองการของระบบคอมพวเตอร/แทบเลต/สมารทโฟน

1. ระบบปฏบตการ Microsoft windows 7 หรอสงกวา

2. ตดตงซอฟตแวร เวบบราวเซอร รองรบการใชงาน HTML5 โดยสอสามารถท างานไดดกบ

Google Chrome , Firefox และ Internet Explorer

3. เชอมตอกบอนเทอรเนต

4. ตดตงอปกรณแสดงเสยง เชน ล าโพง หรอ หฟง

5. สามารถใชโทรศพทมอถอ (Smartphone) หรอแทบเลต รองรบทงระบบปฏบตการ

Android และ IOS ในการเขาใชงานบทเรยนได

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 2

การเขาสเวบไซต

1. เปดเขาใชงานเวบไซตท URL : http://www.kruwassana.com ผานเวบบราวเซอร หรอสามารถใชสมารทโฟนหรอแทบเลตเขาผานควอารโคด

จะปรากฎหนาแรกเวบไซตดงภาพดานลาง

2. คลกปม เพอเขาสบทเรยนบนเวบชวยสอน ดงภาพดานลาง

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 3

สวนประกอบของหนาเวบไซตหลก

เมนหลก รายวชาทงหมด ปฏทน สมาชกออนไลน บทเรยนบนเวบชวยสอน เรอง การเขยนโปรแกรมภาษาซ - นกเรยนสามารถเลอกภาษาทใชในบทเรยนไดโดยคลกท

- นกเรยนศกษาวธการใชงานเวบไซต kruwassana.com จากเมน ขนตอนการใชบทเรยน และคมอการใชบทเรยน

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 4

- เมนแนะน าการใชเวบไซต แสดงขอมลดงภาพ

- ขนตอนการใชบทเรยน คลกทปม จะแสดงขอมลดงภาพ

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 5

- คมอการใชบทเรยนคลกทปม จะแสดงขอมลดงภาพ

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 6

การเขาสระบบ / สมครสมาชกใหม ส าหรบบคคลทวไป - ผเรยนสามารถเขาไปศกษาบทเรยนไดโดยไมจ าเปนตองเปนสมาชกของเวบไซตกอน โดยสามารถเขาไปเรยนไดจากบทเรยนทแสดงไว ดงภาพ แตผเรยนจะไมมสทธในการท าแบบทดสอบได จ าเปนจะตองสมครเปนสมาชกของเวบไซตและสมครเรยนในรายวชานนๆ กอน

- เมอตองการสมครเปนสมาชกใหมของเวบไซต ใหกดทปมเมน ทบลอกเมนหลก

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 7

- จากนนใหกดทปม “สมครเปนสมาชก” ดงภาพ

- การสมครสมาชกใหม ใหผสมครกรอกขอมลใหครบถวน (* แสดงวาบงคบใหกรอก) แลวกด

ปม ระบบจะใหท าการยนยนขอมลผานอเมลหรอรอรบการยนยนจากผดแลระบบ จากนนจงจะน า ชอผใช และ รหสผาน มาใชเขาสระบบตอไป

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 8

ส าหรบนกเรยนปกต

ผเรยนในรายวชาในเวบไซตน จะไดรบการเพมสมาชกเขาระบบจากครผสอนใหเรยบรอยกอนการเรยนการสอน และจะแจงใหนกเรยนทราบชอผใช (Username) พรอมกบรหสผาน (Password) ในหองเรยน จากนนกดปมเมน หรอโดยการคลกท “เขาสระบบ” มมบนดานขวา จะแสดงหนาจอ ดงภาพ

- จากนนใหนกเรยนพมพ ชอผใช (Username) และ รหสผาน (Password) ทครแจกให ซงชอผใช คอ รหสประจ าตวนกเรยน และรหสผานเปน วน/เดอน/ปเกด เชน (21092545) จากนน กดปม

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 9

- หลงจากนกเรยนท าการ Login แลว นกเรยนจะเหนวชาทนกเรยนไดรบการลงทะเบยนจาก

คร ใหนกเรยนเลอกรายวชา “การเขยนโปรแกรมคอมพวเตอร (ง30205) ม.4”

- ระบบจะแสดงหนาจอแรกของบทเรยนดงภาพ

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 10

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 11

- นกเรยนสามารถยอ/ขยายบทเรยน เพอความสะดวกในการเรยนโดยการคลกท

เมนการใชงานบทเรยนบนเวบชวยสอน

1. เมนหลก 1.1 หนาแรก เปนเมนส าหรบกลบไปหนาหลกของเวบไซต 1.2 ประวตผพฒนา เปนเมนแสดงขอมลประวตผพฒนาบทเรยน 1.3 ผลงาน เปนเมนทแสดงผลงาน รางวล ทเกดกบผเรยนและผพฒนาจากการจดการเรยนการสอน 2. เมน People

2.1 People / Participants ส าหรบดเพอนนกเรยนทอยใน รายวชา

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 12

3. เมน Activities

3.1 Activities / Assignments ส าหรบดใบงานตางๆ 3.2 Activities / Chats หองสนทนา พดคยในหองเรยน 3.3 Activities / Forums กระดานขาว 3.4 Activities / Quizzes ท าแบบทดสอบและรายงานคะแนนแบบทดสอบทไดท าแลว 3.5 Activities / Resources ส าหรบดหวขอ เนอหา และแบบทดสอบทงหมดในรายวชานนๆ

4. Search Forums ส าหรบคนหา กระดานสนทนา

5. เมน Administration

5.1 Administration / Grades ส าหรบตรวจสอบคะแนน ทงคะแนนใบงานและแบบทดสอบ 5.2 Administration / Profile ส าหรบดขอมลสวนตว

6. เมน Home

6.1 เมน Home คลกทเมนนเมอตองการกลบหนาแรกของเวบไซต kruwassana.com 6.2 เมน com30205 คลกทเมนนเมอตองการกลบมาทหนาแรกของรายวชาการเขยนโปรแกรมคอมพวเตอร

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 13

การแกไขขอมลสวนตว

1. ใหนกเรยนคลกทเมน Administration เลอก Profile 2. เลอกเมน Edit profile

3. ท าการแกไขขอมลทตองการแลวกดปม

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 14

ขนตอนการใชบทเรยนบนเวบชวยสอน

1. ใหนกเรยนศกษาโครงการสอน การวดผลประเมนผล และแผนการสอนระยะยาว และขนตอนการใชบทเรยน

2. ใหนกเรยนเลอก หนวยท 2 การเขยนโปรแกรมภาษาซ

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 15

3. การท าแบบทดสอบกอนเรยน

3.1 ใหนกเรยนท าแบบทดสอบกอนเรยน โดยการคลกท แบบทดสอบกอนเรยน เรอง การเขยนโปรแกรมภาษาซ เพอวดความรทงหมดของหนวยท 2 เรองการเขยนโปรแกรมภาษาซ

3.2 ใหนกเรยนอานค าชแจงกอนสอบ โดยโปรแกรมจะขนค าชแจง รายละเอยด ในการ

ท าขอสอบ เวลาในการท าขอสอบ วนทสนสดในการท าขอสอบ เมอนกเรยนอานค าชแจงเรยบรอยแลวใหนกเรยน กดปม (เรมท าแบบทดสอบ) เพอเรมท าขอสอบ

3.3 ระบบจะเขาสหนาจอแบบทดสอบ โดยจะมเวลาในการสอบขนมมบนดานซายมอ

ซงจะแสดงเวลาทเหลอในการท าขอสอบ

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 16

3.4 การเลอกค าตอบท าโดยการเอาเมาสไปคลกท และถาตองการแกไขค าตอบใหม

ใหท าการคลกทหนาค าตอบใหม จดด า กจะยายค าตอบใหมโดยอตโนมต 3.5 เมอนกเรยนท าแบบทดสอบครบทกขอแลว ใหนกเรยน คลกปม

(สงค าตอบและเสรจสนการท าแบบทดสอบ) เพอสงขอสอบ

3.6 ระบบจะแสดงผลการทดสอบดงภาพ

เมอหมดเวลาในการท าขอสอบ นกเรยนจะไมสามารถกลบมาสอบใหมได โดยจะขนหนาเวบ แจงเตอนวา หมดสทธท าแบบทดสอบแลว ใหนกเรยนคลก ขนตอไป กจะกลบมาหนาแรก บทเรยน

ในการท าแบบทดสอบกอนเรยนและหลงเรยนในแตละเรองยอยใชวธการเชนเดยวกน รวมถงแบบทดสอบหลงเรยนของหนวยการเรยนรท 2 ดวย

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 17

4. การศกษาจดประสงคการเรยนร

ใหนกเรยนคลกหวขอ จดประสงคการเรยนร เพอศกษาจดประสงคการเรยนรในแตละเรอง

5. การท าแบบทดสอบกอนเรยนและหลงเรยนของแตละเรองยอย

ใหนกเรยนคลก “แบบทดสอบกอนเรยน เรอง รจกภาษาซ” ใชวธการเชนเดยวกนกบ

การท าแบบทดสอบกอนเรยนของหนวยการเรยนรท 2

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 18

6. การศกษาเอกสารประกอบการเรยน

6.1 การศกษาใบความร ใหนกเรยนเรมเรยน โดยการคลก ใบความรท 2.1 เรอง รจกภาษาซ จะแสดงผลดงภาพ

6.2 การ download โปรแกรม DEV C หลงจากศกษาใบงานเรยบรอยแลว ใหนกเรยน download โปรแกรม DEV C ในหวขอเมน ส าหรบการฝกเขยนโปรแกรม และศกษาวธการตดตงโปรแกรม DEV C โดยคลกทหวขอเมน และใหนกเรยนท าการตดตงโปรแกรม DEV C ในเครองของนกเรยนใหเรยบรอย

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 19

6.3 การศกษาบทเรยนจาก VDO

ใหนกเรยนศกษาจาก VDO โดยคลกหวขอเมน ซงในแตละเรองจะมวดโอสอนวธการใชงานหรอการใชค าสงตางๆ

6.4 การใชงานหองสนทนา ถานกเรยนตองการเขาไปพดคยสอบถามปญหาตางๆ ใหคลก และเมอตองการสนทนาใหคลกท

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 20

จะเกดหนาตางดงภาพ นกเรยนสามารถพดคย สนทนาไดโดยพมพขอความในกลองขอความดานลาง แลวกดปม Enter

6.5 การท าใบงานและสงงาน ใหนกเรยนคลกทหวขอเมน จะไดดงภาพ

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 21

เมอนกเรยนท าใบงานเรยบรอยแลว ในการสงใบงาน ใหนกเรยนคลกทเมน

ใบงานท 2.1 ดงภาพ จะมปมใหนกเรยนกด “เลอกไฟล” เมอเลอกไฟลไดแลวใหกดปม

“อพโหลดไฟลน” ไฟลงานจะขนมาแสดงดงภาพ

7. การท าแบบทดสอบหลงเรยน ในแตละเรองยอยจะมแบบทดสอบหลงเรยนใหนกเรยนไดทดสอบวดความรทกครง ใหนกเรยนเลอกหวขอเมน

แลวท าการทดสอบเชนเดยวกบ แบบทดสอบกอนเรยน โดยใหนกเรยนอานค าชแจงการท าแบบทดสอบ จากนนคลกท เพอเรมท าขอสอบ

1. กด เลอกไฟล

2. กด อพโหลดไฟล

3. แสดงไฟลทอพโหลด

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 22

การท าแบบทดสอบหลงเรยน ท าเหมอนกบการท าแบบทดสอบกอนเรยน

ซงแบบทดสอบหลงเรยนระบบจะอนญาตใหนกเรยนท าแบบทดสอบซ าไดอก 1 ครง ในกรณทนกเรยนท าแบบทดสอบไมผานเกณฑ ซงใหนกเรยนกลบไปศกษาบทเรยนกอนแลวกลบมาสอบใหมไดโดยคลกท

ใหท าแบบทดสอบเชนเดยวกบทเคยท าแบบทดสอบกอนเรยนและหลงเรยนทเคยสอบมาแลว

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 23

8. การน าเสนอชนงาน การน าเสนอชนงาน เปนการใหนกเรยนท างานรวมกนและน าเสนอชนงานรวมกนผาน

กระดานสนทนา ซงจะมกจกรรมนในหวขอเรอง การน าเสนอชนงานเมน

8.1 ใหนกเรยนแบงกลมและใหตวแทนกลมคลกทเมน

จะไดหนาจอดงภาพ จากนนใหคลกทปม

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 24

8.2 ใหนกเรยนแตละกลมตงกระท โดยการใสหวขอกระท และขอความ แลวกดปม

จะไดผลดงภาพ

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 25

8.3 การตอบกระทของสมาชกใหคลกท ชอกระทจากนนใหสมาชกกดปม ตอบ

จากนนสมาชกท าการกรอกขอมลหรอ รปภาพ แลวกดปม โพสตลงกระดานเสวนา

อ

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 26

9. การท าแบบทดสอบหลงเรยน

เมอนกเรยนเรยนครบทกบทเรยนแลว ใหนกเรยนท าแบบทดสอบหลงเรยน ซงท า

เชนเดยวกบการท าแบบทดสอบกอนเรยน โดยคลกทเมน

10. การท าแบบประเมนความพงพอใจบทเรยน

เมอนกเรยนเรยนครบทกเรองแลว ใหนกเรยนท าแบบประเมนความพงพอใจทมตอบทเรยนบนเวบชวยสอนตามรปแบบการสอนแบบสบเสาะหาความร (5Es) เรองการเขยนโปรแกรมภาษาซ ของนกเรยนระดบชนมธยมศกษาปท 4 โดยคลกท

ไดหนาจอแบบประเมนความพงพอใจดงภาพ

อ

อ

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 27

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 28

ใหนกเรยนท าแบบประเมนความพงพอใจ ตอนท 1 จนครบทง 4 หวขอ แลวกดปม เพอไปท าแบบประเมนตอนท 2 ขอเสนอแนะ และเมอนกเรยนกรอกขอมลขอเสนอแนะเรยบรอยแลวใหนกเรยนกดปม

คมอการใชงานบทเรยนบนเวบชวยสอน kruwassana.com : การเขยนโปรแกรมภาษาซ | 29

จากนนระบบจะแสดงขอความวานกเรยนสงแบบประเมนความพงพอใจเรยนรอยแลว

ดงภาพ

การดผลการเรยนของนกเรยน นกเรยนสามารถดผลการเรยนของนกเรยนเองไดโดยดทเมน การจดการระบบ/คะแนนทงหมด

ระบบจะแสดงหนาจอการแสดงผล ดงภาพ