บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

13
บบบบบบบบบบบบบบบบบบ บบบบบบบบบบบบบบ Multimedia Computer Instruction บบ.บบบบบบบบบ บบบบบบบบบ Dr. Weeraphan Siririth Siririth @ Gmail.com

Upload: timothy-hanson

Post on 01-Jan-2016

22 views

Category:

Documents


0 download

DESCRIPTION

บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย. Multimedia Computer Instruction. ดร.วีรพันธุ์ ศิ ริฤทธิ์ Dr. Weeraphan Siririth Siririth @ Gmail.com. รูปแบบการนำเสนอมัลติมีเดีย. แบบเชิงเส้น ( Linear Progression ) แบบอิสระ ( Perform Hyper jumping ) แบบวงกลม ( Circular Paths ) - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

บทเรี�ยนคอมพิ�วเตอรี�แบบม�ลต�ม�เดี�ย

Multimedia Computer Instruction

ดีรี.ว�รีพิ�นธุ์�� ศิ�รี�ฤทธุ์��Dr. Weeraphan

SiririthSiririth @ Gmail.com

Page 2: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

รี�ปแบบการีน�าเสนอม�ลต�ม�เดี�ย• แบบเชิ�งเส"น (Linear Progression)

• แบบอ�สรีะ (Perform Hyper jumping)

• แบบวงกลม (Circular Paths)

• แบบฐานข้"อม�ล (Database)

• แบบผสม (Compound)

Page 3: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

แบบอ�สรีะ (Perform Hyper jumping)

• ผ�"ใชิ"สามารีถข้"ามไปมารีะหว+างเฟรีมไดี"อย+างอ�สรีะ ซึ่./งชิ+วยกรีะต�"นความสนใจ แต+ม�ข้"อความรีะว�งเรี1/อง Lost in Space เหมาะส�าหรี�บข้"อม�ลท�/ส�มพิ�นธุ์�ก�น

1

2

3

4

5

6 7

Site Map

Page 4: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

แบบวงกลม (Circular Paths)

• ปรีะกอบดี"วยการีน�าเสนอแบบเชิ�งเส"นชิ�ดีเล2กๆ จ�านวนหลายชิ�ดีต+อเน1/องก�นเป4นชิ�ดีใหญ่+ ท�/ท�างานคล"ายก�บวงกลม เหมาะส�าหรี�บข้"อม�ลท�/ส�มพิ�นธุ์�ก�นในแต+ละส+วนย+อยๆ แต+จ�าแนกออกเป4นหลายห�วข้"อ

menu

Page 5: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

แบบฐานข้"อม�ล (Database)

• เป4นการีน�าเสนอโดียการีใชิ"หล�กการีฐานข้"อม�ลเป4นหล�ก ม�การีใชิ"ดี�ชิน� (Index) เป4นต�วค"นหาข้"อม�ลท�/เก�/ยวข้"อง ซึ่./งจะรี�"จ�กก�นในนามข้อง Search Engine

index

Text

Image

Animation

Sound

WIKI

Page 6: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

ส+วนปรีะกอบพิ17นฐานข้องบทเรี�ยนคอมพิ�วเตอรี�แบบม�ลต�ม�เดี�ย

Visual Media ส1/อท�/อาศิ�ยการีมองเห2น เชิ+น ภาพิน�/ง ภาพิเคล1/อนไหว ว�ดี�ท�ศิน�

Audio Media ส1/อท�/อาศิ�ยการีไดี"ย�น เชิ+น เส�ยงInteraction การีปฏิ�ส�มพิ�นธุ์� และการีโต"ตอบต+างๆCMI (Computer Managed Instruction) ส+วนข้องการี

จ�ดีการีบทเรี�ยนโดียอาศิ�ยคอมพิ�วเตอรี�

Page 7: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

หล�กการีออกแบบบทเรี�ยนคอมพิ�วเตอรี�แบบม�ลต�ม�เดี�ย

Robert Gagne’1 )เรี+งเรี"าความสนใจ (Gain Attention)2) บอกว�ตถ�ปรีะสงค� (Specify

