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

2. Meaningful Learning for Quality Education

3. E-Pedagogy for the 21st Century Learner Multimedia E-Content 12.10.123

4. Quality Education Rule #1: Know Your Audience

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

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

7. 7

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

9. 9

10. 10

11. Designing Instruction

12. Definition of Instruction What is Instruction?

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

14. Definition of Instructional Design What is Instructional Design?

15. Definition of Instructional Design “…a systematic process to design, develop, implement and evaluate instruction..” – Dick and Reiser (1989)

16. Six Basic Principle

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

18. ASSURE Model Who are your students?

19. ASSURE Model

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

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

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

23. ASSURE Model

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

25. ASSURE Model

26. Topics Introduction CASPER – Contrast Contrast – Alignment Alignment – Simplicity Simplicity – Proximity Proximity – Emphasis Emphasis – Repetition Repetition

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

28. CASPER

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

30. CASPER CONTRAST

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

32. CASPER Symmetrical Asymmetrical

33. CASPER To be continued…

34. CASPER To be continued…

35. CASPER Use simple graphic and animation Attractive – user can understand the message Easy for the audience to navigate

36. CASPER

37. GESTALT THEORY

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

39. CASPER

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

41. CASPER

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

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

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

45. Multimedia E-Content 12.10.1245

46. 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 12.10.1246

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

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

49. WordPress Step by step Tutorial http://rosseni.wordpress.com Setting Link Post & Page Multimedia E-Content 12.10.1249

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

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

52. Thank You Rosseni Din http://www.rosseni.wordpress..com Multimedia E-Content 12.10.1252

53. Multimedia Presentation: Death after PPT Multimedia E-Content 12.10.1253

54. Multimedia Presentation Life After Death by Power Point Multimedia E-Content 12.10.1254

55. How to Design an Effective Presentation Multimedia E-Content 12.10.1255

56. 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 12.10.1256

57. Alternative MM via Web 2.0 Applications Multimedia E-Content 12.10.1257

58. Alternative MM via Interaction in MoBlog Multimedia E-Content 12.10.1258

59. Alternative MM via Interaction in FB Group Multimedia E-Content 12.10.1259

60. Alternative MM via Interaction in FB Group Multimedia E-Content 12.10.1260

61. Alternative MM via Interaction in FB Group Multimedia E-Content 12.10.1261

62. Alternative MM via Interaction in FB Group Multimedia E-Content 12.10.1262

63. Alternative MM via Interaction in FB Group Multimedia E-Content 12.10.1263

64. Thank You ROSSENI DIN 64Multimedia E-Content 12.10.12