แผนการจดการเรยนรท 1 กลมสาระการเรยนรการงานอาชพและเทคโนโลย รหสวชา ง31102 ชอวชา การสรางงานสอผสม หนวยการเรยนรท 1 เรอง ทฤษฎเกยวกบคอมพวเตอรชวยสอน และโปรแกรม Authorware เบองตน ชนมธยมศกษาปท 4 เวลา 6 ชวโมง โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา ครผสอน ณฐพล บวอไร

สาระส าคญ เทคโนโลยคอมพวเตอรในการศกษา การใชคอมพวเตอรกบการเรยนการสอน คอมพวเตอรชวยสอน (Computer

Assisted Instruction : CAI) ความหมายของ CAI ประเภทของ CAI และขอดขอเสยของ CAI หลกการออกแบบหนาจอบทเรยนคอมพวเตอรชวยสอน พนฐานการใชงานโปรแกรม Authorware และเครองมอทส าคญตางๆ ในโปรแกรม Authorware

มาตรฐาน ง 2.1 เขาใจเทคโนโลยและกระบวนการเทคโนโลย ออกแบบและสรางสงของเครองใช หรอวธการ

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

3. สรางและพฒนาสงของเครองใชหรอ วธการ ตามกระบวนการเทคโนโลย อยางปลอดภย โดยถายทอดความคดเปนภาพฉายและแบบจ าลองเพอน าไปสการสรางชนงาน หรอถายทอดความคด ของวธการเปนแบบจ าลองความคดและการรายงานผลโดยใชซอฟทแวรชวยในการออกแบบหรอน าเสนอผลงาน

4.มความคดสรางสรรคในการแกปญหาหรอสนองความตองการในงานทผลตเอง หรอการพฒนาผลตภณฑทผอนผลต

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

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

1. บอกความหมาย หนาท และบทบาทของบทเรยนคอมพวเตอรชวยสอนได 2. อธบายหลกการออกแบบหนาจอบทเรยนคอมพวเตอรชวยสอนทถกตองได 3. บอกหนาทของโปรแกรม Author และหนาทของเครองมอตางๆ ในโปรแกรม Authorware ได

สาระการเรยนร

1. ความร เทคโนโลยคอมพวเตอรในการศกษา การใชคอมพวเตอรกบการเรยนการสอน คอมพวเตอรชวยสอน

(Computer Assisted Instruction : CAI) ความหมายของ CAI ประเภทของ CAI และขอดขอเสยของ CAI หลกการ

ออกแบบหนาจอบทเรยนคอมพวเตอรชวยสอน พนฐานการใชงานโปรแกรม Authorware และเครองมอทส าคญตางๆ ในโปรแกรม Authorware 2. ทกษะ/กระบวนการ

- การวเคราะห - การแกปญหา - การถายทอดความคด

3. คณลกษณะอนพงประสงค - ซอสตยสจรต - มวนย

สอการเรยนร 1. ใบความรท 1 เรอง CAI เบองตน 2. ใบความรท 2 เรอง หลกการออกแบบบทเรยนคอมพวเตอรชวยสอน 3. ใบความรท 3 เรอง ความหมายและหนาทของเครองมอตางๆ ในโปรแกรม Authorware 4. แบบทดสอบ 5. ตวอยางบทเรยนคอมพวเตอรชวยสอน 6. PowerPoint เรอง CAI

กระบวนการจดการเรยนการสอน

ชวโมงท 1-2 กจกรรมน าเขาสการเรยน

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

2. นกเรยนศกษาตวอยางชนงานบทเรยนคอมพวเตอรชวยสอน (CAI) เรอง ทฤษฎบทปทากอรส เพอใหนกเรยนเหนภาพและแนวทางในการสรางและออกแบบชนงานบทเรยนคอมพวเตอรชวยสอนของตนเอง

3. นกเรยนรวมกนคดวเคราะหและแสดงความคดเหนวาตวอยางบทเรยนคอมพวเตอรชวยสอนทนกเรยนไดศกษาไปนน มสวนประกอบอะไรบาง และสามารถสรางไดดวยโปรแกรมอะไรไดบาง

กจกรรมพฒนาการเรยนร

(จดประสงคน าทางขอท 1. บอกความหมาย หนาท และบทบาทของบทเรยนคอมพวเตอรชวยสอนได) 1. นกเรยนศกษา PowerPoint เรอง CAI โดยครผสอนเปนผบรรยายและอธบายเกยวกบความหมายของ

