Lesson 2.1 ADDIE & Gagne

1. Lesson 2.1

2. ADDIE’s ISD Model
ANALYZE DESIGN DEVELOP IMPLEMENT EVALUATE
GOAL SITE STRUCTURE TOOLS PILOTS SMES
AUDIENCE STORYBOARD TEAM ROLLOUT PLAN AUDIENCE
ENVIRONMENT INTERFACE DESIGN
RAPID PROTOTYPE
2726344: Introduction to WBI

3. ADDIE’s ISD Model
ANALYZE DESIGN DEVELOP IMPLEMENT EVALUATE
GOAL SITE STRUCTURE TOOLS PILOTS SMES
AUDIENCE STORYBOARD TEAM ROLLOUT PLAN AUDIENCE
ENVIRONMENT INTERFACE DESIGN
RAPID PROTOTYPE
2726344: Introduction to WBI

4. ADDIE’s ISD Model
ANALYZE DESIGN DEVELOP IMPLEMENT EVALUATE
GOAL SITE STRUCTURE TOOLS PILOTS SMES
AUDIENCE STORYBOARD TEAM ROLLOUT PLAN AUDIENCE
ENVIRONMENT INTERFACE DESIGN
RAPID PROTOTYPE
2726344: Introduction to WBI

5. ADDIE’s ISD Model
ANALYZE DESIGN DEVELOP IMPLEMENT EVALUATE
GOAL SITE STRUCTURE TOOLS PILOTS SMES
AUDIENCE STORYBOARD TEAM ROLLOUT PLAN AUDIENCE
ENVIRONMENT INTERFACE DESIGN
RAPID PROTOTYPE
2726344: Introduction to WBI

6. ADDIE’s ISD Model
ANALYZE DESIGN DEVELOP IMPLEMENT EVALUATE
GOAL SITE STRUCTURE TOOLS PILOTS SMES
AUDIENCE STORYBOARD TEAM ROLLOUT PLAN AUDIENCE
ENVIRONMENT INTERFACE DESIGN
RAPID PROTOTYPE
2726344: Introduction to WBI

7. ADDIE’s ISD Model
ANALYZE DESIGN DEVELOP IMPLEMENT EVALUATE
GOAL SITE STRUCTURE TOOLS PILOTS SMES
AUDIENCE STORYBOARD TEAM ROLLOUT PLAN AUDIENCE
ENVIRONMENT INTERFACE DESIGN
RAPID PROTOTYPE
2726344: Introduction to WBI

8. A DDIE
Personal Website: Web-Based Instruction:
การวิเคราะห (Analysis) คือ การวิเคราะห (Analysis) คือ
การวิเคราะหวัตถุประสงค การวิเคราะหวัตถุประสงค
ของเว็บไซท กลุมผูชม/ ของบทเรียน ผูเรียน พื้นฐาน
กลุมเปาหมาย เนื้อหา และ ของผูเรียน เนื้อหา แหลง
ศึกษาแหลงขอมูลตางๆ ความรู และสื่อที่เหมาะสม
2726344: Introduction to WBI

9. A D DIE
Web-Based Instruction:
Personal Website: การออกแบบ (Design) คือการกําหนด
การออกแบบ (Design) คือการ โครงสราง แผน ขั้นตอนการดําเนินงาน
กําหนดโครงสรางเว็บไซท (Site และการประเมินบทเรียนอยางเปน
Structure) รายละเอียดหนาเว็บ ระบบ เชน การออกแบบเนื้อหาแบบ
เพจทั้งนี้เพื่อใหสอดคลองกับ ประสานเวลา (Synchronous) แบบไม
วัตถุประสงคของเว็บไซท กลุม ประสานเวลา (Asynchronous) หรือ
ผูชม/ กลุม เปาหมาย และ
แบบผสมผสาน (ฺBlended หรือ Hybrid)
เนื้อหา
เพื่อใหสอดคลองกับวัตถุประสงคของ
บทเรียน พื้นฐานของผูเรียนและเนื้อหา
2726344: Introduction to WBI

