95
ผูชวยศาสตราจารย ดร. ปณิตา วรรณพิรุณ คณะครุศาสตรอุตสาหกรรม มหาวิทยาลัยเทคโนโลยีพระจอมเกลาพระนครเหนือ

Strategy for designing and developing Interactive e-Learning

Embed Size (px)

DESCRIPTION

หลักการออกแบบและพัฒนาบทเรียนอีเลิร์นนิงแบบปฏิสัมพันธ์ Strategy for designing and developing Interactive e-Learning ชมรมวิชาชีพครูเทคโนโลยีการศึกษา สำนักงานคณะกรรมการการอาชีวศึกษา ๒๔-๒๘ มีนาคม ๒๕๕๗ ณ อิงธารรีสอร์ท จังหวัดนครนายก ผู้ช่วยศาสตราจารย์ ดร.ปณิตา วรรณพิรุณ คณะครุศาสตร์อุตสาหกรรม มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ

Citation preview

Page 1: Strategy for designing and developing Interactive e-Learning

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

คยกนวนน

อเลรนนงแบบปฏสมพนธคออะไร 1

การออกแบบอเลรนนงตามแนวคดของกานเย 2

การออกแบบโครงสรางอเลรนนง 3

Gestalt Theory of Visual Perception for e-Learning 4

A Day Made of Glass 2014

httpswwwyoutubecomwatchv=PfgmlVxLC9w

The Flipped Classroom

Jonathan Bergmann amp Aaron Sams (2010) The flipped classroom

How the Flipped Classroom works

httpswwwyoutubecomwatchv=iQWvc6qhTds

What is e-Learning

ldquoThe use of digital technologies and media to deliver support and enhance teaching learning assessment and evaluation is the use of information and communication technologies in delivering learning and trainingrdquo (AECT 2007)

What is e-Learning

Online Learning Training Web Based Learning Training (WBLWBT) Computer Based Learning Training (CBLCTB) Web Based Instruction (WBI)

use of information and communication technologies in delivering learning and training

What is e-Learning

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

รศดรถนอมพร (ตนพพฒน) เลาหจรสแสง

e- Learning องคประกอบ

e-Learning

Content

Communication

LMS

Evaluation

Synchronous

Asynchronous

text chat audio amp video conferencing electronic whiteboards file sharing

e-mails discussion forums

Pre-Test Exam Post-Test

e-Learning Design Framework

httpswwwyoutubecomwatchv=GLshskPhA2w

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 2: Strategy for designing and developing Interactive e-Learning

คยกนวนน

อเลรนนงแบบปฏสมพนธคออะไร 1

การออกแบบอเลรนนงตามแนวคดของกานเย 2

การออกแบบโครงสรางอเลรนนง 3

Gestalt Theory of Visual Perception for e-Learning 4

A Day Made of Glass 2014

httpswwwyoutubecomwatchv=PfgmlVxLC9w

The Flipped Classroom

Jonathan Bergmann amp Aaron Sams (2010) The flipped classroom

How the Flipped Classroom works

httpswwwyoutubecomwatchv=iQWvc6qhTds

What is e-Learning

ldquoThe use of digital technologies and media to deliver support and enhance teaching learning assessment and evaluation is the use of information and communication technologies in delivering learning and trainingrdquo (AECT 2007)

What is e-Learning

Online Learning Training Web Based Learning Training (WBLWBT) Computer Based Learning Training (CBLCTB) Web Based Instruction (WBI)

use of information and communication technologies in delivering learning and training

What is e-Learning

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

รศดรถนอมพร (ตนพพฒน) เลาหจรสแสง

e- Learning องคประกอบ

e-Learning

Content

Communication

LMS

Evaluation

Synchronous

Asynchronous

text chat audio amp video conferencing electronic whiteboards file sharing

e-mails discussion forums

Pre-Test Exam Post-Test

e-Learning Design Framework

httpswwwyoutubecomwatchv=GLshskPhA2w

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 3: Strategy for designing and developing Interactive e-Learning

A Day Made of Glass 2014

httpswwwyoutubecomwatchv=PfgmlVxLC9w

The Flipped Classroom

Jonathan Bergmann amp Aaron Sams (2010) The flipped classroom

How the Flipped Classroom works

httpswwwyoutubecomwatchv=iQWvc6qhTds

What is e-Learning

ldquoThe use of digital technologies and media to deliver support and enhance teaching learning assessment and evaluation is the use of information and communication technologies in delivering learning and trainingrdquo (AECT 2007)

What is e-Learning

Online Learning Training Web Based Learning Training (WBLWBT) Computer Based Learning Training (CBLCTB) Web Based Instruction (WBI)

