2726344 M2 L1

Lesson 2.1

2726344: Introduction to WBI

ADDIE’s ISD Model

SITE STRUCTURE

DESIGN IMPLEMENTDEVELOP EVALUATEANALYZE

STORYBOARD

INTERFACE DESIGN

GOAL

AUDIENCE

ENVIRONMENT

TOOLS

TEAM

PILOTS

ROLLOUT PLAN

SMES

AUDIENCE

RAPID PROTOTYPE


ADDIE’s ISD Model

SITE STRUCTURE


STORYBOARD

INTERFACE DESIGN

GOAL

AUDIENCE

ENVIRONMENT

TOOLS

TEAM

PILOTS

ROLLOUT PLAN

SMES

AUDIENCE

RAPID PROTOTYPE


ADDIE’s ISD Model

SITE STRUCTURE


STORYBOARD

INTERFACE DESIGN

GOAL

AUDIENCE

ENVIRONMENT

TOOLS

TEAM

PILOTS

ROLLOUT PLAN

SMES

AUDIENCE

RAPID PROTOTYPE


ADDIE’s ISD Model

SITE STRUCTURE


STORYBOARD

INTERFACE DESIGN

GOAL

AUDIENCE

ENVIRONMENT

TOOLS

TEAM

PILOTS

ROLLOUT PLAN

SMES

AUDIENCE

RAPID PROTOTYPE


ADDIE’s ISD Model

SITE STRUCTURE


STORYBOARD

INTERFACE DESIGN

GOAL

AUDIENCE

ENVIRONMENT

TOOLS

TEAM

PILOTS

ROLLOUT PLAN

SMES

AUDIENCE

RAPID PROTOTYPE


ADDIE’s ISD Model

SITE STRUCTURE


STORYBOARD

INTERFACE DESIGN

GOAL

AUDIENCE

ENVIRONMENT

TOOLS

TEAM

PILOTS

ROLLOUT PLAN

SMES

AUDIENCE

RAPID PROTOTYPE


Personal Website:

การวเิคราะห (Analysis) คือ

การวเิคราะหวัตถุประสงค

ของเว็บไซท กลุมผูชม/

กลุมเปาหมาย เนื้อหา และ

ศึกษาแหลงขอมูลตางๆ

Web-Based Instruction:

การวเิคราะห (Analysis) คือ

การวเิคราะหวัตถุประสงค

ของบทเรียน ผูเรียน พื้นฐาน

ของผูเรียน เนื้อหา แหลง

ความรู และสื่อที่เหมาะสม

A DDIE


A DIE

Personal Website:การออกแบบ (Design) คือการกําหนดโครงสรางเว็บไซท (Site Structure) รายละเอียดหนาเว็บเพจทั้งนี้เพื่อใหสอดคลองกับวัตถุประสงคของเว็บไซท กลุมผูชม/ กลุม เปาหมาย และเนื้อหา


การออกแบบ (Design) คือการกําหนด

โครงสราง แผน ขั้นตอนการดาํเนินงาน

และการประเมินบทเรียนอยางเปน

ระบบ เชน การออกแบบเนื้อหาแบบ

ประสานเวลา (Synchronous) แบบไม

ประสานเวลา (Asynchronous) หรือ

แบบผสมผสาน ( ฺBlended หรือ Hybrid)

เพื่อใหสอดคลองกับวัตถุประสงคของ

บทเรยีน พื้นฐานของผูเรยีนและเนื้อหา

D


AD IE

Personal Website:

การพัฒนา (Development) คือการสราง

เว็บไซทโดยเริม่จากการกําหนดแผนการ

ดําเนินงานผลิตอยางเปนขั้นตอนตาม

Storyboard ที่ไดระบุ เนื้อหา รปูแบบของ

เนื้อหาในแตละหนาเว็บเพจ รวมถึงรปูภาพ

เสียง วีดิทัศน และอื่นๆ เพื่อตอบสนอง

วัตถุประสงคของเว็บไซท โดยโปรแกรมใน

การสรางเว็บไซทในที่นี้คอื Macromedia

Dreamweaver และใช Adobe Photoshop

ในการตกแตงกราฟกตางๆ


การพัฒนา (Development) คือการ