10. AD D IE
Personal Website: Web-Based Instruction:
การพัฒนา (Development) คือการสราง การพัฒนา (Development) คือการ
เว็บไซทโดยเริมจากการกําหนดแผนการ
่ สรางบทเรียนโดยเริมจากการกําหนด
่
ดําเนินงานผลิตอยางเปนขั้นตอนตาม แผนการดําเนินงานผลิตอยางเปน
Storyboard ที่ไดระบุ เนื้อหา รูปแบบของ ขั้นตอนดวยการเขียน Storyboard โดย
เนื้อหาในแตละหนาเว็บเพจ รวมถึงรูปภาพ ระบุ เนือหา รูปแบบของเนื้อหาที่จะใช
้
เสียง วีดิทศน และอื่นๆ เพื่อตอบสนอง
ั เชน รูปภาพ เสียงบรรยาย วีดิทัศน และ
วัตถุประสงคของเว็บไซท โดยโปรแกรมใน ผูรับผิดชอบเพื่อตอบสนองวัตถุประสงค
การสรางเว็บไซทในที่นคอ Macromedia
ี้ ื ของบทเรียนและการประเมินบทเรียน
Dreamweaver และใช Adobe Photoshop อยางเปนระบบ
ในการตกแตงกราฟกตางๆ 2726344: Introduction to WBI

11. ADD I E
Web-Based Instruction:
Personal Website: การนําไปใช (Implementation) คือการนํา
การนําไปใช (Implementation) คือ บทเรียนทีสรางเสร็จไปใชงานจริง
่
การนําเว็บไซททสรางเสร็จไปใชงาน
ี่ หลังจากที่ไดมีการทดลองนําไปใชโดย
จริงหลังจากที่ไดมีการทดลอง กลุมนักออกแบบและนักพัฒนาบทเรียน
นําไปใชกับกลุมเปาหมายและได แลว โดยในบทเรียนหนึ่งจะมีคําอธิบาย
ปรับแกตามขอเสนอแนะเพือ ่ การนําบทเรียนไปใชสําหรับผูสอน การ
ปรับปรุงแกไขแลว นอกจากนีอาจมี
้ เตรียมความพรอมผูเรียน และการ
การตรวจเช็คและขอคําแนะนําจาก เตรียมอุปกรณเครื่องมือสําหรับบทเรียน
ผูเชี่ยวชาญดานการออกแแบบและ นันๆ เพือใหสามารถนําบทเรียนไปใช
้ ่
พัฒนาเว็บไซท อยางไดผลสูงสุด
2726344: Introduction to WBI

12. ADDI E
Personal Website: Web-Based Instruction:
การวัดผลและการประเมิน (Evaluation) คือการ การวัดผลและการประเมิน (Evaluation) การ
วัดผลและการประเมินจะตองทําอยางมีระบบโดย วัดผลและการประเมินจะตองทําอยางมีระบบโดย
วัดที่คุณภาพและประสิทธิภาพของขั้นตอนการ วัดที่คุณภาพและประสิทธิภาพของขั้นตอนการ
ออกแบบเว็บไซทรวมทั้งชินผลงานเว็บไซท ทั้งนี้เพื่อ
้ ออกแบบบทเรียนรวมทั้งชินผลงานบทเรียน โดย
้
เปนการเก็บขอมูลเพื่อนําไปปรับปรุงแกไขในการ การประเมินจะประกอบดวย 2 สวนที่สําคัญคือ
ดําเนินงานครั้งตอๆไป และเพื่อเปนการเปดโอกาส การประเมินผลระหวางขั้นตอนพัฒนา (Formative
รับฟงความคิดเห็นจากผูใชงานจริง ไมวาจะเปนใน Evaluation) เปนการเก็บขอมูลเพื่อนําไปปรับปรุง
เรื่องของความถูกตองของเนื้อหา การทํางานของ แกไขในการดําเนินงานครั้งตอๆไป และ การ
link และระบบนําทาง (Navigation) ตรวจสอบหา ประเมินผลเมื่อพัฒนาบทเรียนเรียบรอยแลว
ความผิดพลาดของโปรแกรม script ความละเอียด (Summative Evaluation) เพื่อเปนการเปดโอกาส
ของภาพและความเร็วในการ download เมื่อ สําหรับความคิดเห็นจากผูใชงานจริง และจากการ
เชื่อมตอกับอินเทอรเน็ต รวมทั้งมีการทดลองกับ วัดและประเมินผลลัพธทางการเรียนรูของผูเรียน
web browser ทีหลากหลายดวย
่ วาตรงตามวัตถุประสงคของบทเรียนหรือไม
2726344: Introduction to WBI