use of information and communication technologies in delivering learning and training

What is e-Learning

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

รศดรถนอมพร (ตนพพฒน) เลาหจรสแสง

e- Learning องคประกอบ

e-Learning

Content

Communication

LMS

Evaluation

Synchronous

Asynchronous

text chat audio amp video conferencing electronic whiteboards file sharing

e-mails discussion forums

Pre-Test Exam Post-Test

e-Learning Design Framework

httpswwwyoutubecomwatchv=GLshskPhA2w

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 4: Strategy for designing and developing Interactive e-Learning

The Flipped Classroom

Jonathan Bergmann amp Aaron Sams (2010) The flipped classroom

How the Flipped Classroom works

httpswwwyoutubecomwatchv=iQWvc6qhTds

What is e-Learning

ldquoThe use of digital technologies and media to deliver support and enhance teaching learning assessment and evaluation is the use of information and communication technologies in delivering learning and trainingrdquo (AECT 2007)

What is e-Learning

Online Learning Training Web Based Learning Training (WBLWBT) Computer Based Learning Training (CBLCTB) Web Based Instruction (WBI)

use of information and communication technologies in delivering learning and training

What is e-Learning

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

รศดรถนอมพร (ตนพพฒน) เลาหจรสแสง

e- Learning องคประกอบ

e-Learning

Content

Communication

LMS

Evaluation

Synchronous

Asynchronous

text chat audio amp video conferencing electronic whiteboards file sharing

e-mails discussion forums

Pre-Test Exam Post-Test

e-Learning Design Framework

httpswwwyoutubecomwatchv=GLshskPhA2w

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 5: Strategy for designing and developing Interactive e-Learning

How the Flipped Classroom works

httpswwwyoutubecomwatchv=iQWvc6qhTds

What is e-Learning

ldquoThe use of digital technologies and media to deliver support and enhance teaching learning assessment and evaluation is the use of information and communication technologies in delivering learning and trainingrdquo (AECT 2007)

What is e-Learning

Online Learning Training Web Based Learning Training (WBLWBT) Computer Based Learning Training (CBLCTB) Web Based Instruction (WBI)

use of information and communication technologies in delivering learning and training

What is e-Learning

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

รศดรถนอมพร (ตนพพฒน) เลาหจรสแสง

e- Learning องคประกอบ

e-Learning

Content

Communication

LMS

Evaluation

Synchronous

Asynchronous

text chat audio amp video conferencing electronic whiteboards file sharing

e-mails discussion forums

Pre-Test Exam Post-Test

e-Learning Design Framework

httpswwwyoutubecomwatchv=GLshskPhA2w

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 6: Strategy for designing and developing Interactive e-Learning

What is e-Learning

ldquoThe use of digital technologies and media to deliver support and enhance teaching learning assessment and evaluation is the use of information and communication technologies in delivering learning and trainingrdquo (AECT 2007)

What is e-Learning

Online Learning Training Web Based Learning Training (WBLWBT) Computer Based Learning Training (CBLCTB) Web Based Instruction (WBI)

use of information and communication technologies in delivering learning and training

What is e-Learning

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

รศดรถนอมพร (ตนพพฒน) เลาหจรสแสง

e- Learning องคประกอบ

e-Learning

Content

Communication

LMS

Evaluation

Synchronous

Asynchronous

text chat audio amp video conferencing electronic whiteboards file sharing

e-mails discussion forums

Pre-Test Exam Post-Test

e-Learning Design Framework

httpswwwyoutubecomwatchv=GLshskPhA2w

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 7: Strategy for designing and developing Interactive e-Learning

What is e-Learning

Online Learning Training Web Based Learning Training (WBLWBT) Computer Based Learning Training (CBLCTB) Web Based Instruction (WBI)

use of information and communication technologies in delivering learning and training

What is e-Learning

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

รศดรถนอมพร (ตนพพฒน) เลาหจรสแสง

e- Learning องคประกอบ

e-Learning

Content

Communication

LMS

Evaluation

Synchronous

Asynchronous

text chat audio amp video conferencing electronic whiteboards file sharing

e-mails discussion forums

Pre-Test Exam Post-Test

e-Learning Design Framework

httpswwwyoutubecomwatchv=GLshskPhA2w

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 8: Strategy for designing and developing Interactive e-Learning

What is e-Learning

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

รศดรถนอมพร (ตนพพฒน) เลาหจรสแสง

e- Learning องคประกอบ

e-Learning

Content

Communication

LMS

Evaluation

Synchronous

Asynchronous

text chat audio amp video conferencing electronic whiteboards file sharing

e-mails discussion forums

Pre-Test Exam Post-Test

e-Learning Design Framework

