{"id":19855,"date":"2017-06-01T02:56:38","date_gmt":"2017-06-01T02:56:38","guid":{"rendered":"http:\/\/rkenny.org\/kennypress\/?p=19855"},"modified":"2017-06-09T11:07:41","modified_gmt":"2017-06-09T11:07:41","slug":"eme-6209-time-based-media","status":"publish","type":"post","link":"https:\/\/emeclasses.org\/?p=19855","title":{"rendered":"EME 6209 \u2013 Introduction to Time Based Media"},"content":{"rendered":"<p><div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#0033cc;border-radius:3px;\"><div class=\"su-box-title\" style=\"background-color:#3366ff;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">Where do we go from here?<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\"> There is no assignment at this time. After you complete these readings and explore time based media, review the <a href=\"\/?p=41784\" target=\"_blank\" rel=\"noopener noreferrer\">lesson on and do the activities associated with stop motion<\/a>. <\/div><\/div><br \/>\n<span class=\"su-dropcap su-dropcap-style-default\" style=\"font-size:1.5em\">T<\/span>o many, time-based media is simply applying a time line to still imagery. This could not be further from the truth.&nbsp; While there is some truth to the fact that a time line makes the images move forward (and is actually the original intent of what used to be referred to as &#8220;motion pictures&#8221;), a whole new sub-culture of psychological and cognitive research has arisen to study the impact &#8216;moving images&#8217; has on communicating and learning.<\/p>\n<p>My first comment to you is that if a picture is worth a thousand words, then the value of moving pictures is exponentially more.<\/p>\n<p>Moving pictures has a rich history of inventions and mechanized devices that were invented simply to be able to present viewers with pictures that move.<br \/>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div><\/p>\n<h3>Flip Books<\/h3>\n<p>Wikipedia has a pretty good introduction to the flip book, one of the first non-mechanical attempts to bring moving images to life:&#8217;<a href=\"http:\/\/en.wikipedia.org\/wiki\/Flip_book\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/en.wikipedia.org\/wiki\/Flip_book<\/a>. These were the first ideas folks had when dreaming up the idea of cartoons.<\/p>\n<ul>\n<li>Here is an example of a flip book: a fun and exemplary video:[one_third]&#8230;[\/one_third][one_third]\n\t\t\t\t<script type='text\/javascript'>\n\t\t\t\tif (typeof jQuery == 'undefined') { document.write('<script type=\"text\/javascript\" src=\"https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/mediaelement\/build\/jquery.js\"><\\\/script>'); }\t\n\t\t\t\t<\/script>\n<style>.mejs-inner img { max-width:100%; max-height:100%; margin:0 ; padding:0 } \n\t\t\t\t.mejs-overlay-button, .mejs-overlay-loading  {display:none;}<\/style>\n\n\t\t\t\t<script type='text\/javascript' src='https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/mediaelement\/build\/mediaelement-and-player.min.js'><\/script>\n\t\t\t\t<link rel='stylesheet' href='https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/mediaelement\/build\/mediaelementplayer.mod.css' \/>\n\t\t\t\t<!-- due to the bug - IE8 does not show video -->\n\t\t\t\t<!--[if IE 8]>\n\n<style> .me-plugin { position: static; } <\/style>\n\n<![endif]-->\n\t\t\t\t\n<div style='padding:0;margin:0; border:0;'><video  id='hana_flv_media_1'  src='http:\/\/rkenny.org\/6209\/Gangnam_Style_flipbook_480x360.flv' width='400' height='300'  \n\tpreload='true'     controls='controls' >\t<object width=\"400\" height=\"300\" type=\"application\/x-shockwave-flash\" data=\"https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/mediaelement\/build\/flashmediaelement.swf\"><param name=\"movie\" value=\"https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/mediaelement\/build\/flashmediaelement.swf\" \/><param name=\"flashvars\" value=\"controls=true&amp;file=http:\/\/rkenny.org\/6209\/Gangnam_Style_flipbook_480x360.flv&amp;poster=\" \/><\/object><\/video><\/div>\n\n<script type='text\/javascript'>\n\n\t\t\t\tjQuery('#hana_flv_media_1').mediaelementplayer({ pauseOtherPlayers: false , pluginType:'youtube'   });\n\t\t\t\t<\/script>[\/one_third][one_third_last]...[\/one_third_last]<\/li>\n<\/ul>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div>\n<p>We have assembled some interesting site for you to visit to explore this interesting world of the history of film and video:<\/p>\n<h3>Kinetoscope<\/h3>\n<p>One of the earliest mechanized 'projectors' was the kinetoscope. Again, Wikipedia comes to the rescue to introduce us:<\/p>\n<p><a href=\"http:\/\/en.wikipedia.org\/wiki\/Kinetoscope\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/en.wikipedia.org\/wiki\/Kinetoscope<\/a><\/p>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div>\n<h3>Optical Toys<\/h3>\n<p>Here is a site specifically created to introduce you to some of the more interesting 'toys' that have been created over the years:<\/p>\n<p>The toys found on the link below are the genesis of motion pictures. They are, in effect, single frame animations like a modern movie cartoon. A series of still images, each showing a slightly different phase of a movement or two images to be combined are presented to us in rapid succession with some kind of \"shutter\" effect between the images. The \"shutter\" can be a slot in a drum, a mirror surface, or images on different pages or sides of a the moving object.<\/p>\n<h4>Jack and Beverly's Optical Toys: &nbsp;&nbsp; <a href=\"http:\/\/brightbytes.com\/collection\/toys.html\" target=\"_Blank\">http:\/\/brightbytes.com\/collection\/toys.html<\/a><\/h4>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div>\n<h3>Devices of Wonder Website:<\/h3>\n<p><a href=\"http:\/\/www.getty.edu\/art\/exhibitions\/devices\/choice.html\" target=\"_blank\" rel=\"noopener noreferrer\"> http:\/\/www.getty.edu\/art\/exhibitions\/devices\/choice.html<\/a><\/p>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div>\n<h3>Zoetrope\/Kinestasis<\/h3>\n<p><strong>Wikipedia:<\/strong><a href=\"http:\/\/en.wikipedia.org\/wiki\/Zoetrope\">http:\/\/en.wikipedia.org\/wiki\/Zoetrope<\/a><\/p>\n<p>Ok, ok, we now go back in time to the zoetrope. I do this because the zoetrope is the precursor to the concept of '<a href=\"http:\/\/dsudesign.wordpress.com\/tag\/kinestasis\/\" target=\"_blank\" rel=\"noopener noreferrer\">kinestasis<\/a>' using the psychological factor of persistence of vision that produces an illusion of action from a rapid succession of static pictures. Kinestasis evolved into a whole new sub-culture of film making, first made famous by Chuck Braverman, who introduced America to the concept with his famous \"American Time Capsule\" presenting the history of the United States in 4 minutes (up to that time) that played on the Smothers Brothers Comedy Hour back in the early 1970s. Played to a single drum beat, this work creates an intriguing view of America that epitomizes the the anti-war sentiment during a tumultuous time in our recent history:<\/p>\n<p>[one_third]...[\/one_third][one_third]<script type='text\/javascript' src='https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/flowplayer3\/example\/flowplayer-3.2.6.min.js'><\/script>\n<div >\n<div id='hana_flv_flow3_1' style='display:block;width:360px;height:240px;background-color:#555555;color:#ffffff;padding:0' title=\"*Video:american time capsule video\"><\/div>\n<\/div>\n\n<script  type='text\/javascript'>\nif (typeof g_hanaFlash !== 'undefined' && !g_hanaFlash){\n    jQuery('#hana_flv_flow3_1').css( 'padding', '5px' );\n\tjQuery('#hana_flv_flow3_1').html(\"<span class='inactive_message' style='display:block'>Sorry, your browser does not support Flash Video Player<\/span> *Video:american time capsule video\");\n}else{\t\t\t\n\t\tflowplayer('hana_flv_flow3_1', { src: 'https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/flowplayer3\/flowplayer-3.2.7.swf', wmode: 'transparent' }, { \n\n\t\t\tcanvas: { backgroundColor: '#000000', backgroundGradient: 'none',},\n    \t\tclip:  { \n    \t\t\turl: 'http:\/\/rkenny.org.\/shared_media\/timeb.flv',\n        \t\tscaling: 'scale', autoPlay: false, autoBuffering: true \n\n\t        }\n\n\t\t});\n}\n<\/script>[\/one_third][one_third_last]...[\/one_third_last]<\/p>\n<p>Braverman's work inspired many others to follow. In particular is Jeff Schur who made several videos using the kinestasis effect. Note that the pictures do not even have to be related to create the sense of movement. This video is merely a collection of miscellaneous images that xxx collected throughout his life and which he imposed in the background to create a wonderful a story about his life. This video is called interestingly enough, \"Milk of Amnesia\"<\/p>\n<p>[one_third]...[\/one_third][one_third]\n<div >\n<div id='hana_flv_flow3_2' style='display:block;width:360px;height:240px;background-color:#555555;color:#ffffff;padding:0' title=\"*Video:milk of amnesia video\"><\/div>\n<\/div>\n\n<script  type='text\/javascript'>\nif (typeof g_hanaFlash !== 'undefined' && !g_hanaFlash){\n    jQuery('#hana_flv_flow3_2').css( 'padding', '5px' );\n\tjQuery('#hana_flv_flow3_2').html(\"<span class='inactive_message' style='display:block'>Sorry, your browser does not support Flash Video Player<\/span> *Video:milk of amnesia video\");\n}else{\t\t\t\n\t\tflowplayer('hana_flv_flow3_2', { src: 'https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/flowplayer3\/flowplayer-3.2.7.swf', wmode: 'transparent' }, { \n\n\t\t\tcanvas: { backgroundColor: '#000000', backgroundGradient: 'none',},\n    \t\tclip:  { \n    \t\t\turl: 'http:\/\/rkenny.org.\/shared_media\/milkamnesia.flv',\n        \t\tscaling: 'scale', autoPlay: false, autoBuffering: true \n\n\t        }\n\n\t\t});\n}\n<\/script>[\/one_third]...[one_third_last]...[\/one_third_last]<\/p>\n<p><span style=\"color: #800000;\"><strong>Please pay attention to this information of kinestasis filming. Your first video project will be to create one of your on using photos\/clip art you create in Photoshop.<\/strong><\/span><\/p>\n<p>Not to discourage you or anything but I wanted to show you an amazing video created by one of my former students. This was his first video project ever. I had asked my students to produce a video of current events. The video needed to contain at least 30 seconds of kinestasis. This student took it to heart and did a powerful production about the 9\/11 attack. Note that every one of the newspaper headlines was from a totally different newspaper!<\/p>\n<p>[one_third]...[\/one_third][one_third]\n<div >\n<div id='hana_flv_flow3_3' style='display:block;width:360px;height:240px;background-color:#555555;color:#ffffff;padding:0' title=\"*Video:milk of amnesia video\"><\/div>\n<\/div>\n\n<script  type='text\/javascript'>\nif (typeof g_hanaFlash !== 'undefined' && !g_hanaFlash){\n    jQuery('#hana_flv_flow3_3').css( 'padding', '5px' );\n\tjQuery('#hana_flv_flow3_3').html(\"<span class='inactive_message' style='display:block'>Sorry, your browser does not support Flash Video Player<\/span> *Video:milk of amnesia video\");\n}else{\t\t\t\n\t\tflowplayer('hana_flv_flow3_3', { src: 'https:\/\/emeclasses.org\/wp-content\/plugins\/hana-flv-player\/flowplayer3\/flowplayer-3.2.7.swf', wmode: 'transparent' }, { \n\n\t\t\tcanvas: { backgroundColor: '#000000', backgroundGradient: 'none',},\n    \t\tclip:  { \n    \t\t\turl: 'http:\/\/rkenny.org.\/shared_media\/americawescott.flv',\n        \t\tscaling: 'scale', autoPlay: false, autoBuffering: true \n\n\t        }\n\n\t\t});\n}\n<\/script>[\/one_third][one_third_last]...[\/one_third_last]<\/p>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div>\n<h3>Digging Deeper<\/h3>\n<ul>\n<li><a href=\"http:\/\/www.time-basedmedia.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Time Based Media Resource Site <\/a><\/li>\n<li><a href=\"https:\/\/frames-per-second.appspot.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Frames per second:<\/a> How fast\/slow does the framing have to proceed in order to appear like the still images are 'moving'? (hint: anything over 15 frames per second seems to work.. but 24 (for color slides) is the stated minimum)<\/li>\n<\/ul>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:3px;border-color:#999999\"><a href=\"#\" style=\"color:#999999\">Go to top<\/a><\/div>\n<h3>Animation Fun<\/h3>\n<p>Animation has evolved into much more than simple Flip books.. it can be interactive. Here is a short video found on You Tube that demonstrates an animated music score:<\/p>\n<p><iframe loading=\"lazy\" title=\"Stravinsky, Rite of Spring (complete), animated graphical score\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/5IXMpUhuBMs\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h3>Segue: Importance of Storyboards<\/h3>\n<p>So where is all of this leading to? You guessed it.. storyboards! Ok, ok this is giant leap. But seriously, one of the things you need to be aware of is that you cannot create a good video or animation without designing them. Many students tend to treat this part of the assignment as something they do not like to do and complete the storyboard AFTER the video is completed. Kind of like doing your outline after you've written your term paper.. or as they say in the military... <strong>READY-SHOOT-AIM<\/strong><\/p>\n<p>In other words, you can do a great project by either getting lucky or having a plan. Frankly, I prefer the latter. So we need to go into this part of the process later on during the term. Your job, then, is look at all of this with the hope that it will help you with that lesson on story boarding. The great thing about all of this is that we can actually utilize what we learned in Photoshop to help us create the storyboards. In that lesson we will cover the use of still imagery as our basic slide show. You do not have to be an artist to create the visuals. But the process of organizing your thoughts is critical to creating a great video... onward!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>o many, time-based media is simply applying a time line to still imagery. This could not be further from the truth.&nbsp; While there is some truth to the fact that a time line makes the images move forward (and is actually the original intent of what used to be referred to as &#8220;motion pictures&#8221;), a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[97],"tags":[],"class_list":["post-19855","post","type-post","status-publish","format-standard","hentry","category-fgcu-eme-6209-tech-training"],"_links":{"self":[{"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/posts\/19855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emeclasses.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19855"}],"version-history":[{"count":10,"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/posts\/19855\/revisions"}],"predecessor-version":[{"id":44762,"href":"https:\/\/emeclasses.org\/index.php?rest_route=\/wp\/v2\/posts\/19855\/revisions\/44762"}],"wp:attachment":[{"href":"https:\/\/emeclasses.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19855"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emeclasses.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=19855"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emeclasses.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=19855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}