Multimedia e-Content in Education
ROSSENI DIN
Pusat Pembangunan Akademik
1.02.2013
08.00-10.00pm & 10.30-12.30pm
Multimedia E-Content 12.10.12
1
Meaningful Learning for Quality Education
E-Pedagogy for the 21st Century
Learner
Multimedia E-Content 12.10.12
3
Quality Education
• Rule #1: Know Your Audience
Web 2.0 for Meaningful Learning
• Social Media (3) in Plain English
Multimedia E-Content 12.10.12
5
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
6
Multimedia E-Content 12.10.12
7
Video (3) on
The 21st Century Learner
Multimedia E-Content 12.10.12
8
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 Principle
Determine student needs
Determine objective
Design and choose delivery strategy
Develop evaluation procedure
Employ instruction system
Evaluate overall system
ASSURE Model
Analyze
Learners
Evaluate and
Revise
State
Objectives
The ASSURE model contains six
steps and the letters in ASSURE
form an acronym.
Require
Learner
Participation
Select
Material and
Media
Utilize Media
and Materials
ASSURE Model
Who are your
students?
ASSURE Model
general characteristics
specific entry competencies
learning style
motivational factors
psychological factors
ASSURE Model
Audience
– specifies
theused
learnerto
forcreate
whom the
objective is
• The
ABCDs
can be
a well-stated
intended
objectives:
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
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
ASSURE Model
preview the materials
practice the presentation
prepare the environment
prepare the audience
present the material
ASSURE Model
• Opportunities for learners to practice
• Get them to participate actively
• Get them involve in the learning process
ASSURE Model
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
CASPER
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
CASPER
Symmetrical
Asymmetrical
CASPER
To be continued…
CASPER
To be continued…
CASPER
• Use simple graphic and animation
• Attractive – user can understand the message
• Easy for the audience to navigate
CASPER
CASPER
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
CASPER
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
CASPER
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
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
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
46
Facebook
• How to use Facebook
• Facebook Group – Video Production UKM *RD
Multimedia E-Content 12.10.12
47
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
48
WordPress
• Step by step Tutorial
• http://rosseni.wordpress.com
• Setting
• Link
• Post & Page
Multimedia E-Content 12.10.12
49
Twitter
• How to Use Twitter for T&L
Multimedia E-Content 12.10.12
50
Google Docs
• Google Docs in Plain English (8)
• Introducing a new Google Docs
Multimedia E-Content 12.10.12
51
Thank You
Rosseni Din
http://www.rosseni.wordpress..com
Multimedia E-Content 12.10.12
52
Multimedia Presentation: Death after
PPT
Multimedia E-Content 12.10.12
53
Multimedia Presentation
• Life After Death by Power Point
Multimedia E-Content 12.10.12
54
How to Design
an
Effective Presentation
Multimedia E-Content 12.10.12
55
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
56
Alternative MM via Web 2.0
Applications
Multimedia E-Content 12.10.12
57
Alternative MM via Interaction in
MoBlog
Multimedia E-Content 12.10.12
58
Alternative MM via Interaction in FB Group
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
Thank You
ROSSENI DIN
Multimedia E-Content 12.10.12
64