httpswwwyoutubecomwatchv=GLshskPhA2w

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 9: Strategy for designing and developing Interactive e-Learning

e- Learning องคประกอบ

e-Learning

Content

Communication

LMS

Evaluation

Synchronous

Asynchronous

text chat audio amp video conferencing electronic whiteboards file sharing

e-mails discussion forums

Pre-Test Exam Post-Test

e-Learning Design Framework

httpswwwyoutubecomwatchv=GLshskPhA2w

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 10: Strategy for designing and developing Interactive e-Learning

e-Learning Design Framework

httpswwwyoutubecomwatchv=GLshskPhA2w

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 11: Strategy for designing and developing Interactive e-Learning

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 12: Strategy for designing and developing Interactive e-Learning

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 13: Strategy for designing and developing Interactive e-Learning

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 14: Strategy for designing and developing Interactive e-Learning

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 15: Strategy for designing and developing Interactive e-Learning

Learning Pyramid

16

Passive

Active

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 16: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 17: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Gain Attention

เร มดวยการใชภาพ แสง ส เสยง

เลอกใชภาพกราฟกทเกยวของกบเนอหา

ขนาดใหญชดเจน งาย และไมซบซอน

ใชเทคนคการนาเสนอทปรากฏภาพไดเรว

ควรใหภาพปรากฏบนจอภาพระยะหนง

ควรบอกชอเร องบทเรยน

เลอกใชสท ตดกบฉากหลงอยางชดเจน

โดยเฉพาะสเขม

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 18: Strategy for designing and developing Interactive e-Learning

Augmented Reality

httpswwwyoutubecomwatchv=oH_LfXnklRw

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 19: Strategy for designing and developing Interactive e-Learning

eLearning Africa 2010 NComputing Opening Video

httpswwwyoutubecomwatchv=Tdedatej4u8

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 20: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Specify Objective

วตถประสงคของบทเรยนเปนสวนสาคญ

ตอกระบวนการเรยนร

แจงใหทราบลวงหนาถงประเดนสาคญ

ของเนอหาและเคาโครงของเนอหา

ผเรยนจะทราบถงพฤตกรรมข นสดทาย

ของตนเองหลงจบบทเรยนแลว

ผเรยนททราบวตถประสงคของการเรยน

กอนเรยนบทเรยน จะสามารถจาและเขาใจ

เนอหาไดดข น

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 21: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Activate Prior Knowledge

การทดสอบกอนเรยน (Pre-test)

เพอทบทวนเนอหาเดมทเคยศกษาผานมาแลว

เพอเตรยมความพรอมในการรบเนอหาใหม

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 22: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 23: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Present New Information

ใชภาพเคลอนไหว สาหรบเนอหาทยากและ

ซบซอนทมการเปลยนแปลงเปนลาดบข น

ใชแผนภม แผนภาพ แผนสถต สญลกษณ

ภาพเปรยบเทยบ แทนขอความคาอธบาย

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 24: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

ควรเนนขอความสาคญเนอหาทยากและ

ซบซอน เชน การตกรอบ การกระพรบ

การเปลยนสพน การโยงลกศร การใชส

การชแนะดวยคาพด เชน สงเกตทดานซาย

ของภาพ

ควรใหผเรยนไดมโอกาสทาอยางอนบาง

การปฏสมพนธกบบทเรยนโดยวธการพมพ

หรอตอบคาถาม

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 25: Strategy for designing and developing Interactive e-Learning

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 26: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO14Flash_thLO14html

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 27: Strategy for designing and developing Interactive e-Learning

สบนจอคอมพวเตอร

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 28: Strategy for designing and developing Interactive e-Learning

สบนจอคอมพวเตอร

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 29: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Guide Learning

จดระบบการเสนอเนอหาทดและสมพนธ

กบประสบการณเดม ความรเดมของผเรยน

การนาเสนอเนอหาทยาก ควรใหตวอยาง

ทเปนรปธรรมมากกวานามธรรม

นาเสนอตวอยางทแตกตางกน เพอชวย

อธบายความคดรวบยอดใหมใหชดเจนขน

เชน ตวอยางการเปดหนากลองหลายๆ คา

เพอใหเหนถงความเปลยนแปลงของรรบแสง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 30: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

นาเสนอตวอยางทไมใชตวอยางทถกตอง

เพอเปรยบเทยบกบตวอยางทถกตอง

เชน นาเสนอภาพไม พลาสตก และยาง

แลวบอกวาภาพเหลานไมใชโลหะ

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 31: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Elicit Response

ควรใหผเรยนการพมพคาตอบ เตมขอความ

ส นๆ เพอเรยกความสนใจ

ถามคาถามเปนชวงๆ สลบกบการนาเสนอ