13. Design Instructions using Gagné’s
Instructional Theory
Gagné’s Instructional Theory You should prepare Media
Gain Attention Tiile, Introduction (Subject Q&A
Quiz
name, Unit name, etc)
Assignment
Specify Objective Objective of the contents Examples
Active Prior Knowledge Contents Case Studies
Text
Present New Information Pictures
Guide Learning Graphics
Charts
Elicit Response Test, Posttest (with Graphs
Provide Feedback feedback) Maps
Animation
Assess Performance Assignment, Quiz (without
Video file
feedback)
Audio file
Review and Transfer Summary and Conclusion Website
ที่มา: 2728344: Introduction to WBI

14. GAGNE INSTRUCTIONAL THEORY
1. Gain attention กิจกรรมการเรียนการสอนใน
2. Inform learners Objectives
หองเรียน เชน การสรางความสนใจ
เชน ภาพ สี เสียง แอนนิเมชั่น ภาพ
3. Stimulate recall of prior learning วีดีโอ
4. Present the content
กิจกรรมการเรียนการสอนโดยใช
5. Provide learning guidance
เว็บชวย เชน การใชภาพ สี เสียง
6. Elicit performance แอนนิเมชั่น หรือ วีดีโอ (โดยใช file ที่
download มาจากบนเว็บ หรือผลิต
7. Provide feedback
เองโดยใช Macromedia Flash
8. Assess performance Program หรือ Adobe Image
Ready) ในสวน homepage
9. Enhance retention & transfer to the job
2726344: Introduction to WBI

15. GAGNE INSTRUCTIONAL THEORY
1. Gain attention กิจกรรมการเรียนการสอนใน
2. Inform learners Objectives
หองเรียน เชน นําเสนอ
วัตถุประสงค อาจใชจุดมุงหมายตาม
3. Stimulate recall of prior learning แนวคิดของ Bloom: 1) พุทธิพิสัย 2)
4. Present the content จิตพิสัย และ 3) ทักษะพิสัย
5. Provide learning guidance
กิจกรรมการเรียนการสอนโดยใช
6. Elicit performance เว็บชวย เชน การใช Homepage
หรือ Announcement ในการนําเสนอ
7. Provide feedback
วัตถุประสงคแกผูเรียน รวมทัง
้
8. Assess performance ขั้นตอนกิจกรรมการเรียนรู
9. Enhance retention & transfer to the job
2726344: Introduction to WBI

16. GAGNE INSTRUCTIONAL THEORY
1. Gain attention กิจกรรมการเรียนการสอนใน
2. Inform learners Objectives
หองเรียน เชน การกระตุนความรู

เดิม เชน กิจกรรมถามตอบใน
3. Stimulate recall of prior learning หองเรียน หรือ pre-test
4. Present the content
กิจกรรมการเรียนการสอนโดยใช
5. Provide learning guidance
เว็บชวย เชน การใช
6. Elicit performance Communication tools เชน
Discussion board หรือ Chatroom
7. Provide feedback
ในการถามตอบ การใช
8. Assess performance Assessment tool เชน Survey
หรือ pre-test กอนเรียน
9. Enhance retention & transfer to the job
2726344: Introduction to WBI

17. GAGNE INSTRUCTIONAL THEORY
1. Gain attention กิจกรรมการเรียนการสอนใน
2. Inform learners Objectives
หองเรียน เชน นําเสนอเนือหา เชน
้
เนื้อหาแบบสรุป เนื้อหาแบบมี
3. Stimulate recall of prior learning ปฏิสัมพันธ
4. Present the content
กิจกรรมการเรียนการสอนโดยใช
5. Provide learning guidance
เว็บชวย เชน เนื้อหาอาจอยูใน
6. Elicit performance รูปแบบ PPT slides, pdf file, e-
book, Flash movie, Video clip,
7. Provide feedback
sound clip, บทเรียน CAI หรือจาก
8. Assess performance website ที่สรางเองหรือทีมีอยูแลว
่ 
9. Enhance retention & transfer to the job
2726344: Introduction to WBI

