Multimedia e-Content in Education ROSSENI DIN Pusat Pembangunan Akademik pm & pm 1Multimedia E-Content

Meaningful Learning for Quality Education

E-Pedagogy for the 21st Century Learner Multimedia E-Content

Quality Education Rule #1: Know Your Audience

Web 2.0 for Meaningful Learning Social Media (3) in Plain English Social Media (3) Multimedia E-Content

Web 2.0 for Meaningful Learning Coop/Collaborative – FB Group Active – FB Group, Blog, YouTube Constructive - Blog Authentic – YouTube Intentional - PPT Multimedia E-Content

7

Video (3) on Video (3) on The 21 st Century Learner Multimedia E-Content

9

10

Designing Instruction

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 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

ASSURE Model The ASSURE model contains six steps and the letters in ASSURE form an acronym.

ASSURE Model Who are your students?

ASSURE Model

The ABCDs can be used to create a well-stated objectives:

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

Opportunities for learners to practice Get them to participate actively Get them involve in the learning process

ASSURE Model

Topics Introduction CASPER – Contrast Contrast – Alignment Alignment – Simplicity Simplicity – Proximity Proximity – Emphasis Emphasis – Repetition 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

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

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

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

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

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? What can you tell about this interface in terms of design?

Activity What can you tell about this interface in terms of design? What can you tell about this interface in terms of design?

Multimedia E-Content

YouTube How to Use YouTube for T&L *F How to Use YouTube for T&L – Link to favorite video on the net * RD Link to favorite video on the net – Create a channel *A Create a channel – Upload your own video *A Upload your own video Multimedia E-Content

Facebook How to use Facebook Facebook Group – Video Production UKM *RDVideo Production UKM Multimedia E-Content

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

WordPress Step by step Tutorial Setting Link Post & Page Multimedia E-Content

Twitter How to Use Twitter for T&L Multimedia E-Content

Google Docs Google Docs in Plain English (8) Google Docs in Plain English Introducing a new Google Docs Multimedia E-Content

Thank You Rosseni Din Multimedia E-Content

Multimedia Presentation: Death after PPT Multimedia E-Content

Multimedia Presentation Life After Death by Power Point Multimedia E-Content

How to Design an Effective Presentation Multimedia E-Content

Multimedia Presentation - PowerPoint Link to a Web 2.0 applicaationWeb 2.0 applicaation Insert – Video clip – Audio/Music – Graphic/Images/Photo – Animation Multimedia E-Content

Alternative MM via Web 2.0 Applications Multimedia E-Content

Alternative MM via Interaction in MoBlog Multimedia E-Content

Alternative MM via Interaction in FB Group Multimedia E-Content

Alternative MM via Interaction in FB Group Multimedia E-Content

Alternative MM via Interaction in FB Group Multimedia E-Content

Alternative MM via Interaction in FB Group Multimedia E-Content

Alternative MM via Interaction in FB Group Multimedia E-Content

Thank You ROSSENI DIN 64Multimedia E-Content