44
UNIT 4 ขั้นตอนในการออกแบบคอมพิวเตอร์ช่วยสอน และขั้นตอนการออกแบบการสอนในคอมพิวเตอร์ช่วยสอน สื่อประกอบการสอนวิชา 4133206 ผศ.ดร.กมลรัตน์ สมใจ สาขาวิชาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์ มหาวิทยาลัยราชภัฏบุรีรัมย์

ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

UNIT 4 ขนตอนในการออกแบบคอมพวเตอรชวยสอน

และขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

สอประกอบการสอนวชา 4133206 ผศ.ดร.กมลรตน สมใจ สาขาวชาเทคโนโลยสารสนเทศ

คณะวทยาศาสตร มหาวทยาลยราชภฏบรรมย

Page 2: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

วตถประสงคเชงพฤตกรรม

• ผเรยนสามารถอธบายแบบจ าลองการออกแบบคอมพวเตอรชวยสอนแตละแบบได

• ผเรยนสามารอธบายถงหลกขนตอนการออกแบคอมพวเตอรชวยสอน : ทละขนตอนได

• ผเรยนสามารถอธบายขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอนได

• ผเรยนสามารถอธบายขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอนได

Page 3: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

เนอหา

• แบบจ าลองการออกแบบคอมพวเตอรชวยสอน

• ขนตอนการออกแบบคอมพวเตอรชวยสอน : ทละขนตอน

• ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

• ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

• สรป

• แบบฝกหดทายบท

Page 4: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• แบบจ าลองในการออกแบบเชงระบบ (Systematic design method ) ของรอบไบลเออรและฮอลล (Roblyer and Hall )

4.1 แบบจ าลองการออกแบบคอมพวเตอรชวยสอน

Page 5: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• แบบจ าลองในการออกแบบเชงระบบ (Systematic design method ) ของรอบไบลเออรและฮอลล (Roblyer and Hall )

4.1 แบบจ าลองการออกแบบคอมพวเตอรชวยสอน

Page 6: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• แบบจ าลองในการออกแบบเชงระบบ (Systematic design method ) ของรอบไบลเออรและฮอลล (Roblyer and Hall )

4.1 แบบจ าลองการออกแบบคอมพวเตอรชวยสอน

Page 7: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• แบบจ าลองการออกแบบคอมพวเตอรชวยสอนของอเลสซและโทรลป

4.1 แบบจ าลองการออกแบบคอมพวเตอรชวยสอน

Page 8: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• แบบจ าลองการออกแบบคอมพวเตอรชวยสอนของอเลสซและโทรลป

4.1แบบจ าลองการออกแบบคอมพวเตอรชวยสอน

Page 9: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• แบบจ าลองการออกแบบคอมพวเตอรชวยสอนของอเลสซและโทรลป

4.1 แบบจ าลองการออกแบบคอมพวเตอรชวยสอน

Page 10: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 1 : ขนตอนการเตรยม (Preparation)

– ก าหนดเปาหมายและวตถประสงค • ก าหนดเปาหมาย เชน เปนบทเรยนหลก เปนบทเรยนเสรม เปนแบบฝกหดเพมเตมหรอ เปนแบบทดสอบ ฯลฯ

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

• นอกจากน กอนทจะก าหนดเปาหมายและวตถประสงคในการเรยนรไดนน ผออกแบบควรทจะทราบพนฐานของผเรยนทเปนกลมเปาหมาย (target audience)

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 11: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 1 : ขนตอนการเตรยม (Preparation)

– รวบรวมขอมล • การเตรยมพรอมทางดานของทรพยากรสารสนเทศ (Information

resources) ไดแก – เนอหา (Materials)

– การพฒนาและออกแบบบทเรยน (Instructional development)

– สอในการน าเสนอบทเรยน (Instructional delivery system)

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 12: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 1 : ขนตอนการเตรยม (Preparation)

– เรยนรเนอหา • การเรยนรเนอหาอาจท าไดในหลายลกษณะ เชน

– การสมภาษณผเชยวชาญ

– การอานหนงสอหรอเอกสารอนๆ ทเกยวเนองกบเนอหาของบทเรยน

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 13: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 1 : ขนตอนการเตรยม (Preparation)

– สรางความคด • การระดมสมองหมายถงการกระตนใหเกดการใชความคดสรางสรรค

• การระดมสมองมกตกาอยดวยกน 4 ประการ – การหามวจารณ (Suspend judgement)