18. GAGNE INSTRUCTIONAL THEORY
1. Gain attention กิจกรรมการเรียนการสอนใน
2. Inform learners Objectives
หองเรียน เชน การแนะนํา เชน มี
help มี overview
3. Stimulate recall of prior learning
4. Present the content กิจกรรมการเรียนการสอนโดยใช
เว็บชวย เชน ขั้นตอนการเขารวม
5. Provide learning guidance
กิจกรรมการเรียนรูตองระบุอยางระ
 
6. Elicit performance เอียดโดยอาจอยูในหนา Homepage
Announcement หรือ หนา FAQs/
7. Provide feedback
Helps เปนตน
8. Assess performance
9. Enhance retention & transfer to the job
2726344: Introduction to WBI

19. GAGNE INSTRUCTIONAL THEORY
1. Gain attention กิจกรรมการเรียนการสอนในหองเรียน
เชน มีแบบฝกหัดทดสอบความรู
2. Inform learners Objectives
3. Stimulate recall of prior learning กิจกรรมการเรียนการสอนโดยใชเว็บ
ชวย เชน แบบฝกหัด เชน quiz ใน
4. Present the content Assessment tool, Discussion board
หรือ Chatroom ใน Communication tools
5. Provide learning guidance แทนการอภิปราย แลกเปลี่ยนความเห็นใน
6. Elicit performance
ชันเรียน, งานกลุม เชน Case Study หรือ
้
Group project เปนตน โดยผูเรียนสามารถ
7. Provide feedback สงงานกลุมผานทาง Communication
tools ตางๆ เชน Discussion board หรือ
8. Assess performance e-mail message
9. Enhance retention & transfer to the job
2726344: Introduction to WBI

20. GAGNE INSTRUCTIONAL THEORY
1. Gain attention กิจกรรมการเรียนการสอนใน
2. Inform learners Objectives
หองเรียน เชน มี feedback/
ขอเสนอแนะใหผูเรียน
3. Stimulate recall of prior learning
4. Present the content กิจกรรมการเรียนการสอนโดยใช
เว็บชวย เชน ขอเสนอแนะจาก
5. Provide learning guidance
ผูสอนผานทาง Communication
6. Elicit performance tools ตางๆ เชน Discussion board,
Chatroom หรือ e-mail, การให
7. Provide feedback
Feedback ตอบกลับผูเรียนผานทาง
8. Assess performance Assessment tools ตางๆ ที่เลือกใช
เชน quiz หรือ survey
9. Enhance retention & transfer to the job
2726344: Introduction to WBI

21. GAGNE INSTRUCTIONAL THEORY
1. Gain attention กิจกรรมการเรียนการสอนใน
2. Inform learners Objectives
หองเรียน เชน มีการประเมินผล
3. Stimulate recall of prior learning
กิจกรรมการเรียนการสอนโดยใช
4. Present the content เว็บชวย เชน การประเมินผลที่
หลากหลาย เชน การตรวดสอบการ
5. Provide learning guidance
เขารวมกิจกรรมตางๆ ของผูเรียน
6. Elicit performance ระหวางเรียน และการใช Rubric
ประเมินผลตามสภาพจริง
7. Provide feedback
(Authentic Assessment)
8. Assess performance
9. Enhance retention & transfer to the job
2726344: Introduction to WBI

22. GAGNE INSTRUCTIONAL THEORY
1. Gain attention กิจกรรมการเรียนการสอนในหองเรียน
เชน มีการทบทวนและการเสนอแนะการ
2. Inform learners Objectives
นําไปใชตอไป หรือเชื่อมโยงกับเนื้อหาในบท