CAI ลกษณะ ประเภท และขอด – ขอจ ากด ของ CAI 2. นกเรยนแขงขนกนคดวเคราะหและตอบค าถามตอไปน - CAI ยอมาจากค าวาอะไร - CAI หมายถงอะไร - CAI มกประเภท จงยกตวอยางมา 3 ประเภท

- CAI มขอด – และขอจ ากดอยางไรบาง 3. ครกลาวชมเชยนกเรยนทตอบค าถามไดถกตอง และอธบายค าตอบเพมเตมใหนกเรยนฟงอกครงหนง

เพอใหนกเรยนเขาใจเกยวกบ CAI มายงขน 4. นกเรยนศกษาใบความรท 1 เรอง CAI เบองตน เปนเวลา 10 นาท 5. ครใหนกเรยนทนงประจ าเครองคอมพวเตอรแตละแถว รวมกนวเคราะหบทบาทของคอมพวเตอร

ชวยสอน โดยเขยนเปนแผนผงความคด (Mind Map) ลงในกระดาษ A4 6. นกเรยนน าผลงานออกมาน าเสนอทหนาชนเรยน 7. ครเปดโอกาสใหนกเรยนซกถามปญหาขอสงสยตางๆ และครผสอนอธบายหรอตอบค าถามเหลานน

ใหนกเรยนทกคนเขาใจ

กจกรรมรวบยอด 1. นกเรยนรวมกนสรปความหมาย ลกษณะส าคญ ประเภท ขอดและขอจ ากด ของ CAI อกครง โดย

ครผสอนเปนผคอยชแนะหรอแนะน าเพมเตม ชวโมงท 3 - 4

กจกรรมน าเขาสการเรยน 1. นกเรยนศกษาตวอยางสอ CAI 2 แบบ ทมการออกแบบตางกน แลวนกเรยนรวมกนวเคราะหสอ

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

กจกรรมพฒนาการเรยนร

(จดประสงคน าทางขอท 2.อธบายหลกการออกแบบหนาจอบทเรยนคอมพวเตอรชวยสอนทถกตองได)

1. นกเรยนศกษาใบความรท 2 เรอง หลกการออกแบบบทเรยนคอมพวเตอรชวยสอน ไปพรอมๆ กบการศกษาหลกการออกแบบบทเรยนคอมพวเตอรชวยสอนจาก PowerPoint ทครบรรยายทหนาชนเรยน

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

3. ครกลาวชมเชยนกเรยนทตอบค าถามไดถกตอง พรอมกบบรรยายสรปขนตอนการออกแบบบทเรยนคอมพวเตอรชวยสอนใหนกเรยนทกคนเขาใจอกครง

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

5. ครแจกกระดาษ A4 ใหนกเรยนคนละ 1 แผน และใหนกเรยนเขยนสรปหลกการออกแบบหนาจอบทเรยนคอมพวเตอรชวยสอน ทไดศกษาจากใบความร โดยเขยนเปนแผนผงความคด (Mind Map) และสงภายในชวโมง

กจกรรมรวบยอด 1. นกเรยนรวมกนสรปขนตอนการออกแบบหนาจอบทเรยนคอมพวเตอรชวยสอนแตละขนตอน

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

ชวโมงท 5 - 6 กจกรรมน าเขาสการเรยน

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

2. นกเรยนสบคนขอมลเกยวกบลกษณะของโปรแกรม Authorware วามจดเดนทส าคญอยางไร 3. นกเรยนทสามารถหาขอมลและบรรยายใหเพอนทกคนฟงได จะไดรบคะแนน 1 คะแนน

กจกรรมพฒนาการเรยนร

(จดประสงคน าทางขอท 3.บอกหนาทของโปรแกรม Authorware และหนาทของเครองมอตางๆ ใน

โปรแกรม Authorware ได)

1. นกเรยนเปดโปรแกรม Macromedia Authorware พรอมกบศกษาเครองมอทส าคญตางๆจากใบความรท 3 เรอง ความหมายและหนาทของเครองมอตางๆ ในโปรแกรม Authorware

2. นกเรยนทกคนปดหนาจอคอมพวเตอรและปดใบความร และแขงขนกนตอบค าถามตอไปน a. เครองมอ Display มหนาทอะไร b. เครองมอ Map มหนาทอะไร c. เครองมอ Interaction มหนาทอะไร d. เครองมอ Erase มหนาทอะไร e. เครองมอ Wait มหนาทอะไร f. หากตองการปรบแตงตวอกษรจะตองไปทเมนใด g. การแทรกรปภาพท าไดดวยการไปทเมนใด

