สร้างสรรค์กิจกรรมการเรียนรู้ที่มีความหมาย ด้วยสื่อ Learning Object
- 1.
- 2. : • • - •
- 3. Transition from passiveknowledge to active knowledge • • • • Update • • • • •
- 4.
- 5. • Closing thegap • Bridging the digital divide
- 6.
- 7. Learning Object Spectrum
- 8.
- 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.
- 21. LO • Blended Learning • E-learning • Creative tasks • Project work
- 22. Designing Learning Objectsfor Teaching and Learning Mathematics for Students in Secondary School
- 23.
- 24. LOs • Atkins & Jones, 2004) •
- 26.
- 27. - reusability) Sharability) interoperability) bite-sized/ granularity)
- 28.
- 29.
- 30.
- 31. • LOs • Storyboard) • • LOs •
- 32. LOs LOs LOs LOs
- 33.
- 34. • LOs • LOs
- 35.
- 36.
- 37.
- 38.
- 39. Learning Object Learning Object Learning Object Word
- 40.
- 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 • <fontface=“Tahoma, MS Sans Serif, Thonburi”>…</font> • CSS • font-family: Tahoma, “MS Sans Serif”, Thonburi;
- 51.
- 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.
- 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.
- 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 userinterface 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.
- 88. Backward Approach tothe 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.
- 103.
- 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.
- 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) WebServer)
- 115. Purpose) Identification) Homepage) Title) Authority) Layout and Design ) Links)
- 116.
- 117. E) E1) E2) E = E1 : E2 E1 E2 E1 ΣX/N)/A ΣX A N E2 ΣF/N)/B
- 118.