– การคดโดยอสระ (Free wheel)

– การเนนปรมาณ (Quantity)

– การกระตนความคดอยางตอเนอง (Cross fertilize)

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 14: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 2 : ขนตอนการออกแบบบทเรยน (Design instruction)

– ทอนความคด (Elimination of Ideas) • เรมจากการคดเอาขอทไมอาจปฏบตได เนองจากเหตผลใดกตามหรอขอคดทซ าซอนกนออกไป

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

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 15: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 2 : ขนตอนการออกแบบบทเรยน (Design instruction)

– วเคราะหงานและแนวคด (Task and concept analysis) • การวเคราะหงาน (Task analysis) เชน การสอนเรองวธการใชกลองถายวดทศน

(Camcorder) นนขนตอนเนอหาการสอนทเหมาะสมอาจไดแก – การสอนวธการเปดเครอง การใสเทป การใชปมควบคมตาง ๆ – หลงจากนนจงสอนทกษะทตองใชทกษะพนฐานตางๆ ทไดสอนไปแลวผนวกเขาดวยกน

• การวเคราะหแนวคด (Concept analysis) คอขนตอนในการวเคราะหเนอหาซงผเรยนจะตองศกษาอยางพนจพจารณาทงนเพอใหไดมาซงเนอหาทเกยวของกบการเรยนและเนอหาทมความชดเจนเทานน

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 16: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 2 : ขนตอนการออกแบบบทเรยน (Design instruction)

– ออกแบบบทเรยนขนแรก (Preliminary lesson description)

• การวเคราะหการเรยนการสอน เชน การก าหนดประเภทของการเรยนร ประเภทของคอมพวเตอรชวยสอน การก าหนดขนตอนและทกษะทจ าเปน และการจดระบบความคดเพอใหไดมาซงการออกแบบล าดบ (Sequence)

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 17: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 2 : ขนตอนการออกแบบบทเรยน (Design instruction)

– ประเมนและแกไขการออกแบบ (Evaluation revision of the design) • การประเมนนอาจหมายถงการทดสอบวาผเรยนจะสามารถบรรลเปาหมายหรอไม • การรวบรวมทรพยากรทางดาน ขอมลตาง ๆ มากขน • การหาความรเกยวกบเนอหาเพมขน • การทอนความคดออกไปอก • การปรบแกการวเคราะหงานหรอ • แมกระทงการเปลยนประเภทของคอมพวเตอรชวยสอน

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 18: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 3 : ขนตอนการเขยนผงงาน (Flowchart lesson) – ประเภทตวเตอร ประเภทแบบฝกหด แบบทดสอบ ควรจะใชผงงานในลกษณะ

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

– แตส าหรบบทเรยนทมความซบซอน เชนบทเรยนประเภทการจ าลองหรอประเภทเกมแลวนน ควรจะมการเขยนผงงานใหละเอยดเพอความชดเจนโดยมการแสดงขนตอนวธ (Algorithm) การทวนซ าของโปรแกรม กฎ หรอกตกาของเกม อยางละเอยด

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 19: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 4 : ขนตอนการสรางสตอรบอรด (Create storyboard) – เปนขนตอนของการเตรยมการการน าเสนอขอความ ภาพ รวมทง สอในรปแบบมล

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

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

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 20: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 5 : ขนตอนการสราง/เขยนโปรแกรม (Program Lesson) – เปนกระบวนการเปลยนสตอรบอรดใหกลายเปนคอมพวเตอรชวยสอน – สามารถท าไดโดย

• การโปรแกรมดวยภาษาตาง ๆ เชน เบสก หรอปาสคาล ฯลฯ • การใชโปรแกรมชวยสรางบทเรยนคอมพวเตอรชวยสอนในการสรางบทเรยน เชน

Multimedia toolBook

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 21: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 6 : ขนตอนการผลตเอกสารประกอบบทเรยน (Produce supporting materials) – แบงไดเปน 4 ประเภท คอ

• คมอการใชของผเรยน • คมอการใชของผเสนอ • คมอส าหรบแกปญหาเทคนคตาง ๆ • เอกสารประกอบเพมเตมทวไป (เชน ใบงาน) ผเรยน และ ผสอน

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 22: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนท 7 : ขนตอนการประเมนและแกไขบทเรยน (Evaluate and revise) – การประเมน ในสวนของการน าเสนอและการท างานของบทเรยน

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