เนอหา

ไมควรถามคร งเดยวหลายๆ คาถาม

เฟรมตอบสนองของผเรยน เฟรมคาถาม

และเฟรมการตรวจปรบเนอหา ควรอยบน

หนาจอภาพเดยวกน เพอสะดวกในการอางอง

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 32: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Provide Feedback

ใหขอมลยอนกลบทนท หลงจากผเรยน

โตตอบกบบทเรยน

หลกเลยงการใหขอมลยอนกลบทต นตา

เกนไปในกรณทผเรยนตอบผด

เฉลยคาตอบทถกตอง หลงจากทผเรยนตอบ

ผด 2 - 3 คร ง

ใชวธการใหคะแนนหรอแสดงภาพ เพอบอก

ความใกล-ไกลจากเปาหมาย

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 33: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

LO ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย httpelearningstkcgothlmshtmlbioLO10Flash_thLO10html

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 34: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Assess Performance

การทดสอบหลงเรยน (Post-test)

วดผลสมฤทธทางการเรยน

ชแจงวธการตอบคาถาม

หลกเลยงแบบทดสอบแบบอตนยทใหผเรยน

พมพคาตอบยาวๆ

แบบทดสอบชดหนงควรมหลายๆ ประเภท

แบบทดสอบควรเปนขอสอบทมคณภาพ

มคาอานาจจาแนกด ความยากงายเหมาะสม

และมความเชอม นเหมาะสม

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 35: Strategy for designing and developing Interactive e-Learning

การสรางแบบทดสอบ

แบบทดสอบกอนเรยน

แบบทดสอบระหวางเรยน (แบบฝกหด)

แบบทดสอบหลงเรยน

แบบทดสอบครบทกบท ครอบคลมวตถประสงค

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 36: Strategy for designing and developing Interactive e-Learning

การวเคราะหขอสอบปรนย

เทคนค 25 เทคนค 27

กลมคะแนนสง 25

กลมคะแนนตา 25

คะแนนกลาง ๆ ตดท งทงหมด

คาความยากงาย (P) อยระหวาง 02- 08

คาอานาจจาแนก (D) ตงแต 02 ขนไป

คาความเชอมน 08 ขนไป

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 37: Strategy for designing and developing Interactive e-Learning

การประเมนผล (Evaluation)

สมมตฐาน E1E2 8080

E1 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบฝกหดระหวางเรยนแตละหนวย

E2 คอ คารอยละของคะแนนเฉลยของนกศกษา

ททาแบบทดสอบหลงการเรยนเมอเรยน

ครบทกหนวย

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 38: Strategy for designing and developing Interactive e-Learning

สถตทใชในการวเคราะหหาประสทธภาพ

100

AN

XE

n

1i1 times=

sum=

ยนจานวนผเร

ยนระหวางเรองแบบทดสอบคะแนนเตมข

างเรยนบทดสอบระหวจากการทาแบ

นทไดยละของคะแนคดเปนรอ

การพของกระบวนประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

A

E

X

1

n

1i

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 39: Strategy for designing and developing Interactive e-Learning

สถตทใชในการวเคราะหหาประสทธภาพ

100

BN

FE

n

1i2 times=

sum=

ยนจานวนผเร

วมหลงเรยนรองแบบทดสอบคะแนนเตมข

เรยนรวมบทดสอบหลงจากการทาแบ

นทไดยละของคะแนคดเปนรอ

พของผลลพธประสทธภา

างเรยนทดสอบระหว

ากแบบงนกเรยนจคะแนนรวมขอ

=

=

=

=sum=

N

B

E

F

2

n

1i

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 40: Strategy for designing and developing Interactive e-Learning

การวเคราะหหาประสทธผล

E post ndash Epre gt 60

E post = รอยละของคะแนนทไดจากการทาแบบทดสอบหลงเรยนทงวชา E pre = รอยละของคะแนนทไดจากการทาแบบทดสอบกอนเรยนทงวชา

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 41: Strategy for designing and developing Interactive e-Learning

การวเคราะหหาประสทธผล

x 100 NB

Epost =

sum=

N

iXi

1

Xi =

N =

B = คะแนนเตมของแบบทดสอบหลงเรยน

จานวนนกเรยนทงหมด

คะแนนสอบหลงเรยนของนกเรยนคนท i

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 42: Strategy for designing and developing Interactive e-Learning

การวเคราะหหาประสทธผล

x 100 NC

Epre =

sum=

N

kX

1

Xk =

N =

C = คะแนนเตมของแบบทดสอบกอนเรยน

จานวนนกเรยนทงหมด

คะแนนสอบกอนเรยนของนกเรยนคนท k

