{"id":23,"date":"2009-05-08T15:31:48","date_gmt":"2009-05-08T21:31:48","guid":{"rendered":"https:\/\/blogs.ubc.ca\/etec565maydonik\/?page_id=23"},"modified":"2009-07-25T01:03:48","modified_gmt":"2009-07-25T07:03:48","slug":"multimedia-inventory","status":"publish","type":"page","link":"https:\/\/blogs.ubc.ca\/etec565maydonik\/multimedia-inventory\/","title":{"rendered":"Multimedia Inventory"},"content":{"rendered":"<p>I created <a href=\"http:\/\/moodle.met.ubc.ca\/files\/index.php?id=42\">my LMS site<\/a> using <a href=\"http:\/\/moodle.org\/\">moodle<\/a>.\u00a0 For an overview of my course, please view the screen cast below.<\/p>\n<p><object width=\"425\" height=\"344\" data=\"http:\/\/www.screentoaster.com\/swf\/STPlayer.swf\" type=\"application\/x-shockwave-flash\"><param name=\"id\" value=\"stVU1SQk1IR11XQVtcU11fV1VR\" \/><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowScriptAccess\" value=\"always\" \/><param name=\"flashvars\" value=\"video=stVU1SQk1IR11XQVtcU11fV1VR\" \/><param name=\"src\" value=\"http:\/\/www.screentoaster.com\/swf\/STPlayer.swf\" \/><\/object><\/p>\n<div style=\"width: 425px; text-align: right;\"><a href=\"http:\/\/www.screentoaster.com\/\">Screencasts and videos online<\/a><\/div>\n<p>In terms of multimedia, I have used visual and audio components.\u00a0 The visual components include images (.jpeg and .png), animation (.gif), video (.mov, embedded from <a href=\"https:\/\/www.youtube.com\/watch?v=HQypMqQQWcs\">YouTube<\/a>) and a digital story (.swf, embedded) created with <a href=\"http:\/\/tikatok.com\/view\/book\/azimut-et-kalimut-001\">Tikatok<\/a>. The audio components include 11 audio files (.mp3) that I created using <a href=\"http:\/\/audacity.sourceforge.net\/\">Audacity<\/a>.\u00a0 <a title=\"Example\" href=\"http:\/\/moodle.met.ubc.ca\/mod\/resource\/view.php?id=1484\" target=\"_blank\">View and listen to an example<\/a>.<\/p>\n<p>Here is a breakdown of the multimedia that I used in more detail, organized by type:<\/p>\n<h2>A) Images &amp; Animation<\/h2>\n<p><span style=\"text-decoration: underline;\"> <\/span><\/p>\n<table border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td width=\"221\" valign=\"top\"><strong>Images<\/strong><\/p>\n<p><strong>File names &amp;   Format<\/strong><\/p>\n<p><strong> <\/strong><\/td>\n<td width=\"221\" valign=\"top\"><strong>Animation<\/strong><\/p>\n<p><strong>File names &amp;   Format<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"221\" valign=\"top\">Alien.jpg<\/p>\n<p>Lune_clr.jpg<\/p>\n<p>Solar_system4.jpg<\/p>\n<p>Soleil_clr.jpg<\/p>\n<p>SpaceHero.png<\/p>\n<p>Notepad.png<\/p>\n<p>Earcartoon.jpg<\/p>\n<p>Me.jpg<\/td>\n<td width=\"221\" valign=\"top\"><strong> <\/strong><\/p>\n<p>Anispace2.gif<\/p>\n<p>Quiz.gif<\/p>\n<p>Science_space.gif<\/p>\n<p>Spacemanncc.gif<\/p>\n<p>Zoom.gif<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"text-decoration: underline;\"> <\/span><\/p>\n<h3>Purpose<\/h3>\n<p>There are a few purposes for incorporating images and animations in my LMS course site.\u00a0 On my splash page, there are images and animations that provide a visual hook for students.\u00a0 Young children love colourful and engaging images and I believe that students viewing this splash page would be instantly excited about the theme.\u00a0 The images on the Splash page have the correct <strong>alt attribute<\/strong> assigned to them, so if a student were using screen-reading software, they would understand where to click.\u00a0 There is also a silly picture of myself, from a field trip to the Calgary Science Centre.\u00a0 Students love seeing funny pictures of their teacher, and I would argue that this helps to foster a relationship with students.\u00a0 I have included images in other areas of my LMS course site, such as the quiz.\u00a0 The purpose of doing this is to add a visual element to some questions (the green alien) and to situate the student in the question (solar system).<\/p>\n<h3>Source &amp; Copyright clearance requirements<\/h3>\n<p>All of the images and animations that I used were found on <a href=\"http:\/\/images.google.com\/\">Google Images<\/a>.\u00a0 I was careful to select images and animations that were free to use, with no copyright restrictions.<\/p>\n<h3>Technologies required<\/h3>\n<p>In order to download images and animations, a connection to the Internet is required.\u00a0 Using your web browser, images and animations can be downloaded to the hard-drive of your computer, at which point you can upload them to the &#8220;files&#8221; folder of your LMS course site, in my case, moodle.<\/p>\n<h3>Estimated time to create and prep<\/h3>\n<p>Downloading the actual images and\/or animations is very quick, and easy.\u00a0 The bulk of my time was spent searching for images that could be used freely without copyright restrictions.\u00a0 I estimate 30-60 minutes for finding approximately 10 images for my LMS course site.<\/p>\n<h3>Associated costs<\/h3>\n<p>Once you have a computer and Internet connection, the cost is ZERO.<\/p>\n<h2>B) Video<\/h2>\n<h3>File names &amp; Format<\/h3>\n<p>In my course, the video is embedded from YouTube, however, the file is in .mov format on my computer.\u00a0 My digital story, created using Tikatok has been embedded directly into my LMS site.\u00a0 The digital story itself is hosted on the Tikatok site and the file format is flash (.swf).\u00a0 Tikatok allows you to create stories using flash animation.<\/p>\n<h3>Purpose<\/h3>\n<p>The purpose of incorporating the <a href=\"http:\/\/moodle.met.ubc.ca\/mod\/resource\/view.php?id=2513\">Space Video<\/a> into my LMS course site is to complement many of the other activities.\u00a0 The text of the video is the same text that students are asked to read and listen to in the literacy centre activities.\u00a0 They are then asked to work with that text utilizing the SMART Board and the markers.\u00a0 The video would assist students with this activity as well as their overall comprehension, which ultimately would prepare them for the <a href=\"http:\/\/moodle.met.ubc.ca\/mod\/quiz\/view.php?id=2288\">quiz<\/a>.<\/p>\n<p>The purpose of incorporating the <a href=\"http:\/\/moodle.met.ubc.ca\/mod\/resource\/view.php?id=2510\">Digital Story<\/a> into my LMS course site is to use it as a reading comprehension activity.\u00a0 The students will read the story either on their own or with me, as a class.\u00a0 They will then answer the reading comprehension questions in the <a href=\"http:\/\/moodle.met.ubc.ca\/mod\/forum\/view.php?id=2511&amp;group=0\">discussion forum<\/a>.\u00a0 Using the digital story is a positive way to engage students with the images and hook them into the story rather than just reading text.<\/p>\n<h3>Source &amp; Copyright clearance requirements<\/h3>\n<p>I created the Space Video 2 years ago with my grade one students.\u00a0 We created all of the images through various art projects of the elements of the solar system.\u00a0 The art projects were photographed and uploaded to <a href=\"http:\/\/www.apple.com\/ilife\/iphoto\/\">iPhoto<\/a>.\u00a0 From there, we used <a href=\"http:\/\/www.apple.com\/ilife\/imovie\/\">iMovie<\/a> to create the movie.\u00a0 Students worked in groups of two to record the audio for each element of the solar system.\u00a0 When the project was finished, I uploaded it to <a href=\"https:\/\/www.youtube.com\/watch?v=HD23c2VFQPc\">YouTube<\/a>.<\/p>\n<p>I created the Digital Story using <a href=\"http:\/\/tikatok.com\/view\/book\/azimut-et-kalimut-001\">Tikatok<\/a>.\u00a0 All of the images in my story were found on <a href=\"http:\/\/creativecommons.org\/\">Creative Commons<\/a>.\u00a0 Creative Commons is a web site where you can find licensed works you can share, remix, or reuse.<\/p>\n<h3>Technologies required<\/h3>\n<table border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td width=\"221\" valign=\"top\">Space Video<\/td>\n<td width=\"221\" valign=\"top\">Digital Story<\/td>\n<\/tr>\n<tr>\n<td width=\"221\" valign=\"top\">\n<ul class=\"unIndentedList\">\n<li> Digital camera and accessories<\/li>\n<\/ul>\n<ul class=\"unIndentedList\">\n<li> Mac computer<\/li>\n<\/ul>\n<ul class=\"unIndentedList\">\n<li> iPhoto<\/li>\n<\/ul>\n<ul class=\"unIndentedList\">\n<li> iMovie<\/li>\n<\/ul>\n<ul class=\"unIndentedList\">\n<li> QuickTime<\/li>\n<\/ul>\n<ul class=\"unIndentedList\">\n<li> Internet access<\/li>\n<\/ul>\n<ul class=\"unIndentedList\">\n<li> YouTube account<\/li>\n<\/ul>\n<\/td>\n<td width=\"221\" valign=\"top\">\n<ul class=\"unIndentedList\">\n<li> Internet access<\/li>\n<\/ul>\n<ul class=\"unIndentedList\">\n<li> Images<\/li>\n<\/ul>\n<ul class=\"unIndentedList\">\n<li> Computer with ability to play flash files<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Estimated time to create and prep<\/h3>\n<p>The Space Video took rather long to make.\u00a0 That being said, I did this project with 20 five and six year olds!\u00a0 I had done most of the preparation before hand, taking the digital photos and getting them organized in iMovie.\u00a0 The bulk of the time was spent having my students practice their parts and recording their voices.\u00a0 This was difficult as I had to manage the rest of the class while working with 2 students at a time.\u00a0 In all, this project took approximately 2 weeks, working on it a little each school day.\u00a0 If I were to undertake a similar project in the future, I would invite parent volunteers and\/or older students into the classroom to assist.\u00a0 This would undoubtedly reduce the time it would take to develop such a resource.<\/p>\n<p>The Digital Story using Tikatok was much quicker to prepare!\u00a0 I searched for my images on Creative Commons as I inserted the text page by page.\u00a0 The whole project from start to finish probably took me about 2 hours.\u00a0 I would definitely consider digital storytelling over movie making if the situation was right.\u00a0 You do lose the ability for audio using Tikatok.<\/p>\n<h3>Associated Costs<\/h3>\n<p>Once you have your computer, hopefully a Mac, the costs are ZERO!!!<\/p>\n<h2>C) Audio<\/h2>\n<p><span style=\"text-decoration: underline;\"> <\/span><\/p>\n<p>I used Audacity to record 11 .mp3 files for my LMS Course Site.<\/p>\n<table border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td width=\"133\" valign=\"top\"><strong>File names &amp;   Format<\/strong><\/p>\n<p>Venus.mp3<\/p>\n<p>VoieLactee.mp3<\/p>\n<p>Jupiter.mp3<\/p>\n<p>Mars.mp3<\/p>\n<p>Mercure.mp3<\/p>\n<p>Neptune.mp3<\/p>\n<p>Quiz.mp3<\/p>\n<p>Saturne.mp3<\/p>\n<p>Soleil.mp3<\/p>\n<p>Terre.mp3<\/p>\n<p>Uranus.mp3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Purpose<\/h3>\n<p>The purpose of these voice recordings is to have audio support for the reading component of the course; the descriptions of the Milky Way, the Sun and the planets.\u00a0 In each module, there is a resource titled &#8220;Centres de litt\u00e9racie \/ Literacy Centers&#8221;.\u00a0 When you click on the name of each planet, you will notice an image of an ear holding a megaphone with the words &#8220;Cliquez sur l&#8217;oreille!&#8221; in red beside the image.\u00a0 Looks like this:<\/p>\n<p><a title=\"\u00c9coutez ici!\" rel=\"attachment wp-att-296\" href=\"https:\/\/blogs.ubc.ca\/etec565maydonik\/multimedia-inventory\/clip-art-graphic-of-a-human-ear-cartoon-character-2\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-296\" title=\"Clip Art Graphic of a Human Ear Cartoon Character\" src=\"https:\/\/blogs.ubc.ca\/etec565maydonik\/files\/2009\/05\/earcartoon.jpg\" alt=\"Clip Art Graphic of a Human Ear Cartoon Character\" width=\"150\" height=\"144\" \/><\/a><\/p>\n<h2 style=\"text-align: center;\"><span style=\"color: #ff0000;\">Cliquez sur l&#8217;oreille!<\/span><\/h2>\n<p>When the student <a title=\"clicks on the ear\" href=\"http:\/\/moodle.met.ubc.ca\/mod\/resource\/view.php?id=1484\" target=\"_blank\">clicks on the ear<\/a>, a new window opens up and they will hear my voice recording reading out the text.\u00a0 After the recording has been listened to, the students must close the window to return to the course.\u00a0 One of my voice recordings is also in my quiz (question #1).\u00a0 Students can click the link to hear the question being read out loud before giving their answer.<\/p>\n<h3>Source &amp; Copyright clearance requirements<\/h3>\n<p>I created all of the sound files using <a href=\"http:\/\/audacity.sourceforge.net\/\">Audacity<\/a>, a free, open source software for recording and editing sounds.\u00a0 I saved the files (.mp3) to my hard drive and then uploaded them to the &#8220;files&#8221; folder of my LMS course site.<\/p>\n<h3>Technologies required<\/h3>\n<ul class=\"unIndentedList\">\n<li> A computer with Internet access<\/li>\n<li> You must download Audacity and the LAME plug-in in order to save your files in .mp3 format<\/li>\n<\/ul>\n<h3>Estimated time to create or prep<\/h3>\n<p>When I first started using Audacity, I remember struggling and struggling with exporting to an .mp3 file.\u00a0 Once I realized that I had to download the LAME plug-in for my operating system, I really had the ball rolling!\u00a0 This was the biggest challenge in using Audacity.\u00a0 For the toolkit activity, I followed the instructions and made my recordings without any difficulty.\u00a0 From there, I uploaded the files to the appropriate folder in moodle and was easily able to link the files to the &#8220;ear&#8221; image.\u00a0 Once I had my system in place, it was just a matter of clicking here and there!\u00a0 All in all, I estimate this portion of the project took 1-2 hours.<\/p>\n<h3>Associated costs<\/h3>\n<p>Once you have your computer, the costs are ZERO!!!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I created my LMS site using moodle.\u00a0 For an overview of my course, please view the screen cast below. Screencasts and videos online In terms of multimedia, I have used visual and audio components.\u00a0 The visual components include images (.jpeg and .png), animation (.gif), video (.mov, embedded from YouTube) and a digital story (.swf, embedded) [&hellip;]<\/p>\n","protected":false},"author":515,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/etec565maydonik\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/etec565maydonik\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/etec565maydonik\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/etec565maydonik\/wp-json\/wp\/v2\/users\/515"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/etec565maydonik\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":20,"href":"https:\/\/blogs.ubc.ca\/etec565maydonik\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/blogs.ubc.ca\/etec565maydonik\/wp-json\/wp\/v2\/pages\/23\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/etec565maydonik\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}