Objective)3) ทบทวนความรี�"เดี�ม (Activate Prior

Knowledge)4) น�าเสนอเน17อหาใหม+ (Present New

Information)5) ชิ�7แนะแนวทางการีเรี�ยนรี�" (Guide

Learning)6) กรีะต�"นการีตอบสนองบทเรี�ยน (Elicit

Response)7) ให"ข้"อม�ลย"อนกล�บ (Provide

Feedback)8) ทดีสอบความรี�"ใหม+ (Assess

Performance)9) สรี�ปและน�าไปใชิ" (Review and

Transfer)

Page 8: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

หล�กการีออกแบบบทเรี�ยนคอมพิ�วเตอรี�แบบม�ลต�ม�เดี�ย

Robert Gagne’1 )เรี+งเรี"าความสนใจ (Gain Attention)

- เล1อกใชิ"ภาพิกรีาฟ:กท�/เก�/ยวข้"องก�บเน17อหา เพิ1/อเรี+งเรี"าความสนใจ

- ใชิ"ภาพิเคล1/อนไหวหรี1อใชิ"เทคน�คการีน�าเสนอภาพิผลพิ�เศิษเข้"าชิ+วย

- เล1อกใชิ"ส�ท�/ต�ดีก�บฉากหล�งอย+างชิ�ดีเจน โดียเฉพิาะส�เข้"ม

- เล1อกใชิ"เส�ยงท�/สอดีคล"องก�บภาพิกรีาฟ:กและเหมาะสม

- ควรีบอกชิ1/อเรี1/องบทเรี�ยนไว"ดี"วยในส+วนข้องบทน�าเรี1/อง

Page 9: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

หล�กการีออกแบบบทเรี�ยนคอมพิ�วเตอรี�แบบม�ลต�ม�เดี�ย

Robert Gagne’2 )บอกว�ตถ�ปรีะสงค� (Specify

Objective)ว�ตถ�ปรีะสงค�บทเรี�ยนจ�าแนกไดี" 2

ชิน�ดี ค1อ ว�ตถ�ปรีะสงค�ท�/วไป และว�ตถ�ปรีะสงค�เฉพิาะหรี1อว�ตถ�ปรีะสงค�เชิ�งพิฤต�กรีรีม

3 )ทบทวนความรี�"เดี�ม (Activate Prior Knowledge)

ว�ธุ์�ปฏิ�บ�ต�โดียท�/วไป ค1อ การีทดีสอบก+อนบทเรี�ยน (Pretest)

เพิ1/อจ�ดีรีะดี�บความสามารีถข้องผ�"เรี�ยนแต+ละคน4)น�าเสนอเน17อหาใหม+ (Present New

Information)เน17อหาข้องบทเรี�ยน ตามรี�ปแบบ

โครีงสรี"างบทเรี�ยน

Page 10: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

หล�กการีออกแบบบทเรี�ยนคอมพิ�วเตอรี�แบบม�ลต�ม�เดี�ย

Robert Gagne’5 )ชิ�7แนะแนวทางการีเรี�ยนรี�" (Guide

Learning)การีเรี�ยนรี�"ท�/กรีะจ+างชิ�ดี

(Meaningful Learning) ค1อ การีท�/ผ�"เรี�ยนว�เครีาะห�และต�ความในเน17อหาใหม+บทพิ17นฐานข้องความรี�"และปรีะสบการีณ์�เดี�มรีวมก�นเก�ดีเป4นองค�ความรี�"ใหม+

ผ�"ออกแบบอาจใชิ"ว�ธุ์�การีค"นพิบ (Guided Discovery) ค1อ พิยายามให"ผ�"เรี�ยนค�ดีหาเหต�ผล ค"นคว"า และว�เครีาะห�หาค�าตอบดี"วยตนเอง โดียบทเรี�ยนจะค+อยๆชิ�7แนะจากจ�ดีกว"างๆและแคบลงๆ จนผ�"เรี�ยนหาค�าตอบเองไดี"

Page 11: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