สรางบทเรียนโดยเริม่จากการกําหนด

แผนการดําเนินงานผลิตอยางเปน

ขั้นตอนดวยการเขียน Storyboard โดย

ระบุ เนื้อหา รูปแบบของเนื้อหาที่จะใช

เชน รูปภาพ เสียงบรรยาย วีดิทัศน และ

ผูรับผิดชอบเพื่อตอบสนองวัตถุประสงค

ของบทเรียนและการประเมินบทเรียน

อยางเปนระบบ

D


ADD E

Personal Website:การนําไปใช (Implementation) คอื

การนําเว็บไซททีส่รางเสร็จไปใชงาน

จริงหลังจากที่ไดมีการทดลอง

นําไปใชกับกลุมเปาหมายและได

ปรับแกตามขอเสนอแนะเพือ่

ปรับปรงุแกไขแลว นอกจากนีอ้าจมี

การตรวจเช็คและขอคําแนะนําจาก

ผูเชี่ยวชาญดานการออกแแบบและ

พฒันาเว็บไซท


การนําไปใช (Implementation) คือการนํา

บทเรยีนทีส่รางเสร็จไปใชงานจริง

หลังจากที่ไดมีการทดลองนําไปใชโดย

กลุมนกัออกแบบและนักพัฒนาบทเรยีน

แลว โดยในบทเรยีนหนึ่งจะมีคําอธิบาย

การนําบทเรยีนไปใชสําหรับผูสอน การ

เตรยีมความพรอมผูเรยีน และการ

เตรยีมอุปกรณเครื่องมือสําหรับบทเรยีน

นัน้ๆ เพือ่ใหสามารถนําบทเรยีนไปใช

อยางไดผลสูงสุด

I


ADDIPersonal Website:การวัดผลและการประเมิน (Evaluation) คือการวัดผลและการประเมนิจะตองทําอยางมีระบบโดยวัดที่คุณภาพและประสิทธิภาพของขั้นตอนการออกแบบเว็บไซทรวมทั้งชิน้ผลงานเว็บไซท ทั้งนี้เพื่อเปนการเก็บขอมูลเพื่อนําไปปรับปรุงแกไขในการดําเนนิงานครั้งตอๆไป และเพื่อเปนการเปดโอกาสรับฟงความคิดเหน็จากผูใชงานจริง ไมวาจะเปนในเรื่องของความถูกตองของเนื้อหา การทํางานของ link และระบบนําทาง (Navigation) ตรวจสอบหาความผิดพลาดของโปรแกรม script ความละเอียดของภาพและความเร็วในการ download เมื่อเชื่อมตอกับอินเทอรเน็ต รวมทั้งมีการทดลองกับ web browser ทีห่ลากหลายดวย

Web-Based Instruction:การวัดผลและการประเมิน (Evaluation) การวัดผลและการประเมนิจะตองทําอยางมีระบบโดยวัดที่คุณภาพและประสิทธิภาพของขั้นตอนการออกแบบบทเรียนรวมทั้งชิ้นผลงานบทเรียน โดยการประเมนิจะประกอบดวย 2 สวนที่สําคัญคือ การประเมนิผลระหวางขั้นตอนพัฒนา (Formative Evaluation) เปนการเก็บขอมูลเพื่อนําไปปรับปรุงแกไขในการดําเนินงานครั้งตอๆไป และ การประเมินผลเมื่อพัฒนาบทเรียนเรียบรอยแลว (Summative Evaluation) เพื่อเปนการเปดโอกาสสําหรับความคิดเหน็จากผูใชงานจริง และจากการวัดและประเมินผลลัพธทางการเรียนรูของผูเรียนวาตรงตามวัตถุประสงคของบทเรียนหรือไม

E


Design Instructions using Gagné’s Instructional Theory

Summary and ConclusionReview and Transfer

Assignment, Quiz (without feedback)

Assess PerformanceProvide Feedback

Test, Posttest (with feedback)

Elicit Response

Guide LearningPresent New Information

ContentsActive Prior KnowledgeObjective of the contentsSpecify Objective

Tiile, Introduction (Subject name, Unit name, etc)

Gain Attention