3. ครกลาวชมเชยนกเรยนทตอบค าถามไดถกตอง และใหคะแนนกบนกเรยนทตอบค าถามไดถกตองคนละ 1 คะแนน พรอมกบอธบายความเพมเตมใหนกเรยนทกคนเขาใจ

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

สามารถบอกหนาทของโปรแกรม Authorware และหนาทของเครองมอตางๆ ของโปรแกรม Authorware ได) 1. ครเปดโอกาสใหนกเรยนสอบถามปญหาขอสงสยตางๆ เกยวกบเนอหาทเรยนไปทงหมด 2. นกเรยนท าแบบทดสอบหลงเรยน โดยเปนขอสอบปรนย ชนด 4 ตวเลอก จ านวน 30 ขอ โดยเกบ

เปนคะแนนเกบ 10 คะแนน

การวดและประเมนผล ดานความร ดานคณธรรม จรยธรรม ดานทกษะ/กระบวนการ

1. สงเกตจากการถามการตอบ การอธบาย และการน าเสนอ 2. ตรวจจากใบงานและกจกรรมการเรยนร 3. ตรวจจากแบบทดสอบกอนเรยนและหลงเรยน

1. สงเกตจากพฤตกรรมทรบผดชอบตองานทไดรบมอบหมาย 2. สงเกตความอดทน การรบฟงความคดเหนของผอน การวเคราะหการวจารณผลงานของผอนดวยความมเหตผล

1. สงเกตจากพฤตกรรมการท างาน 2. สงเกตทกษะการใชเครองคอมพวเตอรในการคนหาขอมล 3. สงเกตทกษะในการถายทอดขอมล

o วธการวดผล

- สงเกตพฤตกรรมรายบคคล - สงเกตทกษะรายบคคล

o เครองมอวดและประเมนผล - แบบประเมนการสงเกตพฤตกรรมรายบคคล - แบบประเมนการสงเกตทกษะรายบคคล

o เกณฑการประเมนผล - ประเมนการสงเกตพฤตกรรมรายบคคล

ไดคะแนน 20 ผานเกณฑ

ไดคะแนน 20 ไมผานเกณฑ - ประเมนการสงเกตทกษะรายบคคล

ไดคะแนน 20 ผานเกณฑ

ไดคะแนน 20 ไมผานเกณฑ

บนทกหลงการสอน 1. ปญหาทพบ ............................................................................................................................. ................................................................................................................................... ................................................................................................................................................................................................................................................... ........................................................................................................................................................................................... ............................................................................................................................................................................................................... .......................................... 2. แนวทางปรบปรงการเรยนการสอน ........................................................... ............................................................................................................................. ................................................................................................................................ ........................................................................................................................................................................................... ..................................................................................................................................................................................................... ................................................................................................................................... ............................................................................................................

ลงชอ.....................................................

(นายณฐพล บวอไร) วนท.................เดอน..................พ.ศ. ...........

ความคดเหนฝายวชาการ ............................................................................................................................. ................................................................................................................................... ................................................................................................................................................................................................................................... ................................................................................................................................................................................... ....................................................................................................................................................................................................................................... ..

ลงชอ.....................................................

(นางอรวรรณ วฒเวช) รองผอ านวยการกลมบรหารวชาการ

วนท.................เดอน..................พ.ศ. ........... ความคดเหนของผบรหารสถานศกษา

............................................................................................................................. ......................................................

............................................................................. ...................................................................... ................................

............................................................................................................................. ......................................................

............................................................................................................................. ......................................................

................................................................................................................................................................................. .. ลงชอ.....................................................

(นายปรชา กล ารศม) ผอ านวยการโรงเรยน

วนท.................เดอน..................พ.ศ. ...........

เอกสารประกอบการเรยนวชาการสรางงานสอผสม (ง31102) 1

ใบความรท 1 เรอง CAI

วชาการสรางงานสอผสม (ง31102) เวลา 2 ชวโมง ครผสอน ณฐพล บวอไร