• เปาหมาย ขน ตอนนอาจครอบคลมการท าสอบน ารองการประเมนจากผเชยวชาญได

4.2 ขนตอนการออกแบบคอมพวเตอรชวยสอน :- ทละขนตอน

Page 23: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• องคประกอบหลกของหนาจอ 4 องคประกอบดงน – องคประกอบดานขอความ – องคประกอบดานภาพและกราฟก – องคประกอบดานเสยง – องคประกอบดานการควบคมหนาจอ

4.3 ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

Page 24: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• องคประกอบหลกของหนาจอ 4 องคประกอบดงน – องคประกอบดานขอความ

• รปแบบและขนาดตวอกษร :: ค านงถงผเรยนเปนหลก – ผอานชา (Poor reader) ขนาดของตวอกษรตองใหญกวาผเรยนในกลมทอานคลอง

• ความหนาแนนของตวอกษร :: – ความหนาแนนปานกลาง หรอประมาณ 40% ของพนทหนาจอมากทสด – นอกจากนยงพบวาในวชาทมเนอหายาก ผเรยนจะชอบจอภาพทมความหนาแนนสง

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

4.3 ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

Page 25: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• องคประกอบหลกของหนาจอ 4 องคประกอบดงน – องคประกอบดานขอความ

• การวางรปแบบขอความ :: – ความสมดลของหนาจอโดยรวม (Balance) การเฉลยน าหนกขององคประกอบบนจอภาพ ซาย ขวา บน ลาง อยางเหมาะสมน

– ความเรยบงาย (Simplicity) การออกแบบใหมความเรยบงายและนาสนใจดวยนนท าไดยาก โดยเฉพาะอยางยง การออกแบบขอความ ซงตองออกแบบสวนตาง ๆ ในผสมผสานกน

4.3 ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

Page 26: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• องคประกอบหลกของหนาจอ 4 องคประกอบดงน – องคประกอบดานภาพและกราฟก

4.3 ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

Page 27: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• องคประกอบหลกของหนาจอ 4 องคประกอบดงน – องคประกอบดานภาพและกราฟก

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

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

3. หลกเลยงการใชภาพจ านวนมาก ๆ หรอภาพทมรายละเอยดมากหรอนอยเกนไป

4. ใหผเรยนควบคมการเรยนรภาพ

5. ภาพ ๆ หนงควรใชเพอเสนอแนวคดหลกแนวคดเดยว

6. ลกษณะของภาพตองนาสนใจ ชวนมอง และมขนาดพอเหมาะกบหนาจอ หรอ สภาพแวดลอมอน ๆ

7. ภาพควรมความชดเจน สงเกตงายและมความหมาย

4.3 ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

Page 28: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• องคประกอบหลกของหนาจอ 4 องคประกอบดงน – องคประกอบดานเสยง

• เสยงบรรยายหรอเสยงพด – เปนรปแบบเสยงทพบเหนในบทเรยนทวไป จดเดนจะอยทการเลอกเสยงใหสอดคลองกบเนอหา

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

– ในการสอนวชาคณตศาสตร เสยงบรรยายประกอบการสอนเนอหา ซงเสนอเปนขนเปนตอนมความจ าเปนมาก

• เสยงเอฟเฟกต หรอเรยกอกชอหนงวาเสยงประกอบภาพ – เสยงทเกดจากการกระท า – เสยงฉากหลง ส าหรบประกอบการเสนอหวเรองหรอบทน า

• สญญาณเสยงดนตร

4.3 ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

Page 29: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• องคประกอบหลกของหนาจอ 4 องคประกอบดงน – องคประกอบดานเสยง

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

2. ความยากของเสยงควรสอดคลองกบระยะเวลาการแสดงภาพ หากเสยงนนเปนเสยงเอฟเฟกต

3. คณภาพของเสยงไมวาจะเปนเสยงพด เสยงบรรยาย หรอเสยงดนตร ตองชดเจนถกตอง

4. ผเรยนควรปรบความดงของเสยง และเลอกทจะฟงหรอไมฟงเสยงบรรยายได

5. ไมควรใชเสยงประกอบ เสยงเอฟเฟกตหรอเสยงดนตรจนมากเกนไป 6. ไมควรเลอกรปแบบเสยงทใชหนวยความจ ามาก การถายโอนแฟมเสยงทใหญอาจท าใหการ

