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

Meaningful Learning for Quality Education

E-Pedagogy for the 21st Century Learner

Multimedia E-Content 12.10.12

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

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

Video (3) on The 21st Century Learner

Multimedia E-Content 12.10.12

Multimedia E-Content 12.10.12

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 Utilize Media and Materials Select Material and Media

ASSURE Model
Who are your students?

ASSURE Model
general characteristics specific entry competencies learning style motivational factors psychological factors

ASSURE Model
Audience specifies theused learner for whom the objective is The ABCDs can be to create 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 Create a channel *A Upload your own video *A
* RD

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