คอมพวเตอรชวยสอน (CAI) คออะไร? CAI ยอมาจากค าวา COMPUTER-ASSISTED INSTRUCTION คอมพวเตอรชวยสอน (CAI) หมายถง สอการเรยนการสอนทางคอมพวเตอรรปแบบหนง ซงใชความสามารถของคอมพวเตอรในการน าเสนอสอประสมอนไดแก ขอความ ภาพนง กราฟฟก แผนภม กราฟ วดทศน ภาพเคลอนไหว และเสยง เพอถายทอดเนอหาบทเรยน หรอองคความรในลกษณะท ใกลเคยงกบการสอนจรงในหองเรยนมากทสด โดยมเปาหมายทส าคญกคอ สามารถดงดดความสนใจของผเรยน และกระตนใหเกดความตองการท จะเรยนร คอมพวเตอรชวยสอนเปนตวอยางทดของสอการศกษาในลกษณะตวตอตว ซงผเรยนเกดการเรยนรจากการมปฏสมพนธ หรอการโตตอบพรอมทงการไดรบผลปอนกลบ (FEEDBACK) นอกจากนยงเปนสอ ทสามารถตอบสนองความแตกตางระหวางผเรยนไดเปนอยางด รวมทงสามารถทจะประเมน และตรวจสอบความเขาใจของผเรยนไดตลอดเวลา

ประเภทของ CAI จดประสงคของ CAI กเพอเปนสอชวยสอน ใชสอนเสรมจากการสอนในชนปกต หรอใหผเรยนใชคนควาหาความรดวยตนเอง การออกแบบ CAI จงมความแตกตางกนไป โดยทวไปจะผลต CAI เพอการเรยนการสอนในรปแบบตางๆ ไดดงน

1. การสอน (Tutorial Instruction) เปนโปรแกรมทเสนอเนอหาความรเปนเนอหายอยๆ แกผเรยนในรปแบบของขอความ ภาพ เสยง หรอทกรปแบบรวมกน แลวใหผเรยนตอบค าถาม เมอผเรยนใหค าตอบแลว ค าตอบนนจะไดรบการวเคราะหเพอใหขอมลปอนกลบทนท แตถาผเรยนตอบค าถามนนซ าและยงผดอก กจะมการใหเนอหาเพอทบทวนใหมจนกวาผเรยนจะตอบถก

2. การฝกหด (Drills and Practice) เปนโปรแกรมฝกหดทไมมการเสนอเนอหาความรแกผเรยนกอน แตจะมการใหค าถาม หรอ ปญหาทไดคดเลอกมาจากการสม หรออกแบบมาโดยเฉพาะ โดยการน าเสนอค าถาม หรอปญหานนซ าแลวซ าเลา เพอใหผเรยนตอบแลวมการใหค าตอบทถกตอง เพอการตรวจสอบยนยนแกไข และพรอมกบใหค าถามหรอปญหาตอไปอก จนกวาผเรยนจะตอบค าถามจนอยในระดบทนาพอใจ

3. การจ าลอง (Simulation) เปนโปรแกรมทจ าลองความเปนจรง โดยตดรายละเอยดตางๆ หรอน ากจกรรมทใกลเคยงกบความเปนจรงมาใหผเรยนไดศกษา เปนการเปดโอกาสใหผเรยนไดพบเหนภาพจ าลองเหตการณ เพอฝกทกษะ และเรยนรไดโดยไมตองเสยงภย หรอเสยคาใชจายมากนก

4. เกมเพอการสอน (Instructional Games) เปนสอการสอนทเปนทนยมมาก เนองจากเปนสงทกระตนผเรยนใหเกดความอยากรไดโดยงาย เพมบรรยากาศการเรยนรใหดยงขน และชวยไมใหผเรยนเกดอาหารเหมอลอย ฝนกลางวน เพราะผเรยนตองตนตวอยตลอดเวลา

5. การคนพบ (Discovery) เปนการเปดโอกาสใหผเรยนสามารถเรยนรจากประสบการณของตนเองใหมากทสด การการเสนอปญหา ใหผเรยนลองผดลองถก

เอกสารประกอบการเรยนวชาการสรางงานสอผสม (ง31102) 2

6. การแกปญหา (Problem – Solving) เปนการใหผเรยนฝกการคด การตดสนใจ โดยมการก าหนดเกณฑให แลวใหผเรยนพจารณาไปตามเกณฑนน

7. การทดสอบ (Tests) การใชโปรแกรมคอมพวเตอรเพอการทดสอบ มใชเปนการใชเพยงเพอปรบปรงคณภาพของแบบทดสอบเพอวดผเรยนเทานน แตยงชวยใหผเรยนมความรสกอสระจากการผกมดทางกฎเกณฑตางๆ เกยวกบการทดสอบไดอกดวย

ขอด – ขอจ ากด ของ CAI

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

