Multimedia e-Content in Education ROSSENI DIN Pusat Pembangunan Akademik 1.02.2013 08.00-10.00pm & 10.30-12.30pm 1Multimedia E-Content 12.10.12.

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


E-Pedagogy for the 21st Century Learner

Quality Education

• Rule #1: Know Your Audience


Web 2.0 for Meaningful Learning

• Social Media (3) in Plain English


Web 2.0 for Meaningful Learning

• Coop/Collaborative – FB Group

• Active – FB Group, Blog, YouTube

• Constructive - Blog

• Authentic – YouTube

• Intentional - PPT



Video (3) on The 21st Century Learner



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.


Who are your students?


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?



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

http://modulhml2.wordpress.com/youtube/

http://rosseni.wordpress.com/

http://modulhml2.wordpress.com/youtube/creating-a-youtube-account/

http://modulhml2.wordpress.com/youtube/uploading-a-video/


Facebook

• How to use Facebook

• Facebook Group – Video Production UKM *RD

http://www.youtube.com/watch?v=jea2-jGUbRs&feature=plcp



http://www.facebook.com/groups/453035358072902/


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?


WordPress

• Step by step Tutorial

• http://rosseni.wordpress.com• Setting• Link• Post & Page

http://www.youtube.com/watch?v=MWYi4_COZMU&feature=autoplay&list=PL50A7149B5FF2109E&playnext=5



Twitter

• How to Use Twitter for T&L


Google Docs

• Google Docs in Plain English (8)• Introducing a new Google Docs

http://www.youtube.com/watch?v=eRqUE6IHTEA

http://www.youtube.com/watch?v=6_hJ3R8jEZM


Thank YouRosseni Dinhttp://www.rosseni.wordpress..com


Multimedia Presentation: Death after PPT


Multimedia Presentation

• Life After Death by Power Point


How to Design an

Effective Presentation


Multimedia Presentation - PowerPoint

• Link to a Web 2.0 applicaation• Insert

– Video clip– Audio/Music– Graphic/Images/Photo– Animation




Alternative MM via Web 2.0 Applications


Alternative MM via Interaction in MoBlog


Alternative MM via Interaction in FB Group










Thank YouROSSENI DIN

Multimedia e-Content in Education ROSSENI DIN Pusat Pembangunan Akademik 1.02.2013 08.00-10.00pm & 10.30-12.30pm 1Multimedia E-Content 12.10.12.

Documents