แสดงผลไมเปนไปตามทตงใจไว

4.3 ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

Page 30: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• องคประกอบหลกของหนาจอ 4 องคประกอบดงน – องคประกอบดานเสยง

• หลกการออกแบบเสยงประกอบบทเรยนคอมพวเตอรชวยสอน 7. การใชเสยงเพอบอกหนาทของปม หรอรายการใหเลอกตาง ๆ ควรสนและกระชบ 8. การใชเสยงเปนตวปอนกลบเมอตอบค าถามถกหรอผดนน เมอผเรยนตอบถกควรใช

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

9. ไมควรบนทกเสยงบรรยายและเสยงแบคกราวดซอนไวดวยกน เพราะหาก การบนทกมความดง-คอยไมเหมาะสม การควบคมความดงของเสยงหนงจะสงผลกระทบตออกเสยงหนง

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

4.3 ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

Page 31: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• องคประกอบหลกของหนาจอ 4 องคประกอบดงน – องคประกอบดานเสยง

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

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

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

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

4.3 ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

Page 32: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• องคประกอบหลกของหนาจอ 4 องคประกอบดงน – องคประกอบดานการควบคมหนาจอ

• รวบรวมองคประกอบ – ค านงถงความคมชด (Resolution) ของสงทจะเสนอบนจอภาพ – มการน าทางทดเพอใหผเรยนสามารถควบคมการเรยนของตนเองได การน าทางในทนคอ ปม

ตาง ๆ ในลกษณะการเชอมโยงหลายมต (Hyperlink)

– เรยบเรยงขอความเนอหาใหพอดกบเนอทบนจอภาพ

• เลอกพนหลงและรปแบบ

• จดองคประกอบ – จดวางปมน าทางในต าแหนงทเหมาะสม

• ตรวจสอบและปรบปรง

4.3 ขนตอนการออกแบบหนาจอคอมพวเตอรชวยสอน

Page 33: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนการสอนประกอบไปดวยขนตอน 9 ขน ดงตอไปน – ขนตอนท 1 : ดงดดความสนใจ

– ขนตอนท 2 : บอกวตถประสงค

– ขนตอนท 3 : ทวนความรเดม

– ขนตอนท 4 : การเสนอเนอหาใหม

– ขนตอนท 5 : ชแนวทางการเรยนร

– ขนตอนท 6 : กระตนการตอบสนอง

– ขนตอนท 7 : ใหผลปอนกลบ

– ขนตอนท 8 : ทดสอบความร

– ขนตอนท 9 : การจ าและน าไปใช

4.4 ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

Page 34: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนการสอนประกอบไปดวยขนตอน 9 ขน ดงตอไปน – ขนตอนท 1 : ดงดดความสนใจ

• บทเรยนคอมพวเตอรชวยสอนจงควรเรมดวยหนาน าเรอง (Title

Page)

• นยมท ากนกคอ การแสดงชอของบทเรยน ชอผสรางบทเรยน แนะน าตวน าเรอง (ทอาจม)

• การใชมลตมเดยในการชวยเราความสนใจเปนสงส าคญ หากการใชทมากเกนไปนนอาจกอใหเกดผลในทางตรงกนขามแทนได

4.4 ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

Page 35: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนการสอนประกอบไปดวยขนตอน 9 ขน ดงตอไปน – ขนตอนท 2 : บอกวตถประสงค

• ตามทฤษฎ ARCS ของเคลเลอรและซซก (Keller and Suzuki) แลวการทผเรยนไดทราบถงเปาหมายของการเรยนของตนนบวาเปนการสรางแรงจงใจในการเรยน เนองจากผเรยนไดตระหนกในเปาหมายของตน

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

4.4 ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

Page 36: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนการสอนประกอบไปดวยขนตอน 9 ขน ดงตอไปน – ขนตอนท 3 : ทวนความรเดม

• ควรทจะออกแบบใหมการทดสอบความรพนฐานของผเรยนกอนเรยนและเลอกในการเขาถงความรพนฐานในสวนทจะเปนส าหรบทจะรบความรใหม

• การประเมนความรเดม (Pretest) ยงถอเปนการกระตนใหเกดการระลกถงความรเกาเพอเตรยมพรอมในการเชอมโยงความรเกานเขากบความรใหมดวย

4.4 ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

Page 37: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนการสอนประกอบไปดวยขนตอน 9 ขน ดงตอไปน – ขนตอนท 4 : การเสนอเนอหาใหม