ในการเรยนแตกตางกน 3. ความแปลกใหมของคอมพวเตอรจะชวยสรางความสนใจและความตงใจเรยนของผเรยนมากขน 4. ความสามารถในการเกบขอมลของคอมพวเตอร ท าใหสามารถออกแบบบทเรยนและสามารถประเมนผเรยน

ไดอยางรวดเรว 5. สามารถใสภาพ เสยง ค าอธบาย สสนตางๆ เพอเพมความนาสนใจได 6. ชวยเพมประสทธภาพในการเรยนการสอน โดยชวยใหใหการสอนมคณภาพสงและคงตว 7. ชวยประหยดเวลา และคาใชจายในการเรยนการสอน โดยเฉพาะอยางยงการปรบปรงเนอหาบทเรยนสามารถ

กระท าไดสะดวกและรวดเรว 8. สามารถเรยนไดโดยไมจ ากดเวลาและสถานท 9. ชวยขยายขดความสามารถของผเรยนในการดแลผเรยนไดอยางใกลชด เนองจากสามารถบรรจขอมลไดงาย

และสะดวกในการน าไปใช

ขอเสย 1. การออกแบบบทเรยนคอมพวเตอรชวยสอนนนยงมนอย เมอเทยบกบการออกแบบโปรแกรมอนๆ ท าให

บทเรยนคอมพวเตอรชวยสอนมจ านวนและขอบเขตทจ ากด 2. ตองใชเวลาในการออกแบบบทเรยนมาก อกทงยงตองใชทกษะ สตปญหา และความรในดานตางๆ ในการ

ออกแบบบทเรยน 3. บทเรยนคอมพวเตอรชวยสอนมการออกแบบกระบวนการเรยนรไวลวงหนาแลว ดงนนจงไมชวยพฒนา

กระบวนการคดสรางสรรคของนกเรยน

อางอง : พไลวรรณ พมขจร, Computer Assisted Instruction(CAI), 2551

เอกสารประกอบการเรยนวชาการสรางงานสอผสม (ง31102) 1

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

วชาการสรางงานสอผสม (ง 31102) เวลา 2 ชวโมง ครผสอน ณฐพล บวอไร

ขนตอนในการออกแบบ CAI ขนตอนการออกแบบคอมพวเตอรชวยสอนม 7 ขนตอน ดงน ขนขนตอนท 1 : ขนตอนการเตรยม (Preparation)

ขนตอนนเปนการเตรยมพรอมกอนทจะท าการออกแบบบทเรยน ขนตอนนผออกแบบจะตองเตรยมพรอม ในเรองของความชดเจน ในการก าหนดเปาหมาย และวตถประสงค การรวบรวมขอมล การเรยนรเนอหา เพอใหเกดการสรางหรอระดมความคดในทสด ขนตอนการเตรยมนถอวาเปนขนตอนทส าคญมากตอนหนงทผ ออกแบบตองใชเวลาใหมาก เพราะการเตรยมพรอมในสวนน จะท าใหขนตอนตอไปในการออกแบบเปนไป อยางตอเนองและมประสทธภาพ ขนตอนท 2 : ขนตอนการออกแบบบทเรยน (Design Instruction)

เปนขนตอนทครอบคลมถงการทอนความคด การวเคราะหงาน แนวคดการออกแบบขนแรก การประเมนและแกไขการออกแบบ ขนตอนการออกแบบบทเรยนน เปนขนตอนทก าหนดวา บทเรยนจะออกมาในลกษณะใด ขนตอนท 3 : ขนตอนการเขยนผงงาน (Flowchart Lesson)

ผงงานคอ ชดของสญลกษณตาง ๆ ซงอธบายขนตอนการท างานของโปรแกรม การเขยนผงงานเปนสงส าคญ ทงนกเพราะคอมพวเตอรชวยสอนทด จะตองมปฏสมพนธอยางสม าเสมอ และสามารถถกถายทอดออกมาได อยางชดเจนทสด ในรปของสญลกษณ การเขยนผงงานจะน าเสนอล าดบขนตอน โครงสรางของบทเรยน ผงงานท าหนาทเสนอขอมลเกยวกบโปรแกรม เชน อะไรจะเกดขนเมอผเรยนตอบค าถามผด เปนตน ขนตอนท 4 : ขนตอนการสรางสตอรบอรด (Create Storyboard)

