1. Learning Object

2. :
•
• -
•

3. Transition from passive knowledge
to active knowledge
• •
•
• Update
•
•
•
• •

4. •
•
•
•

5. • Closing the gap
• Bridging the digital
divide

6. Digital
Learning
•
•
•

7. Learning Object
Spectrum

8. Learning Object

9. Metadata Learning
Object
•
-
•
Learning
Object
•

10. • Behaviorism
• Cognitivism
• Constructivism
- Problem-based learning (PBL)
- Scenario based learning (SBL)
• Brain based learning
• Multiple Intelligence
• Backward Design

12. Problem-based
Learning (PBL)
•
Constructivism
•
real-world problem)
•

13. PBL
• artifact
•

14. •
•
•
•

15. Scenario vs
Case
Scenario Case
Dr Vanessa Dennen Florida

16. Brain-based
learning
•
•
• Patterns
•
•
•
•
feedback

17. • :
• :

18. • Prompt
• Help
• Hint
• Pop up
• Access to printable job aids

19. Feedback
• •
-
-
• • Feedback
Corrective
•
Instructive

20. Object
•
•
•
•
•
•

21. LO
• Blended Learning
• E-learning
• Creative tasks
• Project work

22. Designing Learning Objects for
Teaching and Learning
Mathematics for Students in
Secondary School

23. •
•
•

24. LOs
•
Atkins &
Jones, 2004)
•

26. LOs
LOs

27. -
reusability)
Sharability)
interoperability)
bite-sized/
granularity)

28. •
•
•

29. •

30. LOs
•
•
•

31. •
LOs
• Storyboard)
•
• LOs
•

32. LOs
LOs
LOs
LOs

33. (S.D)

34. •
LOs
•
LOs

35. Learning Object

36. Learning Object
Learning Object

37. 1.
Learning Object
Learning Object

38. storyboard
Learning Object
Learning Object

39. Learning Object
Learning
Object
Learning Object
Word

40. Learning Object

41. Learning Object
Learning Object

42. Learning
Object
object
Learning
Object

44. -
( /
)
-
/ ( /
)
web master -
-

45. -
-
-
-

46. •
•
• –
• –
• –
• –
•

47. • http://domainname/index.php?option=com_conten
t&task=view&id=509&Itemid=74
•
•
•
•
• Web
• Programming
•

48. • http://domain-name/index.php?about-us
•
• • –
• •
• •
• •
• •
• SEO (Search Engine Optimizer, Search Engine
Friendly)

49. Fonts)
-
-
(Embedded)
-

50. •
• HTML
• <font face=“Tahoma, MS Sans Serif,
Thonburi”>…</font>
• CSS
• font-family: Tahoma, “MS Sans Serif”,
Thonburi;

51. Thai Encoding

52. Style
Sound Screen Reader
Digital Library
Content
(Greenstone)

53. MP3
• Bit Rate
• – 8 Kbps through 160 Kbps CBR (constant bit rate).
• – 16 Kbps or higher for the best results
• • Mono Preprocessing
• • Quality
• – Fast yields faster compression but lower sound quality.
• – Medium yields somewhat slower compression but higher
• sound quality.
• – Best yields the slowest compression and the highest
sound
• quality.

54. Metadata
• •
• •
• Metadata
• Search Engine
•

55. • Copy
• •
• •

57. MULTIMEDIA GRAPHIC
USER INTERFACE
•
•
•
Digital)
•

58. •
•
User)
Interface Design

59. •
Interface design)
Webpage)
(Multimadia)

60. Ease of learning)
•
•
•
• Efficiency of

61. Memorability)
•
Minimize
errors)

62. Interface
Design)
1.

63. •
Icon)
Icon)
Icon)
Icon)

64. Margaret Bearman,1997)
• Consistency)
• Clarify)
• Simplicity)

65. • Visual Appeal)
• Identity)

66. •
•
Jakob Nielsen,2002)
•
•
•

67. •
•
Quit)
Web browser
Icon) Back)
Forward)
•
Help)

68. •
Resolution)
•
•

69. Graphic for user interface
Graphic for user interface

70. Instructional
Media

71. Perception)
•
• Sensory
Nerve)
•

72. Learning)
•
•
Experience)
•

73. • Cognitive Domain)
• Affective Domain)
• Psychomotor Domain)

74. •
• Active Participation)
• Immediate Feedback)
• Reinforcement)
• Step by Step)

75. Communication)
•
•
• Sender Communicator)
Encode)
• Message)
• Media or Channel)
• Receiver)
• Decode)

76. • Verbal Communication)
• Non-Verbal Communication)
• Visual
Communication)
• One-Way
Communication)

77. • Self Communication)
• Interpersonal
Communication)
• Group Communication)
• Mass
Communication)

78. • Medium pl. Media)
•

•
Mass Media)
•
Learning Media)
•

79. Instructional Media
•
Heinich et al., 1993)
•
•
•
•
•

80. •
•
•
•
•
•
•
•
•

81. •
•
•
•
•
• Analyze Learner
Characteristics)
• State Objectives)
• Select , Modify ,or
Design Material)
• Utilize Materials)
• Require Learner
Response)
• Evaluation)

82. •
•
•

84. • Behaviorism
• Cognitivism
• Constructivism
• Brain based learning
• Multiple Intelligence
• Backward Design

85. Behaviorism
• interface
• feedback
•
•
• Interface
Cognitivism
•
•
•

86. Constructivism
•
•
•
•
•
Brain-based learning
•
•
• patterns
•
•
•

87. Multiple Intelligences

88. Backward Approach to the Design Process

89. •
•
•
• technical, graphical)
•
• Metadata
•

90. •
•
• metadata
•
Usability Testing)
•
• –
•
- -
-
• Think Aloud Protocol

91. •
•
•
•
• prototype
•
•

92. • media
• • Visual, auditory, text, data
• •
Search, collect, organize, analyze,
• calculate, produce, communicate
• •
• Approaches
• • Tutorial, group projects, simulations and role
play
•

93. Storyboard
• • Screen content
• • Screen layout
• • Navigation
• • Functions
• • Meta data
• • Prompt
• • Help
• • Hint
•
• • Pop up
• •
• •

94. •
•
• Simulation
feedback
•
•
concept
•
• feedback

95. Take Home Message
•
•
•
• feedback
•

97. CAI)
WBI) E-Learning

98. -
-
Tutorial)

99. Tutorial)
Alessi and Trollip 1985, 66
Association Theory)
Stimulus)
Responses)
Reinforcement)
(Feedback)

100. System approach)

103. 8.4

104. Content)
2)
Instructional Design)
3) Programming)
Instructional
ComputingDevelopment)
-
Instructional Design)

106. 1) Linear design)
2) hierarchical structure)
3) Pyramidal structure)
4) Polar structure)

108. Communication)

109. Behaviorism)
Scientific Study of Human Behavior)
Stimuli and
Response )
Operant Conditioning) Reinforcement)
Cognitivism)
Chomsky)
Skinner)

110. Scheme Theory)
Cognitivism)
Scheme Theory)
Pre-existing Knowledge)
CAI)
Stand Alone)
WBI)

111. Khan, 1997)
Web Based Instruction)
Clark, 1996)
Relan and Gillani, 1997)

112. -

113. 1) Electic Structure)
2) Encyclopaedic

114. File Server)
Web Server)

115. Purpose)
Identification)
Homepage) Title)
Authority)
Layout
and Design )
Links)

116. 1)
2)

117. E)
E1)
E2) E = E1 : E2
E1
E2
E1 ΣX/N)/A
ΣX
A
N
E2 ΣF/N)/B

118. E1 : E2