k

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 43: Strategy for designing and developing Interactive e-Learning

การออกแบบอเลรนนงตามแนวคดของกานเย

1 เราความสนใจ

2 บอกวตถประสงค

3 ทบทวนความรเดม

4 นาเสนอเนอหาใหม

5 ชแนะแนวทางการเรยนร

6 กระตนการตอบสนองบทเรยน

7 ใหขอมลยอนกลบ

8 ทดสอบความรใหม

9 สรปและนาไปใช

Review and Transfer

สรปองคความรเฉพาะประเดนสาคญๆ

ชแนะความสมพนธกบความรหรอ

ประสบการณเดมทผเรยนผานมาแลว

ทบทวนแนวคดทสาคญของเนอหา

เพอเปนการสรป

เสนอแนะเนอหาความรใหม ทสามารถ

นาไปใชประโยชนได

บอกแหลงขอมลทเปนประโยชนในการศกษา

เนอหาตอไป

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 44: Strategy for designing and developing Interactive e-Learning

การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 45: Strategy for designing and developing Interactive e-Learning

e-Learning การนาไปใช

สอหลก (Comprehensive Replacement)

ใชแทนทการบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน

สอเตม (Complementary)

ผสอนออกแบบเนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning

สอเสรม (Supplementary)

นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษา

เนอหาเดยวกนนในลกษณะอนๆ เชน จากเอกสารประกอบ

การสอน เปนตน เพอใหผเรยนมทางเลอกในการเขาถงเนอหา

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 46: Strategy for designing and developing Interactive e-Learning

ประเภทการเรยนการสอนออนไลน

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 47: Strategy for designing and developing Interactive e-Learning

ทฤษฎทางการศกษาสาหรบการออกแบบและพฒนาอเลรนนง

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 48: Strategy for designing and developing Interactive e-Learning

Instructional System Design

Evaluation

Analysis

Design

Development

Implementation

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 49: Strategy for designing and developing Interactive e-Learning

Learning Pyramid

51

Passive

Active

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 50: Strategy for designing and developing Interactive e-Learning

พฤตกรรมการใชสอทสงผลตอการออกแบบ

พฤตกรรมของผเรยน หลกในการออกแบบเวบไซต

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

10 ไมเคยเลอนหนา เพออานเนอหาในสวนลางของหนาจอ

เนอหาทสาคญ และจาเปนควรออกแบบ ใหอยสวนบนของหนาจอเสมอ

ไมอดทนตอการรอดาวนโหลด ขอมลทชาจนเกนไป

ไมควรออกแบบเนอหาทยาวเกนไป มรปภาพมากจนเกนไปในแตละหนา

ถามเนอหาเปนจานวนมากตองมการ แบงเนอหาออกเปนสวนๆ เพอการเขาไปด เนอหาน นๆ โดยตรง

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

หลกเลยงการออกแบบบทเรยน โครงสรางบทเรยนทมความซบซอนมากและแบงโครงสรางเนอหาใหต นข น

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 51: Strategy for designing and developing Interactive e-Learning

การออกแบบโครงสรางอเลรนนง

การจดลาดบเนอหาโดยเรยงลาดบตามความสาคญมากไปนอย

ภาพรวมลงไปสรายละเอยดปลกยอย (hierarchy of importance)

จดลาดบตามความสมพนธ (Relations)

เรมจากขอมลทผเรยนมความคนเคยมากไปนอย

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 52: Strategy for designing and developing Interactive e-Learning

นาเสนอขอมลดวยปมเมนทมากเกนไป

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

ลงคไมมความสมพนธกน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 53: Strategy for designing and developing Interactive e-Learning

นาเสนอขอมลดวยปมเมนทนอยเกนไป

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 54: Strategy for designing and developing Interactive e-Learning

การเชอมโยงทสบสน

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 55: Strategy for designing and developing Interactive e-Learning

การนาเสนอขอมลทเหมาะสม

httpwwwwebdesignorgweb-design-basicsdesign-principlessite-design-introduction6056html

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 56: Strategy for designing and developing Interactive e-Learning

โครงสรางแบบขนาน (Linear) แบบเรยงลาดบ (Sequence)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 57: Strategy for designing and developing Interactive e-Learning

โครงสรางแบบไมขนาน (Non-linear)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 58: Strategy for designing and developing Interactive e-Learning

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 59: Strategy for designing and developing Interactive e-Learning

โครงสรางแบบลาดบขน (Hierarchies)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 60: Strategy for designing and developing Interactive e-Learning

โครงสรางแบบเวบ (Web)

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 61: Strategy for designing and developing Interactive e-Learning

การประยกตการออกแบบโครงสราง

