Post on 20-Jan-2016
description
Multimedia E-Content 12.10.12 1
Multimedia e-Content in EducationROSSENI DIN
Pusat Pembangunan Akademik
1.02.201308.00-10.00pm & 10.30-12.30pm
Meaningful Learning for Quality Education
Multimedia E-Content 12.10.12 3
E-Pedagogy for the 21st Century Learner
Quality Education
• Rule #1: Know Your Audience
Multimedia E-Content 12.10.12 5
Web 2.0 for Meaningful Learning
• Social Media (3) in Plain English
Multimedia E-Content 12.10.12 6
Web 2.0 for Meaningful Learning
• Coop/Collaborative – FB Group
• Active – FB Group, Blog, YouTube
• Constructive - Blog
• Authentic – YouTube
• Intentional - PPT
Multimedia E-Content 12.10.12 7
Multimedia E-Content 12.10.12 8
Video (3) on The 21st Century Learner
Multimedia E-Content 12.10.12 9
Multimedia E-Content 12.10.12 10
Definition of Instruction
What is Instruction?
Definition of Instruction
“The arrangement of collection of data to produce effective learning..”
Source: Instructional Media and Technologies For Learning. 7 Edition. 2002. Merill Prentice Hall. New Jersey
Definition of Instructional Design
What is Instructional
Design?
Definition of Instructional Design“…a systematic process to design, develop, implement
and evaluate instruction..” – Dick and Reiser (1989)
Six Basic PrincipleDetermine student needs
Determine objective
Design and choose delivery strategy
Develop evaluation procedure
Employ instruction system
Evaluate overall system
ASSURE ModelAnalyze Learners
State Objectives
Select Material and
Media
Utilize Media and Materials
Require Learner
Participation
Evaluate and Revise
The ASSURE model contains six steps and the letters in ASSURE
form an acronym.
ASSURE ModelAnalyze Learners
Who are your students?
ASSURE ModelAnalyze Learners
general characteristics
specific entry competencies
learning style
motivational factors
psychological factors
ASSURE Model
• The ABCDs can be used to create a well-stated objectives:
State Objective
Audience – specifies the learner for whom the objective is intended
Behaviour – capability need to be demonstrated
Conditions – under what condition are the learners to demonstrate the skill taught
Degree – how well do you want the student to demonstrate their mastery?
ASSURE Model
• Identify the ABCDs in the objective statement below:
– The Drawing class B will be able to identify and draw two perspective
drawing using pencil and ruler with 100% accuracy
– kindergarten class will identify the colors, red, green, and blue using
blocks 9 out of 10 tries.
– Create your own objective statement
State Objective : Activity
ASSURE Model
• Choose a method to deliver your instruction
– Have your student to work in a small group
– Use tutorial in your lesson
• Select media : best to support the method you have chosen
• Media may includes:
– technology solution
– Internet resources
– Print resources
Select Media & Materials
ASSURE Model
preview the materials
practice the presentation
prepare the environment
prepare the audience
present the material
Utilize Media & Materials
ASSURE Model
• Opportunities for learners to practice
• Get them to participate actively
• Get them involve in the learning process
Require Learner Participation
ASSURE ModelEvaluation & Revise
Evaluation of learner achievement
Evaluation of media & methods
Evaluation of the instructional process
Revision
Topics
• Introduction
• CASPER
– Contrast
– Alignment
– Simplicity
– Proximity
– Emphasis
– Repetition
Introduction
• Layout design in electronic presentation such as power point,
refers to the skill used to arrange media in the slide in order
to produce an attractive presentation
• CASPER, the principle of design
• Guidelines on how to arrange media; text, graphic, animation,
and video
CASPER
Contrast
Alignment
Simplicity
Proximity
Emphasis
Repetition
CASPER
• If there are two different items on screen, it should be differentiated in regards to each other
• Avoid overlapping
• It helps to attract audience
• It can be accomplished through:– Font size– Font type– Line– Color– Graphics
Contrast
CASPER
CONTRAST
CONTRAST
Contrast
CASPER
• Each element in the presentation should be in balance with the screen size.
• Balance:
– Symmetrical
– Asymmetrical
• Images used should be visually connected with each other
Alignment
CASPERAlignment
Symmetrical Asymmetrical
CASPER
To be continued…
Alignment
CASPER
To be continued…
Alignment
CASPER
• Use simple graphic and animation
• Attractive – user can understand the message
• Easy for the audience to navigate
Simplicity
CASPERSimplicity
CASPERProximity
GESTALT THEORY
CASPER
• The distance between element
– text
– Graphic
– Text and graphic
• Same element should be grouped – near to each other
• Different element should be placed far from each other – avoid
overlapping
• The aim is to create a visual that consist of separated units
Proximity
CASPERProximity
CASPER
• Emphasis on elements and information in the screen
• Can be accomplished through:
– Text size and object
– Text shape and object
– Text arrangement and object
– Text color, object color and background color
– Graphic and animation
Emphasis
CASPEREmphasis
CASPER
• Standardization – helps to convey message to the audience
– Background color
– Font size
– Font type
• To much repetition will lead to boring presentation
– Use different media; text, graphic, audio and animation
Repetition
Activity
What can you tell about this interface in terms of design?
Activity
What can you tell about this interface in terms of design?
Multimedia E-Content 12.10.12 45
Multimedia E-Content 12.10.12 46
YouTube
• How to Use YouTube for T&L *F
– Link to favorite video on the net * RD
– Create a channel *A
– Upload your own video *A
Multimedia E-Content 12.10.12 47
• How to use Facebook
• Facebook Group – Video Production UKM *RD
Multimedia E-Content 12.10.12 48
Hands-on Activity
• Create a group FB for your tutorial group and describe your objective/intention for creating the group
• Link an introductory video about the group FB
• Map your work to the 5 components of meaningful learning. How many ML environment were you able to create?
Multimedia E-Content 12.10.12 49
WordPress
• Step by step Tutorial
• http://rosseni.wordpress.com• Setting• Link• Post & Page
Multimedia E-Content 12.10.12 50
• How to Use Twitter for T&L
Multimedia E-Content 12.10.12 51
Google Docs
• Google Docs in Plain English (8)• Introducing a new Google Docs
Multimedia E-Content 12.10.12 52
Thank YouRosseni Dinhttp://www.rosseni.wordpress..com
Multimedia E-Content 12.10.12 53
Multimedia Presentation: Death after PPT
Multimedia E-Content 12.10.12 54
Multimedia Presentation
• Life After Death by Power Point
Multimedia E-Content 12.10.12 55
How to Design an
Effective Presentation
Multimedia E-Content 12.10.12 56
Multimedia Presentation - PowerPoint
• Link to a Web 2.0 applicaation• Insert
– Video clip– Audio/Music– Graphic/Images/Photo– Animation
Multimedia E-Content 12.10.12 57
Alternative MM via Web 2.0 Applications
Multimedia E-Content 12.10.12 58
Alternative MM via Interaction in MoBlog
Multimedia E-Content 12.10.12 59
Alternative MM via Interaction in FB Group
Multimedia E-Content 12.10.12 60
Alternative MM via Interaction in FB Group
Multimedia E-Content 12.10.12 61
Alternative MM via Interaction in FB Group
Multimedia E-Content 12.10.12 62
Alternative MM via Interaction in FB Group
Multimedia E-Content 12.10.12 63
Alternative MM via Interaction in FB Group
Multimedia E-Content 12.10.12 64
Thank YouROSSENI DIN