หลักการ และการปฏิบัติ

1. Asst.Prof.Issara Kanjug, Ph.D.
issaraka@kku.ac.th
Issara BT
Faculty of Education, Khon Kean University
Multimedia Learning
Environment: Instructional
Design for Digital Age

2. Multimedia Learning Environment: Instructional Design for
Digital Age
Multimedia
Learning
Environment
มัลติมีเดียคืออะไร
พื้นฐานทฤษฎีในการออกแบบ
เทคโนโลยีที่ใช้ในการออกแบบ

3. Multimedia Learning Environment: Instructional Design for
Digital Age
มัลติมีเดีย หมายถึง การใช้คอมพิวเตอร์
มาควบคุมสื่อต่างๆ ทั้งวัสดุ อุปกรณ์และ
วิธีการ เพื่อให้ทางานร่วมกันอย่าง
ผสมผสาน ในการนาเสนอข้อมูลต่างๆ
ไม่ว่าจะเป็นตัวอักษร เสียง
ภาพเคลื่อนไหว ภาพนิ่ง ภาพกราฟิก
และวีดิทัศน์ โดยเน้นการมีปฏิสัมพันธ์ต่อ
ผู้ใช้
มัลติมีเดียคืออะไร

4. Multimedia Learning Environment: Instructional Design for
Digital Age
มัลติมีเดียทำให้เรียนรู้ได้อย่ำงไร

5. Multimedia Learning Environment: Instructional Design for
Digital Age
มัลติมีเดียทำให้เรียนรู้ได้อย่ำงไร

6. Multimedia Learning Environment: Instructional Design for
Digital Age
มัลติมีเดียทำให้เรียนรู้ได้อย่ำงไร

7. Multimedia Learning Environment: Instructional Design for
Digital Age
สร้ำงประสบกำรณ์กำรเรียนรู้
ด้วยมัลติมีเดีย

8. Multimedia Learning Environment: Instructional Design for
Digital Age
ภำรกิจกำรสร้ำงประสบกำรณ์
กำรเรียนรู้ด้วยมัลติมีเดีย
ให้ผู้เข้ำรับกำรอบรมเรียนรู้จำกบทเรียนมัลติมีเดีย
แล้วตอบคำถำมต่อไปนี้
1.องค์ประกอบของบทเรียนมีอะไรบ้ำง
2.บทบำทกำรเรียนรู้ของท่ำนเป็นอย่ำงไร

9. Multimedia Learning Environment: Instructional Design for
Digital Age
พื้นฐำนทฤษฎีในกำรออกแบบ
กระบวนทัศน์ของกำรจัดกำรเรียนรู้
กำรเรียนรู้(Learning)กำรสอน(Teaching)
เน้นครูเป็นศูนย์กลำง เน้นผู้เรียนเป็นศูนย์กลำง
จดจำเนื้ อหำ คิด และสร้ำงควำมรู้

10. Multimedia Learning Environment: Instructional Design for
Digital Age
พื้นฐำนทฤษฎีในกำรออกแบบ
กำรเปลี่ยนบทบำทของครู
บทบำทเดิม บทบาทที่เปลี่ยนแปลง
เป็นผู้ถ่ำยทอดควำมรู้ เป็นผู้เชี่ยวชำญด้ำน
เนื้ อหำและเป็นแหล่งสำหรับคำตอบ
เป็นผู้ส่งเสริม เอื้ออานวย ร่วมแก้ปัญหา โค้ช
ชี้นาความรู้ และผู้ร่วมเรียนรู้
เป็นผู้ควบคุมกำรเรียนกำรสอนและส่ง
เนื้ อหำควำมรู้ไปยังผู้เรียนโดยตรง
เป็นผู้จัดเตรียมหรือให้สิ่งที่ตอบสนองต่อการ
เรียนรู้ของผู้เรียนอย่างหลากหลาย
กำรเปลี่ยนบทบำทของผู้เรียน
บทบำทเดิม บทบาทที่เปลี่ยนแปลง
เป็นผู้รอรับสำรสนเทศจำกครูอย่ำงเฉื่อยชำ เป็นผู้ร่วมเรียนรู้อย่างตื่นตัวในกระบวนการ
เรียนรู้
เป็นผู้คัดลอกหรือจดจำควำมรู้ เป็นผู้สร้างและแลกเปลี่ยนความรู้ร่วมกับเพื่อน
ชั้นแบบผู้เชี่ยวชาญ
เป็นกิจกรรมกำรเรียนรู้รำยบุคคล เป็นการร่วมมือกันเรียนรู้กับผู้เรียนอื่นๆ

