<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>Inventing Interactive &#187; Present</title> <atom:link href="http://www.inventinginteractive.com/category/present/feed/" rel="self" type="application/rss+xml" /><link>http://www.inventinginteractive.com</link> <description>Past, Present, and Future.</description> <lastBuildDate>Thu, 02 Feb 2012 13:17:20 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Is the Auto Industry Awful?</title><link>http://www.inventinginteractive.com/2012/01/31/is-the-auto-industry-awful/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=is-the-auto-industry-awful</link> <comments>http://www.inventinginteractive.com/2012/01/31/is-the-auto-industry-awful/#comments</comments> <pubDate>Tue, 31 Jan 2012 12:44:19 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Future]]></category> <category><![CDATA[Present]]></category> <category><![CDATA[automotive]]></category> <category><![CDATA[BMW]]></category> <category><![CDATA[future interfaces]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3789</guid> <description><![CDATA[FastCompany recently posted a insightful analysis, definitely worth a read, of the challenges the auto industry faces as they work to embrace consumer electronics and other ditigal trends. The title begins &#8220;Cars Are Horrible Mobile Tech Devices&#8230;&#8221; and details the root of the problem: &#8220;Fast as they they may go, automobiles are some of the slowest-moving mobile devices in the industry, plagued by fragmented software ecosystems, unwelcoming development environments, and old-world product cycles.&#8221; Last year,...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2012/01/31/is-the-auto-industry-awful/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2012/01/bmw_concept.png"><img
class="alignnone size-medium wp-image-3794" title="bmw_concept" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/bmw_concept-436x236.png" alt="" width="436" height="236" /></a></p><p>FastCompany recently posted a <a
href="http://www.fastcompany.com/1805641/why-cars-the-worlds-worst-mobile-devices-are-hurting-music-services-like-spotify-pandora">insightful analysis</a>, definitely worth a read, of the challenges the auto industry faces as they work to embrace consumer electronics and other ditigal trends. The title begins &#8220;Cars Are Horrible Mobile Tech Devices&#8230;&#8221; and details the root of the problem:</p><blockquote><p>&#8220;Fast as they they may go, automobiles are some of the slowest-moving mobile devices in the industry, plagued by fragmented software ecosystems, unwelcoming development environments, and old-world product cycles.&#8221;</p></blockquote><p>Last year, Near Future Laboratory did a great post entitled <a
href="http://nearfuturelaboratory.com/2010/11/28/the-interaction-interface-design-car-wreck/">The Interaction &amp; Interface Design Car Wreck</a> that gave some examples of awful interface design in current and upcoming cars. And a <a
href="http://smallsurfaces.com/2011/08/ford-customer-satisfaction-plummets-due-to-bad-ui/">report</a> that &#8220;Ford cars dropped from 5th to 23rd in JD Power’s customer satisfaction survey primarily due to a complex and hard to use in-car digital UI&#8221; is an urgent call to action.</p><p>The industry works at moving forward,  obviously aware of customer needs, but having to work within the confines of their bureaucracies, histories, structures.</p><p>My previous job was at <a
href="http://www.designworksusa.com/">DesignworksUSA</a>, a BMW Group company. One project that the studio was involved in was a collaboration with the <a
href="http://bmw-i.com">BMW i</a> design team on the interface experience of the i3 and i8 concept cars, as well as the BMW <a
href="http://www.visionconnecteddrive.de/">Vision ConnectedDrive</a> showcar. The projects were big, and involved a lot of very smart and talented people.</p><p>I&#8217;d love to share more details and insights but, to avoid any potential violation of confidential information, I&#8217;ll just post a couple glimpses at these without any additional commentary. But&#8230; I will say that I believe that BMW has an incredible design team, and their attention to detail is unsurpassed.</p><p><object
width="436" height="251" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/tmHRS72KuLA?version=3&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
width="436" height="251" type="application/x-shockwave-flash" src="http://www.youtube.com/v/tmHRS72KuLA?version=3&amp;hl=en_US&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p><p><object
width="436" height="325" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/frQIdZoMlqw?version=3&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
width="436" height="325" type="application/x-shockwave-flash" src="http://www.youtube.com/v/frQIdZoMlqw?version=3&amp;hl=en_US&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p><p><object
width="436" height="325" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/v9znVq8yqMc?version=3&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
width="436" height="325" type="application/x-shockwave-flash" src="http://www.youtube.com/v/v9znVq8yqMc?version=3&amp;hl=en_US&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p><p><object
width="436" height="245" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowfullscreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://vimeo.com/moogaloop.swf?clip_id=21481951&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed
width="436" height="245" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id=21481951&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowfullscreen="true" allowscriptaccess="always" /></object></p><p><object
width="436" height="245" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowfullscreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://vimeo.com/moogaloop.swf?clip_id=26760875&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed
width="436" height="245" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id=26760875&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowfullscreen="true" allowscriptaccess="always" /></object></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2012/02/02/rear-windows/" rel="bookmark" title="Rear Windows"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/gm_interactive_2-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Windows of Opportunity" title="gm_interactive_2" /></a></div><div> <a
href="http://www.inventinginteractive.com/2012/02/02/rear-windows/" rel="bookmark" >Rear Windows</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2012/01/31/is-the-auto-industry-awful/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The metaLAB</title><link>http://www.inventinginteractive.com/2012/01/30/the-metalab/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-metalab</link> <comments>http://www.inventinginteractive.com/2012/01/30/the-metalab/#comments</comments> <pubDate>Mon, 30 Jan 2012 12:53:15 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Present]]></category> <category><![CDATA[design research]]></category> <category><![CDATA[Harvard]]></category> <category><![CDATA[metaLAB]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3765</guid> <description><![CDATA[I just discovered (via LSD) the metaLAB at Harvard &#8212; and it looks fascinating. The lab is &#8220;dedicated to exploring the frontiers and overlooked histories of networked culture in the arts and humanities.&#8221; And their six research themes are super-cool: the animation of archives, artifactual knowledge, augmented exhibitions, cultural genomics, documentary arts + media innovation, and thick mapping. I&#8217;m only just starting to go through the site and all the places it links to. For example,...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2012/01/30/the-metalab/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2012/01/logos.png"><img
class="alignnone size-medium wp-image-3768" title="logos" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/logos-436x291.png" alt="" width="436" height="291" /></a><br
/> I just discovered (via <a
href="http://www.lsd-studio.net/">LSD</a>) the <a
href="http://metalab.harvard.edu/">metaLAB</a> at Harvard &#8212; and it looks fascinating. The lab is &#8220;dedicated to exploring the frontiers and overlooked histories of networked culture in the arts and humanities.&#8221; And their <a
href="http://metalab.harvard.edu/research/">six research themes</a> are super-cool: the animation of archives, artifactual knowledge, augmented exhibitions, cultural genomics, documentary arts + media innovation, and thick mapping.</p><p>I&#8217;m only just starting to go through the site and all the places it links to. For example, course <a
href="http://mixedrealitycity.org/">DES 03448: The Mixed-Reality City</a> is using <a
href="http://zeega.org/">Zeega</a>, a tool that the lab is also developing for creating interactive documentaries, open archives and inventing new forms of storytelling. There&#8217;s a worth-following <a
href="http://metalab.harvard.edu/archives/">blog</a>. And they&#8217;re one of six finalists as part of the Beta Sprint competition of the <a
href="http://dp.la/">Digital Public Library of America</a>.</p><p>There&#8217;s definitely an academic orientation to it all &#8212; so some of the work may not seem immediately applicable. But that&#8217;s what makes the design research so important&#8230; it asks questions that we sometimes forget to ask. I want to know more!</p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2012/01/research_areas.png"><img
class="alignnone size-medium wp-image-3769" title="research_areas" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/research_areas-436x478.png" alt="" width="436" height="478" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2012/01/zeega.png"><img
class="alignnone size-medium wp-image-3770" title="zeega" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/zeega-436x197.png" alt="" width="436" height="197" /></a></p> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2012/01/30/the-metalab/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Yayoi Kusama</title><link>http://www.inventinginteractive.com/2012/01/09/yayoi-kusama/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=yayoi-kusama</link> <comments>http://www.inventinginteractive.com/2012/01/09/yayoi-kusama/#comments</comments> <pubDate>Mon, 09 Jan 2012 19:22:53 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Present]]></category> <category><![CDATA[art]]></category> <category><![CDATA[gallery]]></category> <category><![CDATA[installation]]></category> <category><![CDATA[Kayoi Kusama]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3719</guid> <description><![CDATA[A couple months ago, while in Paris, I saw a fascinating exhibition of work by Yayoi Kusama. Much of her work has a hallucinatory quality &#8212; of obliteration and making things (especially herself) disappear. And it was her dot-room and light installations that I thought were particularly beautiful and amazing. She recently completed an installation at the Queensland Art Gallery entitled The Obliterated Room. It&#8217;s a a very simple interaction (and without any technology &#8212;...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2012/01/09/yayoi-kusama/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<div
id="attachment_3721" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2012/01/detail6591809807_67e852f7a0_o_0.jpg"><img
class="size-medium wp-image-3721" title="detail6591809807_67e852f7a0_o_0" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/detail6591809807_67e852f7a0_o_0-436x297.jpg" alt="" width="436" height="297" /></a><p
class="wp-caption-text">The Obliteration Room</p></div><p>A couple months ago, while in Paris, I saw a fascinating <a
href="http://www.centrepompidou.fr/Pompidou/Manifs.nsf/0/4F8E5815BF637B0CC125782500325246?OpenDocument&amp;sessionM=2.2.1&amp;L=2">exhibition</a> of work by <a
href="http://en.wikipedia.org/wiki/Yayoi_Kusama">Yayoi Kusama</a>. Much of her work has a hallucinatory quality &#8212; of obliteration and making things (especially herself) disappear. And it was her dot-room and light installations that I thought were particularly beautiful and amazing.</p><div
id="attachment_3722" class="wp-caption alignnone" style="width: 410px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2012/01/dining_020.jpg"><img
class="size-full wp-image-3722" title="dining_020" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/dining_020.jpg" alt="" width="400" height="267" /></a><p
class="wp-caption-text">Dining room</p></div><div
id="attachment_3723" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2012/01/light_room.jpg"><img
class="size-medium wp-image-3723" title="light_room" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/light_room-436x583.jpg" alt="" width="436" height="583" /></a><p
class="wp-caption-text">Lights room</p></div><p>She recently completed an installation at the Queensland Art Gallery entitled <a
href="http://interactive.qag.qld.gov.au/looknowseeforever/works/obliteration_room/">The Obliterated Room</a>. It&#8217;s a a very simple interaction (and without any technology &#8212; so maybe it doesn&#8217;t really belong on this blog?) where visitors apply colored dot stickers to a white-painted room. I love the way the audience&#8217;s participation builds the work, initially showing the contributions and personalities of the individual participants, until eventually it&#8217;s an abstract, otherworldly, space.</p><div
id="attachment_3724" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2012/01/obliterationroom2011_full_0.jpg"><img
class="size-medium wp-image-3724" title="obliterationroom2011_full_0" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/obliterationroom2011_full_0-436x290.jpg" alt="" width="436" height="290" /></a><p
class="wp-caption-text">The Obliteration Room (part-way obliterated)</p></div><p>The museum has also created an <a
href="http://qag.qld.gov.au/kids/games_for_kids">interactive game</a> for kids based on the piece. It&#8217;s not really noteworthy, but it is the closest this post will get to the digital <img
src='http://www.inventinginteractive.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><div
id="attachment_3725" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2012/01/dots_game.png"><img
class="size-medium wp-image-3725" title="dots_game" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/dots_game-436x268.png" alt="" width="436" height="268" /></a><p
class="wp-caption-text">Obliteration game</p></div><p><em>(Link via <a
href="http://www.creativereview.co.uk/cr-blog/2012/january/obliteration-room-dots">Creative Review</a>.)</em></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/03/31/interview-david-small/" rel="bookmark" title="Interview: David Small"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/03/pledgewall_02-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="pledgewall_02" title="pledgewall_02" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/03/31/interview-david-small/" rel="bookmark" >Interview: David Small</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/09/23/vampires-and-night-birds/" rel="bookmark" title="Vampires and Night Birds"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/09/night_bright_1-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="night_bright_1" title="night_bright_1" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/09/23/vampires-and-night-birds/" rel="bookmark" >Vampires and Night Birds</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/05/26/iphone-art/" rel="bookmark" title="iPhone Art"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/05/fragmentalstorm-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Exonemo, Fragmental Storm, 2010" title="fragmentalstorm" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/05/26/iphone-art/" rel="bookmark" >iPhone Art</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2012/01/09/yayoi-kusama/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Immersive Films</title><link>http://www.inventinginteractive.com/2011/12/12/immersive-films/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=immersive-films</link> <comments>http://www.inventinginteractive.com/2011/12/12/immersive-films/#comments</comments> <pubDate>Mon, 12 Dec 2011 17:54:45 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Future]]></category> <category><![CDATA[Present]]></category> <category><![CDATA[holodeck]]></category> <category><![CDATA[projection mapping]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3700</guid> <description><![CDATA[I recently posted a link about research leading to creating a real-world holodeck. So it was interesting to discover these three films, created for Sony, which showed another technique for creating immersive experiences. Sony&#8217;s &#8220;trick&#8221; is to use projection mapping &#8212; which normally looks best from just a single static view point. They made the environment more flexible by attaching a PlayStation Move to the camera, so that as the camera moved, the projection adjusted...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/12/12/immersive-films/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/12/room.png"><img
class="alignnone size-medium wp-image-3702" title="room" src="http://www.inventinginteractive.com/wp-content/uploads/2011/12/room-436x237.png" alt="" width="436" height="237" /></a></p><p>I recently posted a <a
href="http://www.inventinginteractive.com/2011/11/16/digital-natives/">link</a> about research leading to creating a real-world holodeck. So it was interesting to discover these three films, created for Sony, which showed another technique for creating immersive experiences.</p><p>Sony&#8217;s &#8220;trick&#8221; is to use projection mapping &#8212; which normally looks best from just a single static view point. They made the environment more flexible by attaching a PlayStation Move to the camera, so that as the camera moved, the projection adjusted accordingly. Probably for the person in these films, things looked a bit distorted, but the next step could be to attach the Move to the viewer, rather than the camera. In that case, it really would feel like you&#8217;re in the film.</p><p>More info on <a
href="http://greatfilmsfillrooms.com">Great films fill rooms</a>.</p><p><object
width="436" height="251" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/VrgWH1KUDt4?version=3&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
width="436" height="251" type="application/x-shockwave-flash" src="http://www.youtube.com/v/VrgWH1KUDt4?version=3&amp;hl=en_US&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p><p><object
width="436" height="251" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/N_cKsOe7hLI?version=3&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
width="436" height="251" type="application/x-shockwave-flash" src="http://www.youtube.com/v/N_cKsOe7hLI?version=3&amp;hl=en_US&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p><p><object
width="436" height="251" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/HQ1KaYEBe5U?version=3&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
width="436" height="251" type="application/x-shockwave-flash" src="http://www.youtube.com/v/HQ1KaYEBe5U?version=3&amp;hl=en_US&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p><p><em>(Link via <a
href="http://www.rubbishcorp.com/19137/">Rubbishcorp</a> and <a
href="http://berglondon.com/blog/2011/12/09/week-links/">Berg</a>.)</em></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/05/25/seeper-and-projection-mapping/" rel="bookmark" title="Seeper and Projection Mapping"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/05/ovi1-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="ovi1" title="ovi1" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/05/25/seeper-and-projection-mapping/" rel="bookmark" >Seeper and Projection Mapping</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/05/17/handheld-projectors/" rel="bookmark" title="Handheld Projectors"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/05/sixthsense4-100x70.png" class="attachment-related_thumb wp-post-image" alt="SixthSense: Newspaper showing live video news" title="sixthsense4" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/05/17/handheld-projectors/" rel="bookmark" >Handheld Projectors</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/11/16/digital-natives/" rel="bookmark" title="Digital Natives"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/11/tvscreen-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="tvscreen" title="tvscreen" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/11/16/digital-natives/" rel="bookmark" >Digital Natives</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/12/12/immersive-films/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Lines</title><link>http://www.inventinginteractive.com/2011/12/01/lines/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=lines</link> <comments>http://www.inventinginteractive.com/2011/12/01/lines/#comments</comments> <pubDate>Fri, 02 Dec 2011 00:16:41 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Present]]></category> <category><![CDATA[annotation]]></category> <category><![CDATA[journalism]]></category> <category><![CDATA[news]]></category> <category><![CDATA[serendipity]]></category> <category><![CDATA[The Cafe Society]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3690</guid> <description><![CDATA[I love the idea of annotation. To be able to add layers of history and interpretations and notes and all sorts of other layers onto a text (or image, or video, or whatever). It&#8217;s a great way show sources to ideas, or links to other thoughts. The challenge, always, is giving access to these annotations in a way that&#8217;s natural, doesn&#8217;t let you loose your place in the original core, and helps you understand the...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/12/01/lines/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/12/Screen-Shot-2011-10-27-at-17.55.08-640x357.png"><img
class="alignnone size-medium wp-image-3691" title="Screen-Shot-2011-10-27-at-17.55.08-640x357" src="http://www.inventinginteractive.com/wp-content/uploads/2011/12/Screen-Shot-2011-10-27-at-17.55.08-640x357-436x243.png" alt="" width="436" height="243" /></a></p><p>I love the idea of annotation. To be able to add layers of history and interpretations and notes and all sorts of other layers onto a text (or image, or video, or whatever). It&#8217;s a great way show sources to ideas, or links to other thoughts. The challenge, always, is giving access to these annotations in a way that&#8217;s natural, doesn&#8217;t let you loose your place in the original core, and helps you understand the relationships between all the elements. (Right now I&#8217;m thinking about footnotes in books, or appendices in books, which can be more a burden and distraction &#8212; as it&#8217;s so hard to keep the context of where you came from in your mind.)</p><p><a
href="http://lines.thecafesociety.org/">Lines</a>, a really interesting project from <a
href="http://thecafesociety.org">The Cafe Society</a>, is an examination of this situation. Lines is based on writing techniques used in medieval times where they used empty areas on a page, around the source text, to make their annotations. They&#8217;ve built a tool that lets you build fairly complex relationships between a wide range of ideas and sources. And it looks beautiful.</p><p>But as I watch their videos I get a little confused about what this tool actually offers. This may be because there is an emphasis on the features of the tool, rather than the bigger ideas. And many of their examples aren&#8217;t in English. But there&#8217;s something there which is exciting, and full of potential. It&#8217;s worth investigating further &#8212; and that&#8217;s on my to-do list. <img
src='http://www.inventinginteractive.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> And I&#8217;d love to see how a set of &#8220;lines&#8221; might connect to other sets &#8212; to show relationships between different sources, and spark serendipitous discovery.</p><p><object
width="436" height="245" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowfullscreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://vimeo.com/moogaloop.swf?clip_id=27660313&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=EEEEEE&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed
width="436" height="245" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id=27660313&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=EEEEEE&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowfullscreen="true" allowscriptaccess="always" /></object></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/12/lines05-640x336.png"><img
class="alignnone size-medium wp-image-3692" title="lines05-640x336" src="http://www.inventinginteractive.com/wp-content/uploads/2011/12/lines05-640x336-436x228.png" alt="" width="436" height="228" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/12/lines06-640x336.png"><img
class="alignnone size-medium wp-image-3693" title="lines06-640x336" src="http://www.inventinginteractive.com/wp-content/uploads/2011/12/lines06-640x336-436x228.png" alt="" width="436" height="228" /></a></p><p><em>(Link via <a
href="http://www.creativeapplications.net/webapp/lines-webapp/">CreativeApplications.net</a>.)</em></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/04/25/cascade/" rel="bookmark" title="Cascade"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/04/ca_tweetfocus-100x70.png" class="attachment-related_thumb wp-post-image" alt="ca_tweetfocus" title="ca_tweetfocus" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/04/25/cascade/" rel="bookmark" >Cascade</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/04/05/ipad-apps-the-future-of-journalism/" rel="bookmark" title="iPad Apps: The Future of Journalism?"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/04/news_collage-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="news_collage" title="news_collage" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/04/05/ipad-apps-the-future-of-journalism/" rel="bookmark" >iPad Apps: The Future of Journalism?</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/12/09/wikileaks/" rel="bookmark" title="Wikileaks"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/12/spiegel_crop-100x70.png" class="attachment-related_thumb wp-post-image" alt="spiegel_crop" title="spiegel_crop" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/12/09/wikileaks/" rel="bookmark" >Wikileaks</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/12/01/lines/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Digital Natives</title><link>http://www.inventinginteractive.com/2011/11/16/digital-natives/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=digital-natives</link> <comments>http://www.inventinginteractive.com/2011/11/16/digital-natives/#comments</comments> <pubDate>Thu, 17 Nov 2011 00:40:25 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Future]]></category> <category><![CDATA[Present]]></category> <category><![CDATA[Chris O'Shea]]></category> <category><![CDATA[digital native]]></category> <category><![CDATA[holodeck]]></category> <category><![CDATA[kids]]></category> <category><![CDATA[Microsoft Research]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3682</guid> <description><![CDATA[I&#8217;ve heard the term digital native a lot, and the idea of them &#8212; kids that have grown up with digital technology and for whom it&#8217;s a natural part of the world. But there&#8217;s a even stronger implication: that they understand it so deeply that they view the world fundamentally different than non-natives. This video (linked in a post full of great links by Chris O&#8217;Shea) really brought that idea to life. Fascinating and terrifying....<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/11/16/digital-natives/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/11/tvscreen.jpg"><img
class="alignnone size-medium wp-image-3683" title="tvscreen" src="http://www.inventinginteractive.com/wp-content/uploads/2011/11/tvscreen-436x290.jpg" alt="" width="436" height="290" /></a></p><p>I&#8217;ve heard the term <a
href="http://en.wikipedia.org/wiki/Digital_native">digital native</a> a lot, and the idea of them &#8212; kids that have grown up with digital technology and for whom it&#8217;s a natural part of the world. But there&#8217;s a even stronger implication: that they understand it so deeply that they view the world fundamentally different than non-natives.</p><p>This video (linked in <a
href="http://www.chrisoshea.org/blog/playful-2011">a post</a> full of great links by Chris O&#8217;Shea) really brought that idea to life.</p><p><object
width="436" height="251" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/aXV-yaFmQNk?version=3&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
width="436" height="251" type="application/x-shockwave-flash" src="http://www.youtube.com/v/aXV-yaFmQNk?version=3&amp;hl=en_US&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p><p>Fascinating and terrifying.</p><p>Chris also linked to an interesting article, <a
href="http://www.wired.co.uk/news/archive/2011-09/15/daughter-reimagines-interactive-tv">reimagining interactive TV</a>, where the author writes about his daughter and her confusion that she can&#8217;t drag content from her TV to her bed. The expectation that digital and the real world are fluid.</p><p>This video (via <a
href="http://techcrunch.com/2011/11/01/more-mind-blowing-real-world-kinect-interaction-from-microsoft-research/">TechCrunch</a>) from Microsoft Research shows that researchers are actually working on technolgy that could make such a scenario possible &#8212; a kind of holodeck merged with the real world.</p><p><object
width="435" height="295" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/frGEzlrhve0?version=3&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
width="435" height="295" type="application/x-shockwave-flash" src="http://www.youtube.com/v/frGEzlrhve0?version=3&amp;hl=en_US&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p><p>Super exciting and cool.</p><p>Where will all this lead? To me, it&#8217;s a reminder that what we feed these digital natives will influence the world they choose to build. We have an opportunity to create the new metaphors of interaction, and ways of thinking about (and interacting with) content, that can change the world. Let&#8217;s not pander to kids with dumb digital experiences &#8212; let&#8217;s teach them right.</p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/02/03/decode-digital-design-sensations/" rel="bookmark" title="Decode: Digital Design Sensations"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/02/audience-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Interactivity: Audience, 2008–9. Random International &amp; Chris O&#039;Shea." title="audience" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/02/03/decode-digital-design-sensations/" rel="bookmark" >Decode: Digital Design Sensations</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/12/12/immersive-films/" rel="bookmark" title="Immersive Films"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/12/room-100x70.png" class="attachment-related_thumb wp-post-image" alt="room" title="room" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/12/12/immersive-films/" rel="bookmark" >Immersive Films</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/04/30/glowing-pathfinder-bugs/" rel="bookmark" title="Glowing Pathfinder Bugs"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/04/ppp_03-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="ppp_03" title="ppp_03" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/04/30/glowing-pathfinder-bugs/" rel="bookmark" >Glowing Pathfinder Bugs</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/11/16/digital-natives/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Searching by Drawing</title><link>http://www.inventinginteractive.com/2011/10/17/searching-by-drawing/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=searching-by-drawing</link> <comments>http://www.inventinginteractive.com/2011/10/17/searching-by-drawing/#comments</comments> <pubDate>Mon, 17 Oct 2011 14:11:24 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Present]]></category> <category><![CDATA[Franz Enzenhofer]]></category> <category><![CDATA[Paul Lamere]]></category> <category><![CDATA[search]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3660</guid> <description><![CDATA[How do you search for something if you don&#8217;t have the words to describe it? What are alternate ways to search besides the ubiquitous text box? There are a variety of tools that let you search based on an image. Google Googles lets you use the camera on your mobile phone to do a search for the object it recognizes in the image. Amazon provides similar search functionality to search through its product inventory. Google...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/10/17/searching-by-drawing/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/10/sfmbdapoi.png"><img
src="http://www.inventinginteractive.com/wp-content/uploads/2011/10/sfmbdapoi-436x266.png" alt="" title="sfmbdapoi" width="436" height="266" class="alignnone size-medium wp-image-3661" /></a></p><p>How do you search for something if you don&#8217;t have the words to describe it? What are alternate ways to search besides the ubiquitous text box?</p><p>There are a variety of tools that let you search based on an image. <a
href="http://www.google.com/mobile/goggles">Google Googles</a> lets you use the camera on your mobile phone to do a search for the object it recognizes in the image. Amazon provides similar search functionality to search through its product inventory. <a
href="http://images.google.com">Google image search</a> lets you upload an image (or images) to use as your search. And the results can be refined by adding text keywords. It&#8217;s pretty cool.</p><div
id="attachment_3662" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/10/picsearch1.png"><img
src="http://www.inventinginteractive.com/wp-content/uploads/2011/10/picsearch1-436x369.png" alt="" title="picsearch1" width="436" height="369" class="size-medium wp-image-3662" /></a><p
class="wp-caption-text">Searching based on an uploaded image</p></div><div
id="attachment_3663" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/10/picsearch2.png"><img
src="http://www.inventinginteractive.com/wp-content/uploads/2011/10/picsearch2-436x366.png" alt="" title="picsearch2" width="436" height="366" class="size-medium wp-image-3663" /></a><p
class="wp-caption-text">Refining the search with a keyword</p></div><p>Franz Enzenhofer&#8217;s <a
href="http://search-by-drawing.franz-enzenhofer.com">hack</a> adds a drawing interface on top of it. You do a rough sketch, and the program sends the image to Google image search &#8212; which then shows you images that match what you just drew.</p><p><object
width="436" height="325"><param
name="movie" value="http://www.youtube.com/v/s2r6H1QITAA?version=3&amp;hl=en_US&amp;rel=0"></param><param
name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/s2r6H1QITAA?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="436" height="325" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p>But these are still searches for images. What about searching for other types of things &#8212; less tangible than an image, perhaps emotional or temporal?</p><p>Paul Lamere recently built a really cool hack that lets you <a
href="http://musicmachinery.com/2011/09/25/search-for-music-by-drawing-a-picture-of-it/">search for music by drawing a picture of it</a>. It&#8217;s rough (it was built in less than a day), but the idea is awesome: you draw a loudness profile that you&#8217;re interested in, and the tool returns songs that match it (as well as a more accurate profile of what&#8217;s available in its database). It&#8217;s a way of asking &#8220;what songs start soft gradually build?&#8221; or &#8220;what song starts with a bang and goes out with a whimper?&#8221; This is definitely something I want for my music library!</p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/10/searching1.png"><img
src="http://www.inventinginteractive.com/wp-content/uploads/2011/10/searching1-436x369.png" alt="" title="searching1" width="436" height="369" class="alignnone size-medium wp-image-3664" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/10/searching2.png"><img
src="http://www.inventinginteractive.com/wp-content/uploads/2011/10/searching2-436x369.png" alt="" title="searching2" width="436" height="369" class="alignnone size-medium wp-image-3666" /></a></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/12/21/imageflow-streaming-3d-image-search/" rel="bookmark" title="ImageFlow: Streaming 3D Image Search"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/12/imageflow_right-100x70.png" class="attachment-related_thumb wp-post-image" alt="ImageFlow: Query for &quot;Iron Man&quot;" title="imageflow_right" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/12/21/imageflow-streaming-3d-image-search/" rel="bookmark" >ImageFlow: Streaming 3D Image Search</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/03/30/music-discovery-and-organization/" rel="bookmark" title="Music Discovery and Organization"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/stack_of_cds-100x70.png" class="attachment-related_thumb wp-post-image" alt="stack_of_cds" title="stack_of_cds" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/03/30/music-discovery-and-organization/" rel="bookmark" >Music Discovery and Organization</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/09/22/moodlogic-magnet-browser/" rel="bookmark" title="MoodLogic Magnet Browser"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/09/emoe_grab9-100x70.png" class="attachment-related_thumb wp-post-image" alt="emoe_grab9" title="emoe_grab9" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/09/22/moodlogic-magnet-browser/" rel="bookmark" >MoodLogic Magnet Browser</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/10/17/searching-by-drawing/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Vampires and Night Birds</title><link>http://www.inventinginteractive.com/2011/09/23/vampires-and-night-birds/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=vampires-and-night-birds</link> <comments>http://www.inventinginteractive.com/2011/09/23/vampires-and-night-birds/#comments</comments> <pubDate>Fri, 23 Sep 2011 13:37:27 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Present]]></category> <category><![CDATA[installation]]></category> <category><![CDATA[kids]]></category> <category><![CDATA[reactive wall]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3642</guid> <description><![CDATA[Two interesting wall-sized interactive experiences&#8230; one charming, one kinda terrifying. Night Bright is a new installation by Design I/O. The experience, designed for children, let users explore a nighttime forest, as if moving through it. The system adapts to their movements, and creatures in the forrest hide or come forward in response. It&#8217;s charming and engaging &#8212; and looks like a great way to help kids understand the unique rhythms of the natural forrest. Boo!...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/09/23/vampires-and-night-birds/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<div
id="attachment_3644" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/09/night_bright_1.jpg"><img
class="size-medium wp-image-3644" title="night_bright_1" src="http://www.inventinginteractive.com/wp-content/uploads/2011/09/night_bright_1-436x321.jpg" alt="" width="436" height="321" /></a><p
class="wp-caption-text">Night Bright</p></div><p>Two interesting wall-sized interactive experiences&#8230; one charming, one kinda terrifying.</p><p><a
href="http://design-io.com/site_docs/work.php?id=13">Night Bright</a> is a new installation by Design I/O. The experience, designed for children, let users explore a nighttime forest, as if moving through it. The system adapts to their movements, and creatures in the forrest hide or come forward in response. It&#8217;s charming and engaging &#8212; and looks like a great way to help kids understand the unique rhythms of the natural forrest.</p><p><object
width="436" height="245" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowfullscreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://vimeo.com/moogaloop.swf?clip_id=29193895&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed
width="436" height="245" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id=29193895&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowfullscreen="true" allowscriptaccess="always" /></object></p><p><a
href="http://drii.ensad.fr/spip.php?article67">Boo!</a> on the other hand, is just plain creepy. In its environment, zombies react to visitors&#8217; presence. Zombies are approaching their victim &#8212; but only move forward if visitors turn away or don&#8217;t look. Otherwise there&#8217;s the feeling that they&#8217;re watching you, waiting for your next move.</p><p><object
width="436" height="245" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowfullscreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://vimeo.com/moogaloop.swf?clip_id=18552118&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed
width="436" height="245" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id=18552118&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowfullscreen="true" allowscriptaccess="always" /></object></p><p>Just watching the video of Boo! is enough for me. If I had a choice I&#8217;d prefer the night forest. But both, in their own way, are fascinating engaging, and educational, experiences.</p><p><em>(Both links via <a
href="www.creativeapplications.net">CreativeApplications.Net</a>.)</em></p><div
id="attachment_3645" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/09/boo01.png"><img
class="size-medium wp-image-3645" title="boo01" src="http://www.inventinginteractive.com/wp-content/uploads/2011/09/boo01-436x222.png" alt="" width="436" height="222" /></a><p
class="wp-caption-text">Boo!</p></div><div
id="attachment_3646" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/09/boo06.png"><img
class="size-medium wp-image-3646" title="boo06" src="http://www.inventinginteractive.com/wp-content/uploads/2011/09/boo06-436x245.png" alt="" width="436" height="245" /></a><p
class="wp-caption-text">Boo!</p></div><div
id="attachment_3647" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/09/night_bright_2.jpg"><img
class="size-medium wp-image-3647" title="night_bright_2" src="http://www.inventinginteractive.com/wp-content/uploads/2011/09/night_bright_2-436x290.jpg" alt="" width="436" height="290" /></a><p
class="wp-caption-text">Night Bright</p></div><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2012/01/09/yayoi-kusama/" rel="bookmark" title="Yayoi Kusama"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/detail6591809807_67e852f7a0_o_0-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="The Obliteration Room" title="detail6591809807_67e852f7a0_o_0" /></a></div><div> <a
href="http://www.inventinginteractive.com/2012/01/09/yayoi-kusama/" rel="bookmark" >Yayoi Kusama</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/10/07/iphone-book-phonebook/" rel="bookmark" title="iPhone + Book = PhoneBook"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/09/phone2-100x70.png" class="attachment-related_thumb wp-post-image" alt="Phonebook" title="phone2" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/10/07/iphone-book-phonebook/" rel="bookmark" >iPhone + Book = PhoneBook</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/02/16/la-vitrine-reactive-wall/" rel="bookmark" title="La Vitrine: Reactive Wall"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/02/wall_01-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="wall_01" title="wall_01" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/02/16/la-vitrine-reactive-wall/" rel="bookmark" >La Vitrine: Reactive Wall</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/09/23/vampires-and-night-birds/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Quick Post: Learning to Program</title><link>http://www.inventinginteractive.com/2011/08/26/learning-to-program/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=learning-to-program</link> <comments>http://www.inventinginteractive.com/2011/08/26/learning-to-program/#comments</comments> <pubDate>Fri, 26 Aug 2011 20:46:57 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Present]]></category> <category><![CDATA[Quick]]></category> <category><![CDATA[programming]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3607</guid> <description><![CDATA[A couple recent discoveries about teaching programming. First, an [older but still] interesting post on Learning to Think Like A Programmer and why it&#8217;s important. Next is Codecademy, a really simple, but engaging site, that introduces basic programming concepts in a step-by-step interactive manner. It&#8217;s like having a tutor sit with you as you go through the foundational exercises. And lastly, the nuts, but maybe-it-really-is-important, book HTML for Babies ! Related Posts Visual Programming&#160; Form+Code&#160;...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/08/26/learning-to-program/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/htmlforbabies_prodimage01.jpg"><img
class="alignnone size-medium wp-image-3613" title="htmlforbabies_prodimage01" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/htmlforbabies_prodimage01-436x440.jpg" alt="" width="436" height="440" /></a></p><p>A couple recent discoveries about teaching programming.</p><p>First, an [older but still] interesting post on <a
href="http://infovore.org/archives/2009/01/22/learning-to-think-like-a-programmer">Learning to Think Like A Programmer</a> and why it&#8217;s important.</p><p>Next is <a
href="http://www.codecademy.com">Codecademy</a>, a really simple, but engaging site, that introduces basic programming concepts in a step-by-step interactive manner. It&#8217;s like having a tutor sit with you as you go through the foundational exercises.</p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/codecademy1.jpg"><img
class="alignnone size-medium wp-image-3609" title="codecademy1" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/codecademy1-436x235.jpg" alt="" width="436" height="235" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/codecademy2.jpg"><img
class="alignnone size-medium wp-image-3610" title="codecademy2" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/codecademy2-436x326.jpg" alt="" width="436" height="326" /></a></p><p>And lastly, the nuts, but maybe-it-really-is-important, book <a
href="http://codebabies.com/">HTML for Babies</a> !</p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/htmlforbabies1.jpg"><img
class="alignnone size-medium wp-image-3608" title="htmlforbabies1" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/htmlforbabies1-436x348.jpg" alt="" width="436" height="348" /></a></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/11/04/visual-programming/" rel="bookmark" title="Visual Programming"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/11/impure1-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Impure" title="impure1" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/11/04/visual-programming/" rel="bookmark" >Visual Programming</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/09/06/formcode/" rel="bookmark" title="Form+Code"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/09/form_code_0-100x70.png" class="attachment-related_thumb wp-post-image" alt="form_code_0" title="form_code_0" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/09/06/formcode/" rel="bookmark" >Form+Code</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/01/20/sketching-in-code/" rel="bookmark" title="Sketching in Code"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/01/emow_2009b-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Sketch for MoodLogic Magnet Browser, Triplecode" title="emow_2009b" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/01/20/sketching-in-code/" rel="bookmark" >Sketching in Code</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/08/26/learning-to-program/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Monster Maker</title><link>http://www.inventinginteractive.com/2011/08/24/monster-maker/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=monster-maker</link> <comments>http://www.inventinginteractive.com/2011/08/24/monster-maker/#comments</comments> <pubDate>Wed, 24 Aug 2011 13:57:55 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Present]]></category> <category><![CDATA[Stefan Bucher]]></category> <category><![CDATA[toy]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3592</guid> <description><![CDATA[Almost five years ago, Stefan Bucher started his Daily Monster project. It was a simple beginning &#8212; every day he&#8217;d post a video in which he would create a monster based on an ink splot. Since then he&#8217;s built a mini-empire out of it (in addition to all the amazing stuff he does). His most recent creation is an iPad and iPhone app that lets users create their own monsters. Stefan started his design career...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/08/24/monster-maker/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-iPad-05.png"><img
class="alignnone size-medium wp-image-3596" title="344-app-monster-maker-iPad-05" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-iPad-05-436x335.png" alt="" width="436" height="335" /></a></p><p>Almost five years ago, Stefan Bucher started his <a
href="http://www.dailymonster.com/">Daily Monster</a> project. It was a simple beginning &#8212; every day he&#8217;d post a video in which he would create a monster based on an ink splot. Since then he&#8217;s built a mini-empire out of it (in addition to all the amazing stuff he does). His most recent creation is an iPad and iPhone <a
href="http://itunes.apple.com/us/app/daily-monster/id451102546?ls=1&amp;mt=8">app</a> that lets users create their own monsters.</p><p><object
width="436" height="357" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/IyxZikTl240?version=3&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
width="436" height="357" type="application/x-shockwave-flash" src="http://www.youtube.com/v/IyxZikTl240?version=3&amp;hl=en_US&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p><p>Stefan started his design career as a print designer, so I thought it&#8217;d be interesting to find out what it was like for him to create an interactive piece&#8230;</p><p><strong>Stefan:</strong> Working on the interface of the app was a completely different challenge from what I normally do. It was both fascinating and frustrating to see people struggle with designs that I thought were crystal clear. But I learned a ton from the process.</p><p>Luckily I had the help of my intrepid developer Dominik Wei-Fieg of <a
href="http://www.ars-subtilior.com">Ars Subtilior</a>. To say that he went above and beyond is an understatement. I&#8217;ve had issues working with developers before where we just never quite got on the same wave length, be it on the technical or aesthetic level, or simply on matters of business etiquette. In fact, that&#8217;s what stalled the initial web version of the Monster Maker, and the first app alpha. I&#8217;m not an easy client, but Dominik has been amazing throughout. His ideas and ingenuity of execution made this app so much better and so much more fun than I ever thought it could be.</p><div
id="attachment_3593" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-MM-UI-sketches.png"><img
class="size-medium wp-image-3593" title="344-app-MM-UI-sketches" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-MM-UI-sketches-436x394.png" alt="" width="436" height="394" /></a><p
class="wp-caption-text">Development sketches.</p></div><p><em><strong>Q: A stalled version?</strong></em></p><p>The project started as a web app that never even saw a beta, because of a flaky developer. It lingered for easily two years. It took my getting an iPhone to think, &#8220;Hang on! This is MUCH better for playing this game than the web.&#8221; The prototype had a lot of the basic ideas in place, and quite a few of the elements survived, but boy, am I glad it didn&#8217;t launch then.</p><div
id="attachment_3594" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-web-alpha.jpg"><img
class="size-medium wp-image-3594" title="344-app-monster-maker-web-alpha" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-web-alpha-436x345.jpg" alt="" width="436" height="345" /></a><p
class="wp-caption-text">The stalled web-based version.</p></div><p><em><strong>Q: What makes this app different from your traditional way of creating monsters?</strong></em></p><p>I love just being able to move things around, and change my mind a dozen times. Can&#8217;t do that on paper. That said, my favorite part of the app is that you can actually pose for a photo with the Monsters. I didn&#8217;t expect it to be as ridiculously fun as it is. And it takes the experience to a whole other level.</p><p>The thing that&#8217;s most interesting to me is just to create an experience that&#8217;s as close to drawing your own Monsters as possible, and that&#8217;s really fun and personal.</p><p><em>I remember, a couple years ago at the launch party for his monster book, he let guests <a
href="http://www.dailymonster.com/344_loves_you/2008/03/ground-control.html">customize a giant monster</a> and pose with it. It&#8217;s great to see Stefan continue to evolve his monster world.</em></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-iPad-03.png"><img
class="alignnone size-medium wp-image-3595" title="344-app-monster-maker-iPad-03" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-iPad-03-436x335.png" alt="" width="436" height="335" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-iPhone-02.png"><img
class="alignnone size-medium wp-image-3597" title="344-app-monster-maker-iPhone-02" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-iPhone-02-436x223.png" alt="" width="436" height="223" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-iPhone-04.png"><img
class="alignnone size-medium wp-image-3598" title="344-app-monster-maker-iPhone-04" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-iPhone-04-436x223.png" alt="" width="436" height="223" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-iPhone-05.png"><img
class="alignnone size-medium wp-image-3599" title="344-app-monster-maker-iPhone-05" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/344-app-monster-maker-iPhone-05-436x223.png" alt="" width="436" height="223" /></a></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/06/09/uniqlo-lucky-switch/" rel="bookmark" title="Uniqlo Lucky Switch"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/06/6708-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="The Switch!" title="6708" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/06/09/uniqlo-lucky-switch/" rel="bookmark" >Uniqlo Lucky Switch</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/08/24/monster-maker/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