หล�กการีออกแบบบทเรี�ยนคอมพิ�วเตอรี�แบบม�ลต�ม�เดี�ย

Robert Gagne’6) กรีะต�"นการีตอบสนองบทเรี�ยน

(Elicit Response)การีให"ผ�"เรี�ยนม�โอกาสรี+วมค�ดี รี+วม

ก�จกรีรีมในส+วนท�/เก�/ยวก�บเน17อหา และรี+วมตอบค�าถาม จะส+งผลให"ม�ความจ�าดี�กว+าผ�"เรี�ยนท�/ใชิ"ว�ธุ์�การีอ+านหรี1อการีค�ดีลอกจากผ�"อ1/นเพิ�ยงอย+างเดี�ยว

7 )ให"ข้"อม�ลย"อนกล�บ (Provide Feedback)

การีกรีะต�"นความสนใจจากผ�"เรี�ยนไดี"มากข้.7น ม�ความท"าทาย โดียการีบอกเป>าหมายท�/ชิ�ดีเจน และแจ"งให"ผ�"เรี�ยนทรีาบว+าข้ณ์ะน�7นอย�+ท�/ส+วนใดีข้องบทเรี�ยน ห+างจากเป>าหมายเท+าใดี

Page 12: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

หล�กการีออกแบบบทเรี�ยนคอมพิ�วเตอรี�แบบม�ลต�ม�เดี�ย

Robert Gagne’8 )ทดีสอบความรี�"ใหม+ (Assess

Performance)การีทดีสอบหล�งบทเรี�ยน

(posttest) เป:ดีโอกาสให"ผ�"เรี�ยนไดี"ทดีสอบความรี�"ดี"วยตนเอง และย�งสามารีถว�ดีผลส�มฤทธุ์��ทางการีเรี�ยนว+าผ+านเกณ์ฑ์�ท�/ก�าหนดีหรี1อไม+ เพิ1/อท�/จะไปศิ.กษาบทเรี�ยนต+อไปหรี1อย"อนหล�งกล�บไปศิ.กษาใหม+

9 )สรี�ปและน�าไปใชิ" (Review and Transfer)

การีสรี�ปความค�ดีรีวบยอดีข้องเน17อหาเฉพิาะปรีะเดี2นส�าค�ญ่ๆ รีวมท�7งข้องเสนอแนะต+างๆ เป:ดีโอกาสให"ผ�"เรี�ยนไดี"ม�โอกาสทบทวนความรี�"ข้องตนเองหล�งศิ.กษาเน17อหาผ+านมาแล"ว ชิ�7แนะเน17อหาบทต+อไป หรี1อการีปรีะย�กต�ใชิ"งานอ1/นต+อไป

Page 13: บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย

#

แบบฝึAกห�ดี (3)1) Gain Attention ตามหล�กการีสอนข้อง Robert Gagne’ ม�ความหมายอย+างไรี2) เพิรีาะเหต�ใดีจ.งต"องม�การีให"ข้"อม�ลย"อนกล�บ (Provide Feedback) ในการีเรี�ยนการีสอน3) Activate Prior Knowledge ม�ความจ�าเป4นหรี1อไม+อย+างไรี ก�บการีเรี�ยนรี�"โดียใชิ"บทเรี�ยนคอมพิ�วเตอรี�4) บทเรี�ยนคอมพิ�วเตอรี� ควรีเป:ดีโอกาสให"ผ�"เรี�ยนออกจากการีศิ.กษาเน17อหาหรี1อออกจากการีท�าแบบทดีสอบ เพิ1/อกล�บไปศิ.กษาทบทวนไดี"ตลอดีเวลา จงอภ�ปรีายปรีะเดี2นน�75) การีท�าแบบทดีสอบ เม1/อผ�"เรี�ยนตอบผ�ดีหรี1อท�าผ�ดี 2 – 3 ครี�7ง ควรีตรีวจปรี�บเน17อหาท�นท� และเปล�/ยนก�จกรีรีมเป4นอย+างอ1/นต+อไป จงอภ�ปรีายปรีะเดี2นน�7