You should prepareGagné’s Instructional TheoryQ & AQuizAssignmentExamplesCase StudiesText PicturesGraphicsChartsGraphsMaps AnimationVideo fileAudio fileWebsite

Media

ที่มา:


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

8. Assess performance

9. Enhance retention & transfer to the job

GAGNE INSTRUCTIONAL THEORY

กิจกรรมการเรยีนการสอนใน

หองเรยีน เชน การสรางความสนใจ

เชน ภาพ สี เสียง แอนนิเมชั่น ภาพ

วีดีโอ

กิจกรรมการเรยีนการสอนโดยใช

เว็บชวย เชน การใชภาพ สี เสียง

แอนนิเมชั่น หรอื วีดีโอ (โดยใช file ที่

download มาจากบนเว็บ หรือผลิต

เองโดยใช Macromedia Flash

Program หรือ Adobe Image

Ready) ในสวน homepage


1. Gain attention






7. Provide feedback





หองเรยีน เชน นําเสนอ

วัตถุประสงค อาจใชจุดมุงหมายตาม

แนวคดิของ Bloom: 1) พุทธิพิสัย 2)

จิตพิสัย และ 3) ทักษะพิสัย


เว็บชวย เชน การใช Homepage

หรอื Announcement ในการนําเสนอ

วัตถุประสงคแกผูเรียน รวมทั้ง

ขั้นตอนกิจกรรมการเรยีนรู


1. Gain attention






7. Provide feedback





หองเรยีน เชน การกระตุนความรู

เดมิ เชน กิจกรรมถามตอบใน

หองเรียน หรอื pre-test


เว็บชวย เชน การใช

Communication tools เชน

Discussion board หรอื Chatroom

ในการถามตอบ การใช

Assessment tool เชน Survey

หรอื pre-test กอนเรียน


1. Gain attention






7. Provide feedback





หองเรยีน เชน นําเสนอเนื้อหา เชน

เนื้อหาแบบสรุป เนื้อหาแบบมี

ปฏิสัมพันธ


เว็บชวย เชน เนื้อหาอาจอยูใน

รูปแบบ PPT slides, pdf file, e-

book, Flash movie, Video clip,

sound clip, บทเรียน CAI หรอืจาก

website ที่สรางเองหรอืที่มีอยูแลว


1. Gain attention






7. Provide feedback





หองเรยีน เชน การแนะนํา เชน มี

help มี overview


เว็บชวย เชน ขั้นตอนการเขารวม

กิจกรรมการเรยีนรูตองระบุอยางระ

เอียดโดยอาจอยูในหนา Homepage

Announcement หรือ หนา FAQs/

Helps เปนตน


1. Gain attention






7. Provide feedback




กิจกรรมการเรียนการสอนในหองเรียน

เชน มีแบบฝกหัดทดสอบความรู

กิจกรรมการเรียนการสอนโดยใชเว็บ

ชวย เชน แบบฝกหัด เชน quiz ใน

Assessment tool, Discussion board

หรือ Chatroom ใน Communication tools

แทนการอภิปราย แลกเปลี่ยนความเหน็ใน

ชัน้เรียน, งานกลุม เชน Case Study หรือ

Group project เปนตน โดยผูเรียนสามารถ

สงงานกลุมผานทาง Communication

tools ตางๆ เชน Discussion board หรือ

e-mail message


1. Gain attention






7. Provide feedback





หองเรยีน เชน มี feedback/

ขอเสนอแนะใหผูเรียน


เว็บชวย เชน ขอเสนอแนะจาก

ผูสอนผานทาง Communication

tools ตางๆ เชน Discussion board,

Chatroom หรอื e-mail, การให

Feedback ตอบกลับผูเรียนผานทาง

Assessment tools ตางๆ ที่เลือกใช

เชน quiz หรอื survey


1. Gain attention






7. Provide feedback





หองเรยีน เชน มีการประเมินผล


เว็บชวย เชน การประเมินผลที่

หลากหลาย เชน การตรวดสอบการ

เขารวมกิจกรรมตางๆ ของผูเรยีน

ระหวางเรียน และการใช Rubric

ประเมินผลตามสภาพจรงิ

(Authentic Assessment)


1. Gain attention






7. Provide feedback