การสรางสตอรบอรด เปนขนตอนของการเตรยมการน าเสนอขอความ ภาพ รวมทง สอในรปแบบ มลตมเดยตาง ๆ ลงบนกระดาษ เพอใหการน าเสนอเปนไปอยางเหมาะสมบนหนาจอคอมพวเตอร สตอรบอรดน าเสนอเนอหา และลกษณะของการน าเสนอขนตอนการสรางสตอรบอรด รวมไปถงการเขยน สครปต ทผเรยนจะไดเหนบนหนาจอ ซงไดแก เนอหา ค าถาม ผลปอนกลบ ภาพนง และภาพเคลอนไหว ฯลฯ ในขนนควรทจะมการประเมนผล และทบทวน แกไขบทเรยนจากสตอรบอรดน จนกระทงผรวมทมพอใจกบ คณภาพของบทเรยน ขนตอนท 5 : ขนตอนการสราง / เขยนโปรแกรม (Program Lesson)

เปนกระบวนการเปลยนสตอรบอรดใหกลายเปนคอมพวเตอรชวยสอน การเขยนโปรแกรมนนหมายถง การใชโปรแกรมชวยสรางบทเรยนคอมพวเตอรชวยสอนในการสรางบทเรยน เชน Multimedia ToolBook ในขนตอนนผออกแบบบทเรยนคอมพวเตอรชวยสอน จะตอง รจกเลอกใชโปรแกรมทเหมาะสม การใชโปรแกรมน ผใชสามารถไดมาซงงานทตรงกบความตองการและลดเวลาในการสรางไดสวนหนง

เอกสารประกอบการเรยนวชาการสรางงานสอผสม (ง31102) 2

ขนตอนท 6 : ขนตอนการผลตเอกสารประกอบบทเรยน (Produce Supporting Materials) เอกสารประกอบการเรยนเปนสงทจ าเปนอยางยง เอกสารประกอบการเรยนอาจแบงไดเปน 4 ประเภท คอ คมอ

การใชของผเรยน คมอการใชของผสอน คมอส าหรบการแกปญหาเทคนคตางๆ และเอกสารประกอบเพมเตมทวๆ ไป ผเรยนและผสอนมความตองการแตกตางกนไป ดงนน คมอส าหรบผเรยน และผสอนจงไมเหมอนกน ขนตอนท 7 : ขนตอนการประเมนและแกไขบทเรยน (Evaluate and Revise)

ในชวงสดทาย บทเรยนและเอกสารประกอบทงหมด ควรทจะไดรบการประเมน โดยเฉพาะการประเมน ในสวนของการน าเสนอและการท างานของบทเรยน ในสวนของการน าเสนอนน ผทควรจะท าการประเมนกคอ ผทมประสบการณในการออกแบบมากอน ในการประเมนการท างานของผออกแบบ ควรทจะท าการสงเกต พฤตกรรมของผเรยน ในขณะทใชบทเรยนหรอสมภาษณผเรยนหลงการใชบทเรยน

การออกแบบหนาจอบทเรยน เนองจากการจดท าบทเรยนคอมพวเตอรชวยสอนเปนการน าเสนอผานคอมพวเตอร ดงนนการออกแบบหนาจอจงเปนประเดนส าคญดวย เพอดงดดความสนใจและชวยใหจดรปแบบการน าเสนอทสมดลกนขององคประกอบตางๆบนจอภาพ เพราะถาเนอหาถงจะดเพยงใดกตาม หากหนาจอไมด หรอไมดงดดกสงผลตอการใชโปรแกรมได คณคาของสอกจะลดลงดวย โดยองคประกอบเกยวกบการออกแบบหนาจอ ไดแก ความละเอยดของจอภาพ ………..ปจจบนความละเอยดของจอภาพทนยมใช จะมสองคา คอ 640x480 pixel และ 800x600 pixel ดงนนควรพจารณาถงความละเอยดทจะดทสด เพราะหากออกแบบหนาจอ ส าหรบจอภาพ 800x600 pixel แตน ามาใชกบจอภาพ 640x480 pixel จะท าใหเนอหาตกขอบจอได แตถาหากจดท าดวยคา 640x480 pixel หากน าเสนอผานจอ 800x600 pixel จะปรากฎพนทวางรอบเฟรมเนอหาทน าเสนอ การใชส ………...เพอใหผเรยนสามารถนงดและศกษาบทเรยนไดด ควรใชสในโทนเยน หรออาจจะพจารณาองคประกอบรวมกน คอ สของพน (Background) ควรเปนสขาว, สเทาออน ในขณะทสขอความควรเปนสในโทนเยน เชน สน าเงนเขม, สเขยวเขม หรอสทตดกบสพน จะมการใชสโทนรอนกบขอความทตองการเนนเปนพเศษเทานน และไมควรใชสเกน 4 สกบเนอหาขอความ ไมควรสลบสไปมาในแตละเฟรม รปแบบของการจดหนาจอ ……….ใรปแบบของการจดหนาจอทสมดลกนระหวางเมน, รายการเลอก, เนอหา, ภาพประกอบ จะชวยใหผใชสนใจเนอหาไดมาก โดยมากมกจะแบงจอภาพเปนสวนๆ ไดแก สวนแสดงหวเรอง, สวนแสดงเนอหา, สวนแสดงภาพประกอบ, สวนควบคมบทเรยน, สวนตรวจสอบเนอหา, สวนประกอบอนๆ เชน นาฬกาแสดงเวลา, หมายเลขเฟรมล าดบเนอหา, คะแนน เปนตน อางอง : พไลวรรณ พมขจร, Computer Assisted Instruction( CAI), 2551 ญาตกานต พมพไสย, เนตรทราย ภตระกล, ไมตร เนยมทอง, คอมพวเตอรชวยสอน (CAI), 2551

