Cognitive Theory of Multimedia Learning (Mayer)<\/h5>\n\n- There are two separate channels (audio and visual) for processing information (sometimes referred to as Dual-Coding Theory);<\/li>\n
- Each channel has a limted (finite) capacity (Cognitive Load);<\/li>\n
- Learning is an actice process of filtering, selecting, organizing, and integrating information based upon prior knowledge.<\/li>\n<\/ul>\n
In a classic way, Meyer (2009) produces the example of explaining a bicycle pump. One using text only with the second incorporating multimedia. The point being literally illustrated below.<\/p>\n
Explaining a bicycle pump \u2013 text alone<\/strong><\/p>\n\u201cWhen the handle is pulled up the piston moves up, the inlet valve opens, the outlet valve closes, and the air enters the cylinder. When the handle is pushed down, the piston moves down, the inlet valve closes, the outlet valves opens, and air moves out thorough the hose\u201d.<\/p>\n
<\/p>\n
![\"bicycle](\"https:\/\/edtechuvic.ca\/edci136\/wp-content\/uploads\/sites\/19\/2021\/02\/pump.jpg\")
<\/a>Bicycle pump diagram<\/p><\/div>\n
For a more in-depth look at the principles of multimedia learning here is a presentation from Mayer.<\/a><\/p>\nMayer, R.E. (2009). Multimedia Learning.<\/em> Cambridge University Press.<\/a><\/p>\nMayer, R. E. (2005).\u00a0Cognitive Theory of Multimedia Learning.<\/em>\u00a0In R. E. Mayer (Ed.),\u00a0The Cambridge handbook of multimedia learning<\/em>\u00a0(p. 31\u201348). Cambridge University Press.\u00a0https:\/\/doi.org\/10.1017\/CBO9780511816819.004<\/a><\/p>\nWorking with graphics<\/h3>\n
Within your practice you will create multimedia content for multiple reasons. Classroom lessons, workshops, or your online content can benefit from multimedia.\u00a0 UVic students are granted access to Microsoft <\/a>and may use Adobe software<\/a> in select computing facilities at UVic. More information can be found by contacting the helpdesk<\/a> or\u00a0onlineservices.uvic.ca<\/a>.<\/p>\nAs you will create diverse content there may be specialized programs you will utilize. Depending on what content you want to create there are different types of programs which potentially may be more suitable to your task. Raster graphic<\/a> editors are programs that allows you to create and edit images and save them in one of many such as JPEG<\/a>,\u00a0PNG<\/a>, and\u00a0GIF<\/a>and may be are more suitable for retouching, photo processing, photorealistic illustrations, collage, and illustrations drawn by hand.<\/p>\nVector graphics<\/a> editor software are often used for typography, logos, sharp-edged artistic illustrations, cartoons, clip art, complex geometric patterns, technical illustrations, diagramming and flowcharting. Comparison of vector graphics editors<\/a>. Currently https:\/\/inkscape.org\/<\/a> is free and popular.<\/p>\nHere are some popular tools you can create with.<\/p>\n
\n- Microsoft Paint<\/a> – native to Windows photo editing program for basic multimedia that is widely available and still used<\/li>\n
- Microsoft PowerPoint<\/a>\u00a0 – presentation software used extensively in K-12 to accompany classroom teaching has editing capabilities<\/li>\n
- Adobe Creative Cloud<\/a> – professional standard collection of 20+ services for photography, design, video, web, and where you can find Photoshop, Illustrator, InDesign, Premiere and the pdf classic Acrobat.(UVic tutorial)<\/a><\/li>\n
- Go further – try experimenting with some advanced web based freely available graphic creation tools online (Pixlr.com<\/a> or Vectr.com<\/a> or canva.com<\/a> to start)<\/li>\n
- Click here<\/a> for an exhaustive list<\/li>\n<\/ol>\n
Screensots<\/h4>\n
![\"Keyboard](\"https:\/\/edtechuvic.ca\/edci136\/wp-content\/uploads\/sites\/19\/2021\/02\/Mac-key-board.png\")
<\/p>\n
Capturing whatever is on your screen is another way to create content. Screenshots<\/a> or screen grabs can be taken by pressing the ‘control’ and ‘print screen’ keys on windows computers. To edit, paste into a program like MS Paint. This site<\/a> lists 6 other ways.<\/p>\nTo take a screenshot on a Mac: Press command, shift, 4, allows you to drag your mouse and select what you want to screenshot and command, shift, 3 take a screenshot of the entire screen<\/p>\n
To take a screenshot on an iOS phone – Hold volume up and side button<\/p>\n
To take a screenshot on an Android phone – Hold volume down and power button<\/p>\n
Finding graphics<\/h4>\n
Simple changes can help you customize your content to fit the exact content you need for your lesson or other needs. Finding graphics you are able to edit and remix on sites like creativecommons.org<\/a> unsplash.com <\/a>gives you a headstart and means you may not have to start from scratch. To save graphics or slides as picture files.<\/p>\n\n- right click image<\/li>\n
- select save as picture<\/strong><\/li>\n
- select PNG or JPG<\/li>\n<\/ol>\n
Image file size<\/h4>\n
When working with graphics, you should be conscious of the size of the files you are working with. As a general rule, images should be under one megabyte when sharing online
\nwithin virtual learning environments or on your blog (1080 pixels or less on the longest edge of the photo).<\/p>\n
Tutorial on how to resize images on your Mac computer<\/a>
\nApp to resize image on Windows (quick demo)<\/a><\/p>\nAlso see Adobe’s guide to resizing<\/a>\u00a0and\u00a0cropping images<\/a>.<\/p>\nEffects, filters and more manipulation<\/h4>\n![\"Face](\"https:\/\/edtechuvic.ca\/edci136\/wp-content\/uploads\/sites\/19\/2021\/02\/pratik-chauhan-E4bycvNRRm8-unsplash-scaled.jpg\")
Photo by Pratik Chauhan on Unsplash<\/p><\/div>\n
Adding interesting attributes to graphics may aid in making your content engaging. Apps are very common and many have overlapping features. Try some<\/a>!<\/p>\nComica<\/a><\/p>\n8Bit Photo<\/a><\/p>\nMirrorLab<\/a><\/p>\nPowerPoint resources<\/h3>\n
How You Should Actually Be Using PowerPoint,<\/a><\/p>\nHow To Make An Infographic In PowerPoint,<\/a><\/p>\n6 Ways To Use Powerpoint For Graphic Design,<\/a><\/p>\nNot Just For Slides: Using Powerpoint For Graphic Design,<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"The Multimedia Learning Hypothesis Learning is effected when multiple representations of content is offered. Simply, using both words and pictures is more effective than providing words alone. Educators can adapt and use multimedia to enhance learning in a multitude of… Continue Reading →<\/a><\/p>\n","protected":false},"author":3,"featured_media":2265,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-2248","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-media-development"],"_links":{"self":[{"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/posts\/2248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/comments?post=2248"}],"version-history":[{"count":21,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/posts\/2248\/revisions"}],"predecessor-version":[{"id":2278,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/posts\/2248\/revisions\/2278"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/media\/2265"}],"wp:attachment":[{"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/media?parent=2248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/categories?post=2248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/tags?post=2248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
In a classic way, Meyer (2009) produces the example of explaining a bicycle pump. One using text only with the second incorporating multimedia. The point being literally illustrated below.<\/p>\n
Explaining a bicycle pump \u2013 text alone<\/strong><\/p>\n \u201cWhen the handle is pulled up the piston moves up, the inlet valve opens, the outlet valve closes, and the air enters the cylinder. When the handle is pushed down, the piston moves down, the inlet valve closes, the outlet valves opens, and air moves out thorough the hose\u201d.<\/p>\n <\/p>\n Bicycle pump diagram<\/p><\/div>\n For a more in-depth look at the principles of multimedia learning here is a presentation from Mayer.<\/a><\/p>\n Mayer, R.E. (2009). Multimedia Learning.<\/em> Cambridge University Press.<\/a><\/p>\n Mayer, R. E. (2005).\u00a0Cognitive Theory of Multimedia Learning.<\/em>\u00a0In R. E. Mayer (Ed.),\u00a0The Cambridge handbook of multimedia learning<\/em>\u00a0(p. 31\u201348). Cambridge University Press.\u00a0https:\/\/doi.org\/10.1017\/CBO9780511816819.004<\/a><\/p>\n Within your practice you will create multimedia content for multiple reasons. Classroom lessons, workshops, or your online content can benefit from multimedia.\u00a0 UVic students are granted access to Microsoft <\/a>and may use Adobe software<\/a> in select computing facilities at UVic. More information can be found by contacting the helpdesk<\/a> or\u00a0onlineservices.uvic.ca<\/a>.<\/p>\n As you will create diverse content there may be specialized programs you will utilize. Depending on what content you want to create there are different types of programs which potentially may be more suitable to your task. Raster graphic<\/a> editors are programs that allows you to create and edit images and save them in one of many such as JPEG<\/a>,\u00a0PNG<\/a>, and\u00a0GIF<\/a>and may be are more suitable for retouching, photo processing, photorealistic illustrations, collage, and illustrations drawn by hand.<\/p>\n Vector graphics<\/a> editor software are often used for typography, logos, sharp-edged artistic illustrations, cartoons, clip art, complex geometric patterns, technical illustrations, diagramming and flowcharting. Comparison of vector graphics editors<\/a>. Currently https:\/\/inkscape.org\/<\/a> is free and popular.<\/p>\n Here are some popular tools you can create with.<\/p>\n Capturing whatever is on your screen is another way to create content. Screenshots<\/a> or screen grabs can be taken by pressing the ‘control’ and ‘print screen’ keys on windows computers. To edit, paste into a program like MS Paint. This site<\/a> lists 6 other ways.<\/p>\n To take a screenshot on a Mac: Press command, shift, 4, allows you to drag your mouse and select what you want to screenshot and command, shift, 3 take a screenshot of the entire screen<\/p>\n To take a screenshot on an iOS phone – Hold volume up and side button<\/p>\n To take a screenshot on an Android phone – Hold volume down and power button<\/p>\n Simple changes can help you customize your content to fit the exact content you need for your lesson or other needs. Finding graphics you are able to edit and remix on sites like creativecommons.org<\/a> unsplash.com <\/a>gives you a headstart and means you may not have to start from scratch. To save graphics or slides as picture files.<\/p>\n When working with graphics, you should be conscious of the size of the files you are working with. As a general rule, images should be under one megabyte when sharing online Tutorial on how to resize images on your Mac computer<\/a> Also see Adobe’s guide to resizing<\/a>\u00a0and\u00a0cropping images<\/a>.<\/p>\n Photo by Pratik Chauhan on Unsplash<\/p><\/div>\n Adding interesting attributes to graphics may aid in making your content engaging. Apps are very common and many have overlapping features. Try some<\/a>!<\/p>\n Comica<\/a><\/p>\n 8Bit Photo<\/a><\/p>\n MirrorLab<\/a><\/p>\n How You Should Actually Be Using PowerPoint,<\/a><\/p>\n How To Make An Infographic In PowerPoint,<\/a><\/p>\n 6 Ways To Use Powerpoint For Graphic Design,<\/a><\/p>\n Not Just For Slides: Using Powerpoint For Graphic Design,<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" The Multimedia Learning Hypothesis Learning is effected when multiple representations of content is offered. Simply, using both words and pictures is more effective than providing words alone. Educators can adapt and use multimedia to enhance learning in a multitude of… Continue Reading →<\/a><\/p>\n","protected":false},"author":3,"featured_media":2265,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-2248","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-media-development"],"_links":{"self":[{"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/posts\/2248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/comments?post=2248"}],"version-history":[{"count":21,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/posts\/2248\/revisions"}],"predecessor-version":[{"id":2278,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/posts\/2248\/revisions\/2278"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/media\/2265"}],"wp:attachment":[{"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/media?parent=2248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/categories?post=2248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edtechuvic.ca\/edci136\/wp-json\/wp\/v2\/tags?post=2248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<\/a>Working with graphics<\/h3>\n
\n
Screensots<\/h4>\n
<\/p>\nFinding graphics<\/h4>\n
\n
Image file size<\/h4>\n
\nwithin virtual learning environments or on your blog (1080 pixels or less on the longest edge of the photo).<\/p>\n
\nApp to resize image on Windows (quick demo)<\/a><\/p>\nEffects, filters and more manipulation<\/h4>\n
PowerPoint resources<\/h3>\n