• การน าเสนอเนอหาโดยใชตวกระตนทเหมาะสมในการเสนอเนอหาใหมเปนสงส าคญส าหรบการสอน

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

4.4 ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

Page 38: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนการสอนประกอบไปดวยขนตอน 9 ขน ดงตอไปน – ขนตอนท 5 : ชแนวทางการเรยนร

• ตวอยางเชน การยกตวอยางหรอตงค าถามชแนะกวาง ๆ และแคบลงไปเรอย ๆ เพอใหผเรยนพยายามคดวเคราะหเพอหาค าตอบหรอคนพบแนวคดหรอแนวหาใหมนนไดดวยตนเอง

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

4.4 ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

Page 39: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนการสอนประกอบไปดวยขนตอน 9 ขน ดงตอไปน – ขนตอนท 6 : กระตนการตอบสนอง

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

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

4.4 ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

Page 40: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนการสอนประกอบไปดวยขนตอน 9 ขน ดงตอไปน – ขนตอนท 7 : ใหผลปอนกลบ

• การใหผลปอนกลบถอวาเปนการเสรมแรงอยางหนงซงท าใหเกดการเรยนรในตวผเรยน ซงจะท าใหเกดแรงจงใจในการเรยนอกดวย

• แบงได 4 ประเภท – แบบไมเคลอนไหว (Passive feedback) – แบบเคลอนไหว (Active feedback) – แบบโตตอบ (Interactive feedback) – แบบท าเครองหมาย (Markup feedback)

• นอกจากนเรายงสามารถแบงผลปอนกลบตามธรรมชาตของเนอหา – ผลปอนกลบพรอมค าอธบาย

– ผลปอนกลบไรค าอธบาย

4.4 ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

Page 41: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนการสอนประกอบไปดวยขนตอน 9 ขน ดงตอไปน – ขนตอนท 8: ทดสอบความร

• การทดสอบความร (Posttest) ซงเปนการประเมนวาผเรยนนนไดเกดการเรยนรตามทไดตงเปาหมายหรอไมอยางไร

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

4.4 ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

Page 42: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

• ขนตอนการสอนประกอบไปดวยขนตอน 9 ขน ดงตอไปน – ขนตอนท 9 : การจ าและน าไปใช

• การจ าและน าไปใช สงส าคญทจะชวยใหผเรยนมความคงทนในการจ าขอมลความรใดขอมลความรหนงนน

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

4.4 ขนตอนการออกแบบการสอนในคอมพวเตอรชวยสอน

Page 43: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

บทสรป

• ขนตอนการออกแบบ คอมพวเตอรชวยสอน ม 7 ขนตอน – ขนตอนการเตรยม

– ขนตอนการออกแบบบทเรยน

– ขนตอนการเขยนผงงาน

– ขนตอนการสรางสตอรบอรด

– ขนตอนการสราง / เขยนโปรแกรม – ขนตอนการผลต

– ขนตอนการประเมนและแกไขผลงาน

• ขนตอนการออกแบบ การสอนในคอมพวเตอรชวยสอน ม 9 ขนตอน ขนตอนท 1 : ดงดดความสนใจ ขนตอนท 2 : บอกวตถประสงค ขนตอนท 3 : ทวนความรเดม ขนตอนท 4 : การเสนอเนอหาใหม ขนตอนท 5 : ชแนวทางการเรยนร ขนตอนท 6 : กระตนการตอบสนอง ขนตอนท 7 : ใหผลปอนกลบ ขนตอนท 8 : ทดสอบความร ขนตอนท 9 : การจ าและน าไปใช

Page 44: ขั้นตอนในการออกแบบ ...blog.bru.ac.th/wp-content/uploads/bp-attachments/9357/ch... · 2019-09-08 · • ขั้นตอนที่ 2 : ขั้นตอนการออกแบบบทเรียน

3.5 ค าถามทายหนวย

1. แบบจ าลองการออกแบบคอมพวเตอรชวยสอนของรอบไบลเออรและฮอล มขอด อยางไรจงอธบาย

2. ขนตอนแรกของการออกแบบคอมพวเตอรชวยสอน ควรท าอยางไรบาง จงอธบาย

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

สอน

5. จงยกตวอยาง การออกแบบการสอนใหมกจกรรมทมการกระตนการตอบสนองมา ประมาณ 2 กจกรรม

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