11. Multimedia Learning Environment: Instructional Design for
Digital Age
สื่อ คือ อะไร
สื่อ เป็นคำมำจำกภำษำละตินว่ำ “medium” แปลว่ำ
“ระหว่ำง” (between) หมำยถึง สิ่งใดก็ตำมที่บรรจุ ข้อมูล
สำรสนเทศ หรือเป็นตัวกลำงให้ข้อมูลส่งผ่ำนจำก ผู้ส่งหรือ
แหล่งส่งไปยังผู้รับ เพื่อให้ผู้ส่งและผู้รับสำมำรถสื่อสำรกันได้
ตรงตำมวัตถุประสงค์
ผู้ส่ง ผู้รับสื่อ

12. Multimedia Learning Environment: Instructional Design for
Digital Age
พื้นฐำนทฤษฎีในกำรออกแบบ
กระบวนทัศน์ของสื่อ
สื่อ
ถ่ำยทอดควำมรู้
บรรจุควำมรู้
สื่อกำรสอน
สร้ำงควำมรู้
คิด ค้นหำควำมรู้
สื่อกำรเรียนรู้
CAI
สิ่งแวดล้อมทำงกำรเรียนรู้

13. Multimedia Learning Environment: Instructional Design for
Digital Age
พื้นฐำนทฤษฎีในกำรออกแบบ
สิ่งแวดล้อมทำงกำรเรียนรู้แบบดั้งเดิม สิ่งแวดล้อมทำงกำรเรียนรู้แบบใหม่
การสอนที่เน้นครูเป็นศูนย์กลาง การเรียนรู้ที่เน้นผู้เรียนเป็นศูนย์กลาง
สื่อแบบเดี่ยว สื่อหลายมิติ
ทางานคนเดียว ร่วมมือกันทางาน
การขนส่งสารสนเทศ การแลกเปลี่ยนสารสนเทศ
การเรียนแบบรอรับ การเรียนแบบตื่นตัว/สารวจความรู้/
สืบเสาะความรู้เป็นฐาน
การเรียนที่ใช้ความรู้เป็นฐาน การตัดสินใจบนพื้ นฐานของสารสนเทศ
และการคิดอย่างมีวิจารณญาณ
การเรียนที่ปราศจากบริบท การเรียนที่เกี่ยวข้องกับสภาพบริบทจริง
เป็นฐาน

14. Multimedia Learning Environment: Instructional Design for
Digital Age
พื้นฐำนทฤษฎีในกำรออกแบบ
วิธีการ
(Method)
ICT
(Media)
-รูปแบบการจัดการเรียนรู้ตาม
ทฤษฎีการสร้างองค์ความรู้
-มัลติมีเดีย
ข้อความ, ภาพนิ่ง, วีดิโอ,
การมีปฏิสัมพันธ์
Learner
Learning
result
สิ่งแวดล้อมทำงกำรเรียนรู้

15. Multimedia Learning Environment: Instructional Design for
Digital Age
พื้นฐำนทฤษฎีในกำรออกแบบ
บทบำทของผู้สอนจึงต้องเป็ น
นักออกแบบกำรสอน
(Instructional designer)
ออกแบบเทคโนโลยี
สร้ำง option ในกำรเรียนรู้
กิจกรรม
แหล่ง
เรียนรู้
แหล่ง
สนับสนุน
เครื่องมือ

16. Multimedia Learning Environment: Instructional Design for
Digital Age
พื้นฐำนทฤษฎีในกำรออกแบบ
ทฤษฎีกำรเรียนรู้
: คอนสตรัคติวิสต์
Constructivism

17. Training Module 3: การพัฒนาสื่อการเรียนรู้
คอนสตรัคติวิสต์
Cognitive Constructivism
• แนวคิดของ Piaget
• เน้นผู้เรียนเป็นผู้สร้างความรู้โดยการลงมือกระทา
Social Constructivism
• มีรากฐานมาจาก Vygotsky
• ปฎิสัมพันธ์ทางสังคมมีบทบาทสาคัญในการพัฒนาด้านพุทธิปัญญา
• ศักยภาพในการพัฒนาด้านพุทธิปัญญาอาจมีข้อจากัดเกี่ยวกับ
ช่วงของการพัฒนาที่รียกว่า Zone of Proximal Development
• ผู้เรียนสร้างความรู้โดยผ่านทางการมีปฏิสัมพันธ์ทางสังคมกับผู้อื่น
กำรสร้ำงควำมรู้