httpwebstyleguidecomwsg33-information-architecture3-site-structurehtml

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 62: Strategy for designing and developing Interactive e-Learning

Gestalt Theory of Visual Perception

for e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 63: Strategy for designing and developing Interactive e-Learning

Gestalt Theory Closure

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 64: Strategy for designing and developing Interactive e-Learning

Gestalt Theory Similarity

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 65: Strategy for designing and developing Interactive e-Learning

Gestalt Theory Similarity

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 66: Strategy for designing and developing Interactive e-Learning

Gestalt Theory Continuation

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 67: Strategy for designing and developing Interactive e-Learning

กระบวนการออกแบบ

บทเรยนอเลรนนงแบบปฏสมพนธ

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 68: Strategy for designing and developing Interactive e-Learning

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

1 สรางแผนภมระดมสมอง (Brain Storm Chart)

2 สรางแผนภมหวเรองสมพนธ (Concept Chart)

ฮารดแวรคอมพวเตอร Input Unit

CPU

Memory

Output Unit

Mouse Microphone

Joystick

Scanner

Keyboard Digital Camera

ALU CU

Main Memory Secondary

Memory RAM

ROM Floppy Disk Hard Disk CD ROM

DVD ROM

Tape

Monitor Printer

Plotter

Speaker

Projector

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 69: Strategy for designing and developing Interactive e-Learning

3 สรางแผนภมโครงขายเนอหา (Content Network Chart)

2

Input Unit

3 Digital Camera 4

5

6

7

8

9

10

Keyboard

Mouse

Scanner

Joystick

Microphone

13 15

14 ALU

CU

29 30

Output Unit

37 31

32

33

35

36

34

Monitor

Printer

Speaker

Plotter

Projector

Floppy Disk

Hard Disk 17

19

23

18

22

20

21

24

25

26

27

28

Main

Memory

Secondary

Memory

Ram

Rom

CD Rom

DVD Rom

Tape

12

16

CPU

Memory

11

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

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 70: Strategy for designing and developing Interactive e-Learning