3. Stimulate recall of prior learning
ตอไป และ/หรือในวิชาอื่นๆ
4. Present the content กิจกรรมการเรียนการสอนโดยใชเว็บ
ชวย เชน มีการทบทวนและการเสนอแนะ
5. Provide learning guidance การนําไปใชตอไปทั้งเนื้อหาในบทตอไป
6. Elicit performance
และ/หรือในวิชาอื่นๆ พรอมทั้งมีการ
เชื่อมโยงกับขอมูลนันๆ เพื่อใหผูเรียนเห็น
้
7. Provide feedback ตัวอยางที่เปนรูปธรรม การเชื่อมโยงกับ การ
ตั้งโจทย (Case Study) ทีทาทายผูเรียน
่ 
8. Assess performance และใหรวมอภิปรายผานทางเครื่องมือ
สื่อสารตาง เชน Discussion Board
9. Enhance retention & transfer to the job
2726344: Introduction to WBI

23. หลักการในการ
เนื้อหา กิจกรรม
ออกแบบ WBI

24. หลักการในการออกแบบ WBI: สวนเนื้อหา
• กําหนดวัตถุประสงคการใชบทเรียนอยางชัดเจน
• การเลือกใชสี ขอความ และภาพประกอบใหเหมาะสมกับเนือหาและกลุมผูเรียน
้
• การใชหัวขอใหญและหัวขอยอยทําใหเรียนรูไดอยางเปนหมวดหมู เขาใจงายมาก

ยิ่งขึน
้
• การใชภาษางายๆ สันๆ กะทัดรัด และเหมาะสมกับระดับการอานของ
้
กลุมเปาหมาย และควรหลีกเลียงการใชศพทหรือภาษาทียากจนเกินไป
่ ั ่
• การนําสื่อประสม เชน ภาพกราฟก ภาพถาย ภาพเคลือนไหว เสียง วิดีโอ มา
่
ประกอบเพื่อใหดึงดูดความสนใจ
• การใชตาราง ทําใหเกิดความขัดเจนและเห็นเปนรูปธรรมมากขึ้นในการอธิบาย
การมอง คือคนเราจะอานจากซายไปขวาดังนั้นสวนทีสําคัญตองอานอยูดานซาย
่
2726344: Introduction to WBI

25. หลักการในการออกแบบ WBI: สวนกิจกรรม
• เนนกิจกรรมทีสงเสริมใหการเรียนการสอนมีประสิทธิภาพมากขึ้น โดยสามารถ
่
จําแนกรูปแบบของกิจกรรมได 3 รูปแบบ
– กิจกรรมแบบประสานเวลา (Synchronous) อาจใชการสือสารดวยการพิมพ
่
ขอความผานคอมพิวเตอร (Chat Room) การสือสารดวยเสียง (voice
่
conferencing) หรือ การสือสารแบบ video conferencing
่
– กิจกรรมแบบไมประสานเวลา (Asynchronous) อาจใชการสือสารผาน
่
จดหมายอิเล็กทรอนิกสหรือ e-mail การสือสารผาน Web Board รวมทั้งการ
่
ใช Blog
– กิจกรรมแบบรวมมือ (Collaborative) เปนการเรียนการสอนแบบผสมผสาน
ระหวาง synchronous และ asynchronous ซึ่งจะพิจารณาจากความเหมาะสม
ของเนือหาและกิจกรรม สามารถลดขอเสียของการเรียนการสอนของทั้งสอง
้
รูปแบบ
2726344: Introduction to WBI

26. SUMMARY
Technique: synchronous comm.
Technique: asynchronous comm.
Technique: table
Tip: color
WBI Tip: topic & subtopic
Technique: multimedia GAGNE INSTRUCTIONAL THEORY:
ADDIE MODEL: 1. Gain attention
2. Inform learners Objectives
3. Stimulate recall of prior
ANALYZE learning
DESIGN Tip: clear obj. 4. Present the content
5. Provide learning guidance
DEVELOP 6. Elicit performance
IMPLEMENT 7. Provide feedback
EVALUATE 8. Assess performance
. 9. Enhance retention & transfer to
the job
Technique: collaborative group work
2726344: Introduction to WBI