เอกสารประกอบการเรยนวชาการสรางงานสอผสม (ง31102) 1

ใบความรท 3 เรอง องคประกอบและสวนประกอบของ CAI

วชาการสรางงานสอผสม (ง31102) เวลา 2 ชวโมง ครผสอน ณฐพล บวอไร

องคประกอบของบทเรยนคอมพวเตอรชวยสอน

โดยทวไปบทเรยนคอมพวเตอรชวยสอนจะมองคประกอบหลกทคลายคลงกน คอประกอบไปดวยขอความ ภาพนง ภาพเคลอนไหว เสยง และการเชอมโยงแบบปฏสมพนธ ขอความ อาจเปนตวอกษร ตวเลข หรอเครองหมายเวนวรรค ทมแบบ (Style) หลากหลาย มความแตกตางกนทงตวพมพ (Font) ขนาด (size) และส (Color) รปแบบของตวอกษรแตละแบบยงสามารถสงเสรม หรอเปนขอจ ากดในการแสดงขอความได ดงนนการน าเสนอเนอหายงไมสามารถยดตดกบรปแบบของตวอกษรใดๆเพราะตวอกษรแบบหนงอาจเหมาะสมในการใชเปนหวเรอง ในขณะทอกแบบหนงสามารถใชอธบายเนอหาไดอยางด เพราะมความชดเจน อานงาย ไมตองใชสายตามาก สวนขนาดของตวอกษรจะสามารถเลอกใชเพอเขยนหวเรอง และเนอหาใหมองเหนไดอยางชดเจน เสยง เสยงทเราใชกบเครองคอมพวเตอรม 3 ชนด คอ เสยงพด (voice) เสยงดนตร (Music) และเสยงประกอบ (Sound Effect) เสยงพดอาจเปนเสยงการบรรยาย หรอเสยงจากการสนทนาทใชในบทเรยน คอมพวเตอรชวยสอน ส าหรบเสยงดนตรจะเปนทวงท านองของเสยงเครองดนตรตางๆ และเสยงประกอบ กคอ เสยงพเศษทเพมเตมเขามา เชน เสยงรถยนต เสยงรองของแมว เปนตน ในการเรยนรจากบทเรยนคอมพวเตอรชวยสอนนนไดอาศยเสยงชวยสรางความเขาใจแกผเรยไดมากยงขน อยางเชน เมอจะสอนเกยวกบลกษณะการวงของเสอ ถาบทเรยนคอมพวเตอรชวยสอนมภาพเคลอนไหวของเสอพรอมกบค าบรรยายบนจอภาพ ผเรยนจะไมสามารถใชสายตามองภาพเคลอนไหวและค าบรรยายไดในเวลาเดยวกน แตถาปรบใหมภาพเคลอนไหวของเสอ และใชเสยงบรรยายพรอมกบเสยงประกอบแทน กจะชวยใหผเรยนเขาใจเนอหาทน าเสนอไดอยางรวดเรวยงขน ภาพนง หมายถง ภาพถาย ภาพลายเสน ซงภาพนง อาจเปนภาพขาวด า หรอสอนๆกได อาจม 2 มต หรอ 3 มต โดยขนอยกบความสามารถของเครองคอมพวเตอรทใชอย สวนขนาดของภาพนงกอาจมขนาดใหญเตมจอ หรอมขนาดเลกกวานน ในบทเรยนคอมพวเตอรชวยสอนจะมภาพนงเปนองคประกอบส าคญ เพราะมนษยไดรบอทธพลมาจากการรบรดวยภาพเปนอยางด เมอครตองออกแบบบทเรยนดวยตนเอง ครอาจใชเครองมอชวยวาดภาพในซอฟแวรคอมพวเตอร ซงชวยประหยดเวลาและไมจ าเปนตองฝกตนเองใหมความช านาญเทากบชางศลปกสามารถวาดภาพได นอกจากนในบางโปรแกรมยงมภาพกราฟฟกใหเรยกใชไดอยางรวดเรว เนองจากกก าหนดรปพนฐาน แกไขรปภาพ เคลอนยายภาพ และส าเนาภาพได แตขอจ ากดประการหนงคอภาพนงจะใชหนวยความจ ามากกวาขอมลทเปนตวอกษรหลายเทา