18. Multimedia Learning Environment: Instructional Design for
Digital Age
พื้นฐำนทฤษฎีในกำรออกแบบ
สถำนกำรณ์ปัญหำ
ผู้เรียน
ผู้เรียนเสียควำมสมดุลทำงปัญญำ
ผู้เรียนปรับควำมสมดุลทำง
ปัญญำ
Assimilation Accommodation
สร้ำงควำมรู้ขึ้นมำ
Cognitive constructivism
โครงสร้ำงทำงปัญญำ
กระตุ้น
ข้อมูลใหม่

19. Multimedia Learning Environment: Instructional Design for
Digital Age
พื้นฐำนทฤษฎีในกำรออกแบบ
ผู้เรียน
สร้ำงควำมรู้ขึ้นมำ
Social constructivism
โครงสร้ำงทำงปัญญำ
ปฏิสัมพันธ์
ทำงสังคม
ภำษำ
วัฒนธรรม

20. Social constructivism: Vygotsky
Zone of proximal Development (zo-ped)
ผู้เรียน: เรียนรู้ได้ด้วยตนเอง
ผู้เรียน: ต้องได้รับการช่วยเหลือ
“ ศักยภาพในการพัฒนาด้านพุทธิปัญญาอาจมีข้อจากัดเกี่ยวกับช่วงของ
การพัฒนาที่รียกว่า Zone of Proximal Development”

21. Multimedia Learning Environment: Instructional Design for
Digital Age
พื้นฐำนทฤษฎีในกำรออกแบบ
1. สถานการณ์ที่เป็นปัญหา(PROBLEM BASE)
2. ธนาคารความรู้(DATA BANK)
3. ฐานความช่วยเหลือ(SCAFFOLDING)
4. การโค้ช(COACHING)
5. การร่วมมือกันแก้ปัญหา(COLLABORATION)
หลักการและองค์ประกอบที่สาคัญของการจัดการเรียนรู้
ตามแนวคอนสตรัคติสิซึม

22. Multimedia Learning Environment: Instructional Design for
Digital Age
กำรออกแบบสถำนกำรณ์ปัญหำ

23. Multimedia Learning Environment: Instructional Design for
Digital Age
กำรออกแบบสถำนกำรณ์ปัญหำ
ขั้นตอนที่ 1 วิเคราะห์ความคิดรวบยอดของเนื้อหา
สารอาหาร
โปรตีน
คาร์โบไฮเดรต
เกลือแร่วิตามิน
ไขมัน
เป็นสารอาหารที่ให้พลังงาน
และความอบอุ่นแก่ร่างกาย มี
มากในไขมันพืชและไขมัน
สัตว์ หากบริโภคมากเกินไป
จะทาให้เกิดโรคอ้วน

24. Multimedia Learning Environment: Instructional Design for
Digital Age
กำรออกแบบสถำนกำรณ์ปัญหำ
ขั้นตอนที่ 2 นาความคิดรวบยอดมาสร้างเป็นเรื่องราว
ปัญหาที่สอดคล้องกับสภาพบริบทจริง
สมหญิงมาพบคุณหมอด้วยอาการอ่อนเปลี้ย
เพลียแรง และจะรู้สึกหนาวเย็นมากๆกว่าคน
อื่นๆ ทั้งๆที่ไม่มีโรคประจาตัว เมื่อคุณหมอตรวจ
ที่แขน พบว่าผิวหนังแห้ง คุณหมอสอบถาม
อาการต่อว่าปกติกินข้าวกับอะไรบ้าง สมหญิง
บอกหมอว่าเป็นคนรักษาหุ่นจะกินข้าว เนื้อ และ
ผัก ผลไม้ จะไม่กินของทอดหรือผัดต่างๆ
โดยเฉพาะเนื้อหมู
ถ้านักเรียนเป็นคุณหมอจะช่วยสมหญิงให้หาย
จากอาการที่เป็นอย่างไร
เป็นเรื่องราวเหตุการณ์?
สอดคล้องกับสภาพจริง
เป็นปัญหา
มีความคิดรวบยอด
.
.
.
.

25. Multimedia Learning Environment: Instructional Design for
Digital Age
กำรออกแบบสถำนกำรณ์ปัญหำ
ขั้นตอนที่ 3 กาหนดภารกิจในการเรียนรู้ที่เน้นให้ผู้เรียน
คิดขั้นสูง
ภารกิจ
ให้นักเรียนจาแนกสาเหตุที่ทาให้สมหญิงมีอาการ
เจ็บป่วย
ให้นักเรียนเสนอแนะเมนูอาหารที่จะช่วยฟื้นฟูและ
รักษาอาการของสมหญิง

26. Multimedia Learning Environment: Instructional Design for
Digital Age
กำรออกแบบฐำนกำรช่วยเหลือ

27. Multimedia Learning Environment: Instructional Design for
Digital Age
กำรออกแบบธนำคำรควำมรู้