หนวยเรยนท 1 หนวยรบขอมล(Input Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

1 หนวยรบขอมล (Input Unit)

11 Keyboard 12 Mouse 13 Scanner 14 Joystick 15 Digital Camera

16 Microphone

11 อธบายความหมายของอปกรณ ทางดานอนพทได 12 บอกไดวาอปกรณชนดใดเปนอปกรณ ทางดานอนพท 13 เขาใจหนาทการทางานของอปกรณ อนพทแตละตว 14 อธบายขอแตกตางของการนาอปกรณ อนพทไปใชงานได 15 อธบายขอแตกตางระหวางอปกรณอนพทแตละตวได 16 สามารถเลอกใชอปกรณไดอยางถกตอง

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 71: Strategy for designing and developing Interactive e-Learning

หนวยเรยนท 2 หนวยประมวลผลกลาง(Central Processing Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

2 หนวยประมวลผลกลาง (CPU)

21 ALU 22 CU

21 อธบายหลกการทางานของ CPU ได 22 อธบายหนาทหลกการทางานของ ALUได 23 อธบายหนาทหลกการทางานของ CUได

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 72: Strategy for designing and developing Interactive e-Learning

หนวยเรยนท 3 หนวยความจา(Memory)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

3 หนวยความจา(Memory)

31 Main Memory

311 Ram

312 Rom

32 Secondary Memory

321 Floppy Disk

322 Hard Disk

323 CD ROM

324 DVD ROM

325 Tape

31 อธบายหนาทหลกการทางานของ

หนวยความจา ได

32 สามารถอธบายไดวาอะไรเปนหนวย

ความจาหลกอะไรเปนหนวยความจาสารอง

33 อธบายหลกการทางานของอปกรณเกบ

ขอมลแตละชนดได

34 สามารถเลอกใชอปกรณเกบขอมลแตละชนด

ไดอยางถกตอง

35 สามารถบอกไดวาหนวยความจาชนดใดเปนหนวย

ความจาชวคราวและหนวยความจาชนดใดเปน

หนวยความจาถาวร

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 73: Strategy for designing and developing Interactive e-Learning

หนวยเรยนท 4 หนวยแสดงผล(Output Unit)

รายละเอยดเนอหา วตถประสงคเชงพฤตกรรม

4 หนวยแสดงผล(Output Unit)

41 Monitor

42 Printer

43 Plotter

44 Projector

45 Speaker

41 อธบายความหมายแลของอปกรณทางดาน

เอาทพทได 42 บอกไดวาอปกรณชนดใดเปนอปกรณแสดงผล 43 เขาใจหนาทการทางานของอปกรณเอาทพทแตละตว 44 อธบายขอแตกตางของการนาอปกรณเอาทพท

ไปใชงานได

45 สามารถเลอกใชอปกรณเอาทพทไดอยางถกตอง

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 74: Strategy for designing and developing Interactive e-Learning

ลาดบการนาเสนอเนอหาบทเรยน Course Flow Chart

Module 2 หนวยประมวลผลกลาง(CPU)

เรมเขาสบทเรยน

แบบทดสอบกอนเรยน

จบบทเรยน

Module 1 หนวยรบขอมล(Input Unit)

Module 4 หนวยแสดงผล (Output Unit)

Module 3 หนวยความจา (Memory)

แบบทดสอบหลงเรยน

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 75: Strategy for designing and developing Interactive e-Learning

หนวยรบขอมล

(Input Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Keyboard Microphone Scanner

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Mouse Joystick Digital Camera

การนาเสนอเนอหา

Module 1

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 76: Strategy for designing and developing Interactive e-Learning

หนวยประมวลผลกลาง

(CPU)

แบบทดสอบกอนเรยน(Pre-Test)

ALU CU

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 2

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 77: Strategy for designing and developing Interactive e-Learning

หนวยความจา

(Memory)

แบบทดสอบกอนเรยน(Pre-Test)

Main Memory

Floppy Disk

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก การนาเสนอเนอหา

Module 3

Secondary Memory

RAM ROM Hard Disk CD ROM DVD ROM Tape

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 78: Strategy for designing and developing Interactive e-Learning

หนวยแสดงผล

(Output Unit)

แบบทดสอบกอนเรยน(Pre-Test)

Monitor Projector Plotter

แบบทดสอบหลงเรยน

(Posttest)

กลบเมนหลก

Printer Speaker

การนาเสนอเนอหา

Module 4

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 79: Strategy for designing and developing Interactive e-Learning

Script writer hellip วภารตน พกเงน helliphelliphellip Graphic helliphelliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

VDO Shooter helliphellip-helliphelliphelliphelliphelliphelliphelliphelliphellip Narrator helliphellip วภารตน พกเงน helliphelliphelliphelliphelliphelliphelliphellip

Supervisor helliphellip เชษฐา คงพลปาน helliphelliphellip Inspector helliphellip ณรงคชย สขสว คนธ helliphelliphelliphelliphelliphelliphellip

Approved helliphellip รศ ไพโรจน ตรณธนากล Date helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Note helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

Narration Script hellip สวสดครบยนดตอนรบสหนวยเรยนท 2 ทฤษฎทาง

ไฟฟาขนพนฐานผเรยนสามารถเลอกเรยนเรองใดกอนกได แตถาจะใหสมฤทธผล

ผเรยนควรเลอกเรยนตามล าดบขนดงน ทาแบบทดสอบกอนเรยน เมอทาแบบ

ทดสอบกอนเรยนเสรจแลวใหกลบมาเรยนเนอหาเรอง กฎของโอหม กาลง ไฟ ฟาและ

พลงงานไฟฟา ตามล าดบ หลงจากเรยนเนอหาจบแลวใหกลบไปทาแบบทดสอบ

หลงเรยนตอไป

Screen Show-out helliphelliphelliphelliphelliphellip-helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

PictureVDO helliphellip กฎของโอหม helliphellip File name hellip Ohm jpg helliphelliphelliphellip hellip

helliphellip กาลงไฟฟา helliphellip File name hellip Power jpghelliphelliphelliphellip

helliphellip พลงงานไฟฟา hellip File name hellip Energy jpghelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphelliphelliphellip File name helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File name helliphelliphelliphelliphelliphellip Module 2 helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File in From

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Effect

C lick รายการหลกกลบแผนภม

C lick รป เขา สบทเรยน helliphelliphelliphellip

C lick ป มคาสงเขาสค าสงตาง ๆ hellip

helliphelliphelliphelliphelliphelliphelliphelliphelliphelliphelliphellip

File Out to

Main Menu

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphelliphellip

helliphelliphelliphelliphelliphellip

Subject หนวยเรยนท 2 ทฤษฎทางไฟฟาขนพนฐาน hellip

Title SubMenu หวเรองหนวย 2 helliphelliphelliphelliphelliphelliphelliphellip

Page no 02-1 sheet no 01 Main Icon hellip Basic hellip

Compamp IT (SIE)

Computer Instruction Script

Form No hellip002hellip

ตรา

กฎของโอหม กาลงไฟฟา

พลงงานไฟฟา

ทฤษ

ฎท

างไฟ

ฟฟ

าขน

พน

ฐาน

ทฤษ

ฎวง

จรไฟ

ฟฟ

ากระ

แสตร

ง รา

ยการ

หลก

สวนชวยเหลอ แบบทดสอบ ออก

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 80: Strategy for designing and developing Interactive e-Learning

ศนยความรวทยาศาสตรและเทคโนโลย กระทรวงวทยาศาสตรและเทคโนโลย ทมา httpelearningstkcgoth

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 81: Strategy for designing and developing Interactive e-Learning

อเลรนนงของของมหาวทยาลยเกษตรศาสตร Mxlearn ทมา httpscoursekuacthlms

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 82: Strategy for designing and developing Interactive e-Learning

httpwwwe-trainingvecorg

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 83: Strategy for designing and developing Interactive e-Learning

การเขยนรายงานผลการจดการเรยนการสอน

เทคนคการออกแบบการเรยนรเพอพฒนาผเรยน

เทคนคบรหารจดการเอกสารตามระเบยบงานสารบรรณ

httpwwwe-trainingvecorg

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 84: Strategy for designing and developing Interactive e-Learning

httpwwwslidesharenetdrpanita

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 85: Strategy for designing and developing Interactive e-Learning

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ
Page 86: Strategy for designing and developing Interactive e-Learning

ผชวยศาสตราจารย ดรปณตา วรรณพรณ

หวหนาศนยวจยการจดการนวตกรรมและเทคโนโลย สานกวจยวทยาศาสตรเทคโนโลย

สาขาวชาเทคโนโลยสารสนเทศและการสอสารเพอการศกษา คณะครศาสตรอตสาหกรรม มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ panitawkmutnbacth httpwwwpanitawcom httpwwwfacebookcomdrpanita

  • Slide Number 1
  • คยกนวนน
  • A Day Made of Glass 2014
  • The Flipped Classroom
  • How the Flipped Classroom works
  • Slide Number 6
  • What is e-Learning
  • What is e-Learning
  • What is e-Learning
  • e- Learning องคประกอบ
  • e-Learning Design Framework
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • การออกแบบอเลรนนงตามแนวคดของกานเย Designing of Interactive e-Learning Based on Robert Gangnersquo Theory
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Augmented Reality
  • eLearning Africa 2010 NComputing Opening Video
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 23
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • Slide Number 27
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • สบนจอคอมพวเตอร
  • สบนจอคอมพวเตอร
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การสรางแบบทดสอบ
  • การวเคราะหขอสอบปรนย
  • การประเมนผล (Evaluation)
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • สถตทใชในการวเคราะหหาประสทธภาพ
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การวเคราะหหาประสทธผล
  • การออกแบบอเลรนนงตามแนวคดของกานเย
  • การออกแบบโครงสรางอเลรนนง Designing of e-Learning Site Structure
  • e-Learning การนำไปใช
  • ประเภทการเรยนการสอนออนไลน
  • ทฤษฎทางการศกษาสำหรบการออกแบบและพฒนาอเลรนนง
  • Instructional System Design
  • Learning Pyramid
  • พฤตกรรมการใชสอทสงผลตอการออกแบบ
  • การออกแบบโครงสรางอเลรนนง
  • นำเสนอขอมลดวยปมเมนทมากเกนไป
  • นำเสนอขอมลดวยปมเมนทนอยเกนไป
  • การเชอมโยงทสบสน
  • การนำเสนอขอมลทเหมาะสม
  • โครงสรางแบบขนาน (Linear) แบบเรยงลำดบ (Sequence)
  • โครงสรางแบบไมขนาน (Non-linear)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบลำดบขน (Hierarchies)
  • โครงสรางแบบเวบ (Web)
  • การประยกตการออกแบบโครงสราง
  • Gestalt Theory of Visual Perceptionfor e-Learning
  • Slide Number 65
  • Gestalt Theory Closure
  • Slide Number 67
  • Gestalt Theory Similarity
  • Gestalt Theory Similarity
  • Gestalt Theory Continuation
  • Slide Number 71
  • Slide Number 72
  • Slide Number 73
  • กระบวนการออกแบบบทเรยนอเลรนนงแบบปฏสมพนธ
  • การวเคราะหเนอหา (Analysis)
  • การวเคราะหเนอหา (Analysis)
  • Slide Number 77
  • Slide Number 78
  • Slide Number 79
  • Slide Number 80
  • Slide Number 81
  • Slide Number 82
  • Slide Number 83
  • Slide Number 84
  • Slide Number 85
  • Slide Number 86
  • Slide Number 87
  • Slide Number 88
  • Slide Number 89
  • Slide Number 90
  • Slide Number 91
  • Slide Number 92
  • httpwwwslidesharenetdrpanita
  • Slide Number 94
  • ขอบคณคะ