เอกสารประกอบการเรยนวชาการสรางงานสอผสม (ง31102) 2

ภาพเคลอนไหว ชวยสงเสรมการเรยนรในเรองการเคลอนทและเคลอนไหว ทไมสามารถอธบายไดดวยตวอกษร หรอภาพเพยงไมกภาพ ภาพเคลอนไหวมคณลกษณะเดนทชวยเราความสนใจของผเรยนได ทงการเคลอนไหว (Animation) ทเปลยนต าแหนงและรปทรงของภาพ และการเคลอนท (Moving) ทเปลยนเฉพาะต าแหนงหนาจอ แตไมไดเปลยนรปทรงของภาพ การเชอมโยงแบบปฎสมพนธ คอการรบรขอมลเพมเตมเปนตวอกษร โดยใชโปรแกรมเชอมโยงทเรยกวา Hypermedia สวนโปรแกรมเชอมโยงทเรยกวา Hyper graphic จะใหขอมลอธบายเพมเตมดวยภาพ วธการเชนนผเรยนจะใชเมาสชแลวคลกทสวนใดสวนหนงของหนาจอภาพเชน ทภาพปม ภาพนง ภาพเคลอนไหว หรอบนตวอกษร ขอมลเพมเตมจะปรากฎใหเหน นอกจากนบทเรยนคอมพวเตอรชวยสอนยงมลกษณะเดนทสามารถใหขอมลยอนกลบ (Feedback) เพอตอบสนองหรอมปฏสมพนธกบผเรยนไดทนท แตผออกแบบและพฒนาโปรแกรมควรพจารณาใหโอกาสผเรยนในการตอบผดซ าๆอยางเหมาะสม การใหโอกาสผเรยนตอบผดซ าๆ มากเกนไปจะท าใหผเรยนขาดแรงจงใจ สวนการใหขอมลยอนกลบเพอเรมแรงแกผเรยน อาจท าไดโดยใชค ากลาวชมเมอผเรยนเลอกค าตอบไดถกตอง แตควรอยในระดบทเหมาะสมเชนกน

สวนประกอบในการจดท าสอ CAI

การจดท าบทเรยนคอมพวเตอรชวยสอนจะตองมการวางแผน โดยค านงถงสวนประกอบในการจดท า ดงน บทน าเรอง (Title) เปนสวนแรกของบทเรยน ชวยกระตน เราความสนใจใหผเรยนอยากตดตอเนอหาตอไป ค าชแจงบทเรยน (Instruction) สวนนจะอธบายเกยวกบการใชบทเรยน การท างานของบทเรยน เพอสรางความมนใจใหกบผเรยน วตถประสงคบทเรยน (Objective) แนะน า อธบายความคาดหวงของบทเรยน รายการเมนหลก (Main Menu) แสดงหวเรองยอยของบทเรยนทจะใหผเรยนศกษา แบบทดสอบกอนเรยน (Pre Test) สวนประเมนความรขนตนของผเรยน เพอดวาผเรยนมความรพนฐานในระดบใด เนอหาบทเรยน (Information) สวนส าคญทสดของบทเรยน โดยน าเสนอเนอหาทจะน าเสนอ แบบทดสอบทายบทเรยน (Post Test) สวนนจะน าเสนอเพอตรวจผลวดสมฤทธการเรยนรของผเรยน บทสรปและการน าไปใชงาน (Summary - Application) สวนนจะสรปประเดนตางๆ ทจ าเปน และยกตวอยางการน าไปใชงาน อางอง : ญาตกานต พมพไสย, เนตรทราย ภตระกล, ไมตร เนยมทอง, คอมพวเตอรชวยสอน (CAI), 2551