กิจกรรมการเรียนการสอนในหองเรียน

เชน มีการทบทวนและการเสนอแนะการ

นําไปใชตอไป หรือเชื่อมโยงกับเนื้อหาในบท

ตอไป และ/หรือในวิชาอื่นๆ

กิจกรรมการเรียนการสอนโดยใชเว็บ

ชวย เชน มีการทบทวนและการเสนอแนะ

การนําไปใชตอไปทั้งเนื้อหาในบทตอไป

และ/หรือในวิชาอื่นๆ พรอมทั้งมีการ

เชื่อมโยงกับขอมูลนัน้ๆ เพื่อใหผูเรียนเหน็

ตัวอยางที่เปนรูปธรรม การเชื่อมโยงกับ การ

ตั้งโจทย (Case Study) ทีท่าทายผูเรียน

และใหรวมอภิปรายผานทางเครื่องมือ

สื่อสารตาง เชน Discussion Board

หลักการในการ

ออกแบบ WBIเนื้อหา กิจกรรม


หลักการในการออกแบบ WBI: สวนเนื้อหา

• กําหนดวัตถุประสงคการใชบทเรยีนอยางชัดเจน

• การเลือกใชสี ขอความ และภาพประกอบใหเหมาะสมกับเนือ้หาและกลุมผูเรยีน

• การใชหัวขอใหญและหัวขอยอยทําใหเรยีนรูไดอยางเปนหมวดหมู เขาใจงายมาก

ยิ่งขึน้

• การใชภาษางายๆ สั้นๆ กะทัดรัด และเหมาะสมกับระดับการอานของ

กลุมเปาหมาย และควรหลีกเลี่ยงการใชศพัทหรอืภาษาที่ยากจนเกนิไป

• การนําสื่อประสม เชน ภาพกราฟก ภาพถาย ภาพเคลื่อนไหว เสียง วิดีโอ มา

ประกอบเพื่อใหดึงดูดความสนใจ

• การใชตาราง ทําใหเกิดความขัดเจนและเหน็เปนรูปธรรมมากขึ้นในการอธิบาย

การมอง คอืคนเราจะอานจากซายไปขวาดังนั้นสวนทีส่ําคัญตองอานอยูดานซาย


หลักการในการออกแบบ WBI: สวนกิจกรรม• เนนกิจกรรมทีส่งเสรมิใหการเรยีนการสอนมีประสทิธิภาพมากขึ้น โดยสามารถ

จําแนกรูปแบบของกิจกรรมได 3 รปูแบบ

– กิจกรรมแบบประสานเวลา (Synchronous) อาจใชการสื่อสารดวยการพิมพขอความผานคอมพวิเตอร (Chat Room) การสื่อสารดวยเสยีง (voice conferencing) หรอื การสื่อสารแบบ video conferencing

– กิจกรรมแบบไมประสานเวลา (Asynchronous) อาจใชการสื่อสารผานจดหมายอิเล็กทรอนกิสหรอื e-mail การสื่อสารผาน Web Board รวมทั้งการใช Blog

– กิจกรรมแบบรวมมือ (Collaborative) เปนการเรยีนการสอนแบบผสมผสานระหวาง synchronous และ asynchronous ซึ่งจะพิจารณาจากความเหมาะสมของเนือ้หาและกิจกรรม สามารถลดขอเสียของการเรยีนการสอนของทั้งสองรูปแบบ


Technique: multimedia

SUMMARY

ADDIE MODEL:

ANALYZEDESIGNDEVELOPIMPLEMENTEVALUATE.

WBI

GAGNE INSTRUCTIONAL THEORY:

1. Gain attention2. Inform learners Objectives3. Stimulate recall of prior

learning4. Present the content 5. Provide learning guidance 6. Elicit performance7. Provide feedback 8. Assess performance9. Enhance retention & transfer to

the job

Tip: color Tip: topic & subtopicTechnique: table

Tip: clear obj.

Technique: collaborative group work

Technique: asynchronous comm.Technique: synchronous comm.

Date post:	12-Nov-2014
Category:	Education
Upload:	ta2726344-intr-wbi-prog
View:	1,870 times
Download:	0 times

2726344 M2 L1

Education