<?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>hypernarrative.com, a weblog by Wilbert Baan about Art, Media and Technology &#187; Experiments</title>
	<atom:link href="http://www.hypernarrative.com/wordpress/category/experiments/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hypernarrative.com/wordpress</link>
	<description>About Art, Media and Technology</description>
	<lastBuildDate>Tue, 13 Apr 2010 06:22:11 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>What Twitter could look like</title>
		<link>http://www.hypernarrative.com/wordpress/2009/12/03/what-twitter-coud-look-like/</link>
		<comments>http://www.hypernarrative.com/wordpress/2009/12/03/what-twitter-coud-look-like/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 20:13:09 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[concept]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[Tweetdeck]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1735</guid>
		<description><![CDATA[Some sketches I made a while ago to illustrate what I think a web-based twitter client could look like. I really like the Tweetdeck application, because it integrates lists in the most obvious way, showing all the posts like a dashboard. I think the basics of Tweetdeck could be very well made into a web-based [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2009%2F12%2F03%2Fwhat-twitter-coud-look-like%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2009%2F12%2F03%2Fwhat-twitter-coud-look-like%2F" height="61" width="51" /></a></div><p>Some sketches I made a while ago to illustrate what I think a web-based twitter client could look like. I really like <a href="http://tweetdeck.com/beta/">the Tweetdeck application</a>, because it integrates lists in the most obvious way, showing all the posts like a dashboard. I think the basics of Tweetdeck could be very well made into a web-based dashboard.</p>
<p><strong>What it would look like in your browser</strong><br />
<a href="http://www.flickr.com/photos/wilbertbaan/4068917377/" title="Twitter Dashboard design concept (screenshot) by wilbertbaan, on Flickr"><img src="http://farm3.static.flickr.com/2697/4068917377_f96d6a78c5.jpg" width="500" height="308" alt="Twitter Dashboard design concept (screenshot)" /></a><br />
<a href="http://www.flickr.com/photos/wilbertbaan/4068917377/" title="Twitter Dashboard design concept (screenshot) by wilbertbaan, on Flickr">Bigger image [+]</a></p>
<p><strong>The entire page</strong><br />
<a href="http://www.flickr.com/photos/wilbertbaan/4069674616/" title="Twitter Dashboard design concept by wilbertbaan, on Flickr"><img src="http://farm3.static.flickr.com/2775/4069674616_338ce0860c.jpg" width="500" height="333" alt="Twitter Dashboard design concept" /></a><br />
<a href="http://www.flickr.com/photos/wilbertbaan/4069674616/" title="Twitter Dashboard design concept by wilbertbaan, on Flickr">Bigger image [+]</a></p>
<p>Photographs and other media links should be displayed inline. <a href="http://m.twitstat.com/">Like Twitstat does</a>.</p>
<p>Reply and retweet should be inline as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2009/12/03/what-twitter-coud-look-like/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>The Eclectro Last.fm Lovewall installation (video)</title>
		<link>http://www.hypernarrative.com/wordpress/2008/11/16/the-eclectro-lastfm-lovewall-installation-video/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/11/16/the-eclectro-lastfm-lovewall-installation-video/#comments</comments>
		<pubDate>Sun, 16 Nov 2008 22:38:00 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Installation Art]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Online Identity]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[bluetooth]]></category>
		<category><![CDATA[Eclectro]]></category>
		<category><![CDATA[Last.fm]]></category>
		<category><![CDATA[photographs]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[roomware]]></category>
		<category><![CDATA[roomwareproject]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1172</guid>
		<description><![CDATA[
Eclectro Last.fm Lovewall (interactive bluetooth installation) from Wilbert Baan on Vimeo.
Yesterday we had the first Eclectro party. As written in the last post I was working on a bluetooth/last.fm application. And it worked :)
The Eclectro Last.fm lovewall is an interactive installation that uses bluetooth to scan for mobile phones. Visitors are asked to change the [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F11%2F16%2Fthe-eclectro-lastfm-lovewall-installation-video%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F11%2F16%2Fthe-eclectro-lastfm-lovewall-installation-video%2F" height="61" width="51" /></a></div><p><object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2258479&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00adef&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2258479&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00adef&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object><br />
<em><a href="http://vimeo.com/2258479">Eclectro Last.fm Lovewall (interactive bluetooth installation)</a> from <a href="http://vimeo.com/wilbertbaan">Wilbert Baan</a> on <a href="http://vimeo.com">Vimeo</a>.</em></p>
<p>Yesterday we had the first <a href="http://www.eclectro.nl">Eclectro</a> party. As written in the last post <a href="http://www.hypernarrative.com/wordpress/2008/11/11/mashing-up-the-first-eclectro-party-bluetooth-meeting-new-people-and-your-lastfm-profile/">I was working on a bluetooth/last.fm application</a>. And it worked :)</p>
<blockquote><p>The Eclectro Last.fm lovewall is an interactive installation that uses bluetooth to scan for mobile phones. Visitors are asked to change the bluetooth name of their phone into their <a href="http://www.last.fm/user/hyperauditive">Last.fm username</a>.</p>
<p>A laptop scans the room using <a href="http://www.roomwareproject.org">the open source Roomware software</a>. It connects to random visitors and searches the Last.fm database for similarity. It then shows the similarity on a big screen by showing the profiles. A percentage and five artists both have in common.</p></blockquote>
<p><strong>Review</strong><br />
The installation worked well and I got a lot of very positive feedback by enthusiastic visitors. A few things I learned.</p>
<ul>
<li>It is possible to have a zero percent match but still have artists in common.</li>
<li>Similar artists are often Gorillaz, U2, Muse, Air.</li>
<li>It is very easy to join, people see something happen and they think it&#8217;s too difficult to join. If you tell them that all it takes is changing the bluetooth name of their mobile phone they are really surprised.</li>
<li>Explain, explain, explain.</li>
<li>People like seeing their avatars on a screen. Only showing avatars would probably make a successful application by itself.</li>
<li>Make the screen dark. I used grey photographs and still the brightness of the beamer lightened up the entire place.</li>
<li>The internet connection at public places is almost always difficult (unstable/low signal).</li>
</ul>
<p><strong>The interface with testdata (working demo)</strong><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="300" id="lastfmlovewall" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="http://lab.hypernarrative.com/lastfmlovewall.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://lab.hypernarrative.com/lastfmlovewall.swf" quality="high" bgcolor="#ffffff" width="400" height="300" name="lastfmlovewall" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object><br />
<a href="http://lab.hypernarrative.com/lastfmlovewall.swf" target="_blank">Open in new window</a></p>
<p>And the photographs</p>
<p><img src="http://farm4.static.flickr.com/3038/3034929716_901f01f2b8.jpg" width="400" alt="Last.fm + Roomware installation" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/3034929716/" title="Last.fm + Roomware installation by wilbertbaan, on Flickr">on Flickr</a></p>
<p><img src="http://farm4.static.flickr.com/3010/3034088757_73f1cd6aa8.jpg" width="400" alt="Last.fm + Roomware installation" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/3034088757/" title="Last.fm + Roomware installation by wilbertbaan, on Flickr">on Flickr</a></p>
<p><img src="http://farm4.static.flickr.com/3293/3034892058_84c0746c85.jpg" width="400" alt="Opbouwen" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/3034892058/" title="Opbouwen by wilbertbaan, on Flickr">on Flickr</a></p>
<p><img src="http://farm4.static.flickr.com/3233/3025373341_4e14744eed.jpg" width="400" alt="Poster Eclectro loves Last.fm bluetooth friendfinder" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/3025373341/" title="Poster Eclectro loves Last.fm bluetooth friendfinder by wilbertbaan, on Flickr">on Flickr</a></p>
<p><img src="http://farm4.static.flickr.com/3074/3034084431_01952a2025.jpg" width="400" alt="Zaal" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/3034084431/" title="Zaal by wilbertbaan, on Flickr">on Flickr</a></p>
<p><img src="http://farm4.static.flickr.com/3269/3034914018_a8de5013c2.jpg" width="400" alt="Standby3" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/3034914018/" title="Standby3 by wilbertbaan, on Flickr">on Flickr</a></p>
<p><img src="http://farm4.static.flickr.com/3015/3034065683_6f28329f72.jpg" width="400" alt="Starborough test de dj-tafel" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/3034065683/" title="Starborough test de dj-tafel by wilbertbaan, on Flickr">on Flickr</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/11/16/the-eclectro-lastfm-lovewall-installation-video/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Mashing up the first Eclectro party, bluetooth, meeting new people and your Last.fm profile</title>
		<link>http://www.hypernarrative.com/wordpress/2008/11/11/mashing-up-the-first-eclectro-party-bluetooth-meeting-new-people-and-your-lastfm-profile/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/11/11/mashing-up-the-first-eclectro-party-bluetooth-meeting-new-people-and-your-lastfm-profile/#comments</comments>
		<pubDate>Tue, 11 Nov 2008 08:05:18 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Mobile culture]]></category>
		<category><![CDATA[The Social Web]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[bluetooth]]></category>
		<category><![CDATA[de unie]]></category>
		<category><![CDATA[Eclectro]]></category>
		<category><![CDATA[Last.fm]]></category>
		<category><![CDATA[roomware]]></category>
		<category><![CDATA[scanning]]></category>
		<category><![CDATA[server]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1139</guid>
		<description><![CDATA[
This saturday we have the first Eclectro party in De Unie in Rotterdam (which itself is pretty amazing). It&#8217;s the first offline event for something (a group of people blogging) that until saturday does only exist online. 
To Eclectrofy this evening we started thinking about doing something extra with the location. How can we make [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F11%2F11%2Fmashing-up-the-first-eclectro-party-bluetooth-meeting-new-people-and-your-lastfm-profile%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F11%2F11%2Fmashing-up-the-first-eclectro-party-bluetooth-meeting-new-people-and-your-lastfm-profile%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/lastfmlovewall-20081111-000244.jpg" border="1" alt="concept eclectro bluetooth kit" /></p>
<p>This saturday we have <a href="http://www.eclectro.nl/">the first Eclectro party</a> in De Unie in Rotterdam (which itself is pretty amazing). It&#8217;s the first offline event for something (a group of people blogging) that until saturday does only exist online. </p>
<p>To Eclectrofy this evening we started thinking about doing something extra with the location. How can we make the place visually and interactive exciting as well. Without making it too difficult to use or showing computers.</p>
<p><strong>This reminded me about the Roomware project</strong></p>
<blockquote><p><a href="http://roomwareproject.org/">The Roomware Project is an open-source framework for interactive spaces</a>. It allows developers of multiple origins to enhance any venue or event using technologies such as BlueTooth and RFID.</p></blockquote>
<p><strong>What I&#8217;m making for this saturday</strong><br />
Basically Roomware turns my Mac into a server that is able to read bluetooth names and convert this data into xml. We will ask people at the party to change the bluetooth name of their mobile phone into the username of their Last.fm account. With these Last.fm names an application searches the Last.fm API and extracts data about two random visitors and tell them how much Last.fm similarity they have and which artists they have in common.</p>
<p><strong>Meet new people</strong><br />
The project autorepeats and makes new random matches with names of people that are actually in the room. The results are projected on a screen. Showing public information about people is a gimmick, but it might encourage visitors to meet new people.</p>
<p><strong>Things to do before this saturday</strong><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.flickr.com/apps/video/stewart.swf?v=61761" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=86b337a298&amp;photo_id=3020973789&amp;show_info_box=true"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=61761"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=61761" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=86b337a298&amp;photo_id=3020973789&amp;flickr_show_info_box=true" height="300" width="400"></embed></object><br />
All the technology works. What&#8217;s left is finding a beamer, finishing the design and the timing of the interface. The application doesn&#8217;t need much time to load, but I&#8217;m thinking about adding finctional timing to make it more exiting to watch. </p>
<p>For example first show one player. Show the second player a few seconds later. And finally show the bar (hearth) that indicates the percentages. And maybe add some hidden messages when people have 0 or 100% Last.fm similarity.</p>
<blockquote><p><strong>Eclectro presents Kettel (live)</strong><br />
The third man (live), Gastón Arévalo (live) &#038; Starborough (dj-set)<br />
November 15th, De Unie, Rotterdam, The Netherlands<br />
Entrance € 8,- (<a href="http://www.deunie.nu/pages/tickets.html">order tickets</a>)</p></blockquote>
<p><img src="http://www.hypernarrative.com/images/deunie-20081110-081419.jpg" border="1" alt="De Unie" /></p>
<p><em>I will make a video of the system in action for hypernarrative. You can also visit the party this saturday to play with it youself. We can have a beer :)</em></p>
<p><strong>More drafts</strong><br />
<img src="http://img.skitch.com/20081111-jy36taaffykj6pucqwnqye6ymm.jpg" border="1" alt="draft" width=400 /></p>
<p><img src="http://img.skitch.com/20081111-ddk5yfqhka83c9mgmekrm121pq.jpg" border="1" alt="draft" width=400 /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/11/11/mashing-up-the-first-eclectro-party-bluetooth-meeting-new-people-and-your-lastfm-profile/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>Analyzed what Twitter votes (graphic)</title>
		<link>http://www.hypernarrative.com/wordpress/2008/11/04/analyzed-what-twitter-votes-graphic/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/11/04/analyzed-what-twitter-votes-graphic/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 00:18:48 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[elections]]></category>
		<category><![CDATA[elections08]]></category>
		<category><![CDATA[erik borra]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[summize]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1127</guid>
		<description><![CDATA[
Based on Twitterpoll by Erik Borra I made this visualization. The animation is created form filtering tweets on content. If someone says he or she voted for Obama or McCain this information is stored and turned into numbers. This creates an election poll based on tweets.
You can say Twitter is pretty much in favor of [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F11%2F04%2Fanalyzed-what-twitter-votes-graphic%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F11%2F04%2Fanalyzed-what-twitter-votes-graphic%2F" height="61" width="51" /></a></div><p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="400" id="thepolls" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="http://www.wilbertbaan.nl/onlinejournalismblog/thepolls.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.wilbertbaan.nl/onlinejournalismblog/thepolls.swf" quality="high" bgcolor="#ffffff" width="400" height="400" name="thepolls" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object></p>
<p>Based on <a href="http://www.justlol.net/devel/twitterpoll/">Twitterpoll</a> by <a href="http://wordpress.justlol.net">Erik Borra</a> I made this visualization. The animation is created form filtering tweets on content. If someone says he or she voted for Obama or McCain this information is stored and turned into numbers. This creates an election poll based on tweets.</p>
<p>You can say Twitter is pretty much in favor of Obama. <em>To update the results refresh the page.</em></p>
<blockquote><p><em><a href="http://wordpress.justlol.net/2008/11/twitter-votes/">A point goes to Obama</a> if the regular expression /vote.*?obama/i succeeds, it goes to McCain if the regular expression /vote.*mccain/i succeeds, else it is undecided / unrecognized.</em></p></blockquote>
<p><strong>The animations that led to this animation</strong><br />
1. <a href="http://www.hypernarrative.com/wordpress/2008/11/02/i-voted-storytelling-with-public-databases/">http://www.hypernarrative.com/wordpress/2008/11/02/i-voted-storytelling-with-public-databases/</a><br />
2. <a href="http://www.hypernarrative.com/wordpress/2008/11/03/we-say-twittertalk/">http://www.hypernarrative.com/wordpress/2008/11/03/we-say-twittertalk/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/11/04/analyzed-what-twitter-votes-graphic/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>We Say, twittertalk</title>
		<link>http://www.hypernarrative.com/wordpress/2008/11/03/we-say-twittertalk/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/11/03/we-say-twittertalk/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 22:33:26 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[election08]]></category>
		<category><![CDATA[elections08]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[sort]]></category>
		<category><![CDATA[summize]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1120</guid>
		<description><![CDATA[
A second version of the first experiment. In this window you can sort Twitter messages on certain words. Try to work with two words or use the more obvious words like McCain / Obama if you want to use more words. Otherwise you won&#8217;t get any results.
Another great polling service
Erik Borra created a polling service [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F11%2F03%2Fwe-say-twittertalk%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F11%2F03%2Fwe-say-twittertalk%2F" height="61" width="51" /></a></div><p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="600" id="whatpeoplesay" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="http://www.wilbertbaan.nl/onlinejournalismblog/whatpeoplesay.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.wilbertbaan.nl/onlinejournalismblog/whatpeoplesay.swf" quality="high" bgcolor="#ffffff" width="400" height="600" name="whatpeoplesay" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object></p>
<p>A second version of <a href="http://www.hypernarrative.com/wordpress/2008/11/02/i-voted-storytelling-with-public-databases/">the first experiment</a>. In this window you can sort Twitter messages on certain words. Try to work with two words or use the more obvious words like McCain / Obama if you want to use more words. Otherwise you won&#8217;t get any results.</p>
<p><strong>Another great polling service</strong><br />
<a href="http://wordpress.justlol.net/?p=638">Erik Borra created a polling service</a> based on what people say on Twitter. With the service you get results on <a href="http://www.justlol.net/devel/twitterpoll/">what people say they voted on Twitter</a>. I&#8217;m trying to make a bar graph for this.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/11/03/we-say-twittertalk/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>I voted, storytelling with public databases</title>
		<link>http://www.hypernarrative.com/wordpress/2008/11/02/i-voted-storytelling-with-public-databases/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/11/02/i-voted-storytelling-with-public-databases/#comments</comments>
		<pubDate>Sun, 02 Nov 2008 20:07:31 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[america voting]]></category>
		<category><![CDATA[elections08]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[mccain]]></category>
		<category><![CDATA[obama]]></category>
		<category><![CDATA[online]]></category>
		<category><![CDATA[storytelling]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1104</guid>
		<description><![CDATA[
I&#8217;m a big fan of public databases, the live web and storytelling. I think they all give new opportunities for interactive and online storytelling. Twitter itself a very interesting database. Because it tells you what is going on and the API is very good.
About &#8220;I voted&#8221;
The next days American citizens will vote for either McCain [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F11%2F02%2Fi-voted-storytelling-with-public-databases%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F11%2F02%2Fi-voted-storytelling-with-public-databases%2F" height="61" width="51" /></a></div><p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="400" id="ivoted" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="http://www.wilbertbaan.nl/onlinejournalismblog/ivoted.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.wilbertbaan.nl/onlinejournalismblog/ivoted.swf" quality="high" bgcolor="#ffffff" width="400" height="400" name="ivoted" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object></p>
<p>I&#8217;m a big fan of public databases, the live web and storytelling. I think they all give new opportunities for interactive and online storytelling. Twitter itself a very interesting database. Because it tells you what is going on and the API is very good.</p>
<p><strong>About &#8220;I voted&#8221;</strong><br />
The next days American citizens will vote for either McCain or Obama. My guess is a lot of Twitter users will say on Twitter when, and on who they voted. This Flash application uses Twitter Search to see who voted on who. The animation automatically updates with the most recent tweet.</p>
<p><strong>Queries</strong><br />
For this animation I use <a href="http://search.twitter.com">search.twitter.com</a> (used to be summize.com)<br />
The query: <a href="http://search.twitter.com/search?q=%22i+voted%22+%2B+McCain+OR+Obama+-twitvote">http://search.twitter.com/search?q=%22i+voted%22+%2B+McCain+OR+Obama+-twitvote</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/11/02/i-voted-storytelling-with-public-databases/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Thinking about starting a new blog</title>
		<link>http://www.hypernarrative.com/wordpress/2008/09/22/thinking-about-starting-a-new-blog/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/09/22/thinking-about-starting-a-new-blog/#comments</comments>
		<pubDate>Mon, 22 Sep 2008 20:39:56 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[medialandschap]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1014</guid>
		<description><![CDATA[
A while ago we lost all the stylesheets at the Dutch electronic music blog Eclectro. So we rebuild it.
Eclectro tries to be a blog with a positive vibe about electronic music. By using the tools the web offers we try to connect producers and listeners in a way that everyone benefits and has a great [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F09%2F22%2Fthinking-about-starting-a-new-blog%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F09%2F22%2Fthinking-about-starting-a-new-blog%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/Eclectro-20080922-214428.jpg" Eclectro.nl screenshot" border="1"><br />
A while ago we lost all the stylesheets at <a href="http://www.eclectro.nl">the Dutch electronic music blog Eclectro</a>. So we rebuild it.</p>
<p>Eclectro tries to be a blog with a positive vibe about electronic music. By using the tools the web offers we try to connect producers and listeners in a way that everyone benefits and has a great time. For me the most exciting experiences with the blog are those where an artist we follow (and who follows the blog) get to do new great things.</p>
<p>I think for what Eclectro is doing in the music scene there is also some space for a Dutch blog about (electronic) art, clothes, architecture, photography DIY, and more with a focus on Dutch upcoming artists. We have enough blogs about internet and marketing ;) we could use some positive and easy to read blogs about art.</p>
<p><strong>Just do It, think later</strong><br />
<img src="http://www.hypernarrative.com/images/Medialandschap-20080922-214847.jpg" border="1" alt="Medialandschap.nl screenshot" /><br />
<a href="http://www.medialandschap.nl/">So I started it</a>. Just to try out the idea. It&#8217;s a beta version, not in any technical way, since I can use the Eclectro templates. </p>
<p>It is a beta from content perspective. I started posting short articles to see if I there are enough interesting things to write about. And if the collection makes something that is adding something to the Dutch blogosphere. </p>
<p>I also started reaching out to some people with different interests and background to ask them if they are interested in sharing things, thoughts and knowledge.</p>
<p>For me right now the only reason not to continue the adventure is time, everything new costs time. And starting a group blog is incredible time consuming. But it is for the greater good!</p>
<p>You can find the blog at <a href="http://www.medialandschap.nl/">www.medialandschap.nl</a>. If you want to share something, or a link. <a href="http://www.medialandschap.nl/kunst/contact/">Let me know</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/09/22/thinking-about-starting-a-new-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Urban Explorers 2008, reviewing the experiment</title>
		<link>http://www.hypernarrative.com/wordpress/2008/05/30/urban-explorers-2008-reviewing-the-experiment/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/05/30/urban-explorers-2008-reviewing-the-experiment/#comments</comments>
		<pubDate>Fri, 30 May 2008 06:18:42 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Mobile culture]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[Online Identity]]></category>
		<category><![CDATA[dordrecht]]></category>
		<category><![CDATA[Eclectro]]></category>
		<category><![CDATA[experiment]]></category>
		<category><![CDATA[festival]]></category>
		<category><![CDATA[live]]></category>
		<category><![CDATA[UE08]]></category>
		<category><![CDATA[urban explorers]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=908</guid>
		<description><![CDATA[
While waiting for Murcof at the airport we asked Jimmy Edgar if he would like to improvise something on an old Casio keyboard. Recorded on the roof (full recording) of Schiphol (Amsterdam airport / AMS)
The festival was a great success. Exhausting, but really great. During the festival we made around 400 posts on the special [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F05%2F30%2Furban-explorers-2008-reviewing-the-experiment%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F05%2F30%2Furban-explorers-2008-reviewing-the-experiment%2F" height="61" width="51" /></a></div><p><object type="application/x-shockwave-flash" width="400" height="300" data="http://www.flickr.com/apps/video/stewart.swf?v=49235" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=393cf2f44d&amp;photo_id=2519699115"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=49235"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=49235" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=393cf2f44d&amp;photo_id=2519699115" height="300" width="400"></embed></object><br />
<em>While waiting for Murcof at the airport we asked Jimmy Edgar if he would like to improvise something on an old Casio keyboard. Recorded on the roof <a href="http://www.vimeo.com/1059598">(full recording)</a> of Schiphol (Amsterdam airport / AMS)</em></p>
<p>The festival was a great success. Exhausting, but really great. During the festival we made around 400 posts on <a href="http://www.eclectro.nl/live">the special microblog</a>. </p>
<p><strong>What worked</strong><br />
Mobile services worked very well. Sending a photo through <a href="http://www.mobypicture.com">Mobypicture</a> and directly sending an audio file through <a href="http://www.gabcast.com">Gabcast</a> give a really strong storytelling experience. Twitter messages are like SMS. Great to keep context in the timeline without actually having &#8216;to produce&#8217; something.</p>
<p><img src="http://www.hypernarrative.com/images/Eclectro_Live_avatar-20080530-075959.jpg" border="1" alt="Avatars on Eclectro Live"></p>
<p>I think our idea to connect everything you post to an avatar (like Twitter), and make the coverage as personal as possible really helped keeping it clear for our viewers. At least for how much this is possible given the enormous amount of information produced. Organizing it on time gives a very good overview of what was important or special during the festival.</p>
<p>Microblogs are really strong live applications. Afterwards they are less exciting to watch. You can use it as a collection of material where you can search items for articles elsewhere.</p>
<p>The Wordpress XMLRPC is wonderful. From the 400 posts we have published almost none of those was made on the website itself. The posts were created using other websites and automatically posted to Eclectro.nl/live. Making publishing really easy.</p>
<p><strong>What didn&#8217;t work</strong><br />
Video is difficult. Or at least uploading video is difficult. if you record a video it is still difficult to upload. When we recorded a video in high quality using a mobile phone (N95) the files get easily close to 10 Megabytes. If you want to upload/e-mail these files using UMTS you&#8217;re not only giving your battery a hard time, you&#8217;re also making it impossible to upload anything else during this process. Wifi often wasn&#8217;t available and when it was it was too unstable to upload or e-mail video.</p>
<p>I think services like <a href="http://www.qiktv.com">Qiktv</a> or <a href="http://m.seesmic.com">Seesmic Mobile</a> are interesting because the web-server is recording instead of your camera. Unfortunately those services can&#8217;t directly post a recording to a blog, yet.</p>
<p>We used a photo camera for recording video as well. This worked very well, the quality is good and Flickr is a great service for distributing files shorter than 90 seconds. The files recorded with <a href="http://www.flickr.com/cameras/sony/dsc-t70/">the 8 Megapixel Sony Camera</a> are around a 100 Megabytes. Uploading a 100 Megabytes in size. This requires you (or your laptop) to spend at least a few hours on a restaurant Wifi. Missing out on the festival. In the end we uploaded most files at night or in the morning.</p>
<p>We recorded the interviews on DV camera. This worked perfect, since there is no urge in getting the longer interviews directly on the web.</p>
<p><strong>Two blogs</strong><br />
My idea was to maintain two blogs. The <a href="http://www.eclectro.nl">Eclectro</a> blog and the <a href="http://www.eclectro.nl/live">Eclectro Live</a> blog. /Live would be about us, a personal story about how we experienced the festival. The main blog would present interviews and reviews. This was just too much. We simply couldn&#8217;t make all this in a weekend and have a good time.</p>
<p><strong>Ideas for live blogging / micro blogging</strong><br />
<img src="http://farm3.static.flickr.com/2281/2517514989_14b2ef3ea4.jpg" width="400" alt="Op de parkeerplaats" border="1" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/2517514989/" title="Op de parkeerplaats by wilbertbaan, on Flickr">zoom</a><br />
You need a central spot with a computer and good internet connection. A central spot on the festival where you can empty a camera and upload a batch of files.</p>
<p>Think about what you want to do and if this is possible. Think about how you keep it clear to your audience what they are looking at. Most people don&#8217;t know what is happening and they have to understand what it is and why you are publishing. We explained it with <a href="http://www.flickr.com/photos/wilbertbaan/2515140168/">a short introduction movie</a>.</p>
<p>A few people asked me to add more structure to the website and make it easier to scan what happened over time. I think we need even more timeline based structure in a next version.</p>
<p>If you are telling a story make sure to tell everything. Tell what you expect and afterwards tell if your expectations were right or wrong. Make returning jokes / running gags. Keep it personal and keep your audience informed.</p>
<p><object type="application/x-shockwave-flash" width="400" height="300" data="http://www.flickr.com/apps/video/stewart.swf?v=49235" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=9e4244a777&amp;photo_id=2519699043"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=49235"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=49235" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=9e4244a777&amp;photo_id=2519699043" height="300" width="400"></embed></object><br />
<em>Jimmy Edgar performing on stage later that day</em></p>
<p><object width="401" height="223"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1083835&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://www.vimeo.com/moogaloop.swf?clip_id=1083835&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="401" height="223"></embed></object><br /><a href="http://www.vimeo.com/1083835?pg=embed&#038;sec=1083835">Hauschka is playing at the Urban Explorers festival 2008, Dordrecht, Netherlands</a> from <a href="http://www.vimeo.com/wilbertbaan?pg=embed&#038;sec=1083835">Wilbert Baan</a> on <a href="http://vimeo.com?pg=embed&#038;sec=1083835">Vimeo</a>.<br />
<em>Hauschka adds little things like bells, plastic and metal to the piano using tape. A piano mash-up :)</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/05/30/urban-explorers-2008-reviewing-the-experiment/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>We started!</title>
		<link>http://www.hypernarrative.com/wordpress/2008/05/23/we-started/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/05/23/we-started/#comments</comments>
		<pubDate>Fri, 23 May 2008 13:23:49 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[dordrecht]]></category>
		<category><![CDATA[Eclectro]]></category>
		<category><![CDATA[experiment]]></category>
		<category><![CDATA[festival]]></category>
		<category><![CDATA[live]]></category>
		<category><![CDATA[UE08]]></category>
		<category><![CDATA[urban explorers]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=906</guid>
		<description><![CDATA[
Inge talks to Greg Haines about why he moved to Berlin and about making a living as an artist.
We started with the Urban Explorers festival live coverage. We are using Wordpress as an aggregator for information we publish on several other websites like Flickr, Mobypicture, Seesmic, Vimeo, Ustream, YouTube, Twitter and more.
The next days we [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F05%2F23%2Fwe-started%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F05%2F23%2Fwe-started%2F" height="61" width="51" /></a></div><p><object width="400" height="334"><param name="movie" value="http://www.youtube.com/v/A7bHCjjVAkY&#038;hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/A7bHCjjVAkY&#038;hl=en" type="application/x-shockwave-flash" wmode="transparent" width="400" height="334"></embed></object><br />
<em><a href="http://www.eclectro.nl/live/?p=179">Inge talks to Greg Haines</a> about why <a href="http://www.greghaines.co.uk/">he moved to Berlin</a> and about making a living as an artist.</em></p>
<p><a href="http://www.eclectro.nl/live">We started</a> with the <a href="http://www.urbanexplorers.nl">Urban Explorers festival</a> live coverage. We are using Wordpress as an aggregator for information we publish on several other websites like Flickr, Mobypicture, Seesmic, Vimeo, Ustream, YouTube, Twitter and more.</p>
<p>The next days we will be running around the city of Dordrecht. Everything we do can be followed on <a href="http://www.eclectro.nl/live">the special micro blog</a>. This afternoon we will be picking up two artists at Amsterdam airport. Tonight we sleep in an old squatted villa in the centre of Dordrecht.</p>
<p><script src="http://www.seesmic.com/cookie.js" language="javascript"></script><object width="300" height="270"><param name="movie" value="http://seesmic.com/embeds/player.swf"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><param name="flashVars" value="video=w5KW57Ws2w"/><embed src="http://seesmic.com/embeds/player.swf" type="application/x-shockwave-flash" flashVars="video=w5KW57Ws2w" allowFullScreen="true" wmode="transparent" allowScriptAccess="always" width="300" height="270"/></object><br />
<a href="http://www.myspace.com/hauschka">Hauschka</a> talks about how he works</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/05/23/we-started/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Experimenting with live festival coverage at the Urban Explorers festival</title>
		<link>http://www.hypernarrative.com/wordpress/2008/05/20/experimenting-with-live-festival-coverage-at-the-urban-explorers-festival/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/05/20/experimenting-with-live-festival-coverage-at-the-urban-explorers-festival/#comments</comments>
		<pubDate>Tue, 20 May 2008 06:07:52 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Mobile culture]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[The Social Web]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[2008]]></category>
		<category><![CDATA[dordrecht]]></category>
		<category><![CDATA[Eclectro]]></category>
		<category><![CDATA[festival]]></category>
		<category><![CDATA[microblog]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[seesmic]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[urban explorers]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=905</guid>
		<description><![CDATA[
This weekend the Urban Explorers festival is organized in the city of Dordrecht, Netherlands. It&#8217;s a three day city-festival about art and electronic music. The main acts for this year are by Plaid and Murcof. It&#8217;s a small festival with a very good atmosphere and lovely people.
Eclectro is a festival partner and we (a few [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F05%2F20%2Fexperimenting-with-live-festival-coverage-at-the-urban-explorers-festival%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F05%2F20%2Fexperimenting-with-live-festival-coverage-at-the-urban-explorers-festival%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/Eclectro_Live-20080518-230118.jpg" border="1" alt="Screenshot Eclectro Live"></p>
<p>This weekend the <a href="http://www.urbanexplorersfestival.nl">Urban Explorers festival</a> is organized in the city of <a href="http://en.wikipedia.org/wiki/Dordrecht">Dordrecht, Netherlands</a>. It&#8217;s a three day city-festival about art and electronic music. The main acts for this year are by <a href="http://www.myspace.com/plaid4thepeople">Plaid</a> and <a href="http://www.murcof.com/">Murcof</a>. It&#8217;s a small festival with a very good atmosphere and lovely people.</p>
<p><a href="http://www.eclectro.nl">Eclectro</a> is a festival partner and we (a few Eclectro bloggers) will be covering the event on the Eclectro blog by writing reviews, doing interviews, making photos and videos as the festival happens. And we have some other exiting plans.</p>
<p>This is great, but not something <a href="http://www.hypernarrative.com/wordpress/index.php?s=explorers">we haven&#8217;t done before</a>. We report while we are there. This time we want to take it a step further and make the coverage more personal. Urban Explorers is a small, diverse and very distributed festival. This makes it difficult to ask or explain visitors to contribute to the live coverage by using a mobile phone. This year we will try to make visible how we experience the festival.</p>
<p><strong>Making it personal</strong><br />
For me <a href="http://www.hypernarrative.com/wordpress/index.php?s=twitter">Twitter</a> was the first service that made the web more interesting as a live medium. Blogs are good for a recap, but microblogs can really give you a better live experience and it&#8217;s a more social and more personal experience. There often isn&#8217;t much value in the individual messages it&#8217;s the collection that builds a story and a character.</p>
<p>So this is what we want to do for the festival as well. We will also be reporting about where we are, packing my bag, how we sleep, what we are doing, what we are eating and who we are talking to. Short talks, photos and video interviews. All the small pieces of information aggregated in one spot.</p>
<p>The problem with building aggregators is that it often ends up in something that is difficult to follow for outsiders or people unfamiliar with the technology. We (Inge, Renier and myself) try to make it personal. And this weekend I&#8217;ve been making a website that just does that. I used <a href="http://en.blog.wordpress.com/2008/01/28/introducing-prologue/">Wordpress Prologue</a>, a theme that is based on Twitter and took out even more options like tags and feeds to make it look clean and simple.</p>
<p>The Eclectro Urban Explorers 2008 festival microblog: <a href="http://www.eclectro.nl/live">www.eclectro.nl/live</a></p>
<p><strong>The secret is in the back-end</strong><br />
The power of Wordpress is that is has a xmlrpc back-end. This is a secure gate that makes it possible for other websites like YouTube or Flickr to talk directly to Wordpress, like you wrote the message on the blog. Ad some extra open source plug-ins to Wordpress and you have an incredible powerful system that is an aggregated channel centralizing information from distributed web-services.</p>
<p><img src="http://www.hypernarrative.com/images/Eclectro_posting_on_Flickr-20080519-173550.jpg" border="1" alt="Flickr"><br />
Post from Flickr to a Wordpress blog</p>
<p><img src="http://www.hypernarrative.com/images/post_to_blog_using_YouTube-20080519-173755.jpg" border="1" alt="YouTube"><br />
Or from YouTube to a Wordpress blog</p>
<p><img src="http://www.hypernarrative.com/images/Seesmic_in_Wordpress-20080519-173938.jpg" border="1" alt="Seesmic in Wordpress"><br />
Or record a Seesmic video in your Wordpress blog</p>
<p><object width="400" height="332"><param name="movie" value="http://seesmic.com/Standalone.swf?video=bIztD31X6M"></param><param name="allowFullScreen" value="true" /><embed src="http://seesmic.com/Standalone.swf?video=bIztD31X6M" type="application/x-shockwave-flash" allowFullScreen="true" wmode="transparent" allowScriptAccess="sameDomain" width="400" height="332"></embed></object><br />
Last weekend I first played with <a href="http://www.seesmic.com">Seesmic</a> and I really like what it does. The videoplayer could use some enhancement, but the Wordpress plug-in is a bless. You enter the Wordpress admin section, click on the Seesmic logo in a new post and can directly start recording a video using your webcam. When done, all you have to do is hit publish in Wordpress and you have <a href="http://www.eclectro.nl/live/?p=32#comments">just written a new blog post including a video</a>.</p>
<p><strong>Keep it simple</strong><br />
We can easily post to <a href="http://www.eclectro.nl/live">the website</a> using mobile phones, laptops, webcams and websites like Flickr, YouTube, Mobypicture, Twitter, and Seesmic. Everything is automatically collected on the microblog and connected to our user accounts, connecting our names and avatars to the messages published.</p>
<p><img src="http://www.hypernarrative.com/images/Eclectro_Live-20080518-225917.jpg" border="1" alt="The orange box"><br />
Authors see an orange box on the front page, this makes it easy to directly write a message when visiting the website.</p>
<p><strong>Will it work?</strong><br />
All these enhancements make it easy to read for visitors and easy to maintain for us while we are busy at the festival. We have a few more days to finish it, but I think we made a great tool. This weekend we will see if it works. </p>
<p>I&#8217;m very exited to play with this.</p>
<p><em>You can join the festival coverage as well. Use <strong>UE08</strong> in your Twitter updates and they will show up in the stream, or post an image to Flickr with the tag <strong>UE08</strong> and it will automatically show up in the header of the website.</em></p>
<p><em>Your ideas and thoughts are very welcome. How can we make it more personal or more clear? What would you like to see or what is difficult to understand? And do you know other great (web)services that could be integrated?</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/05/20/experimenting-with-live-festival-coverage-at-the-urban-explorers-festival/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interactive storytelling experiment #2: The urban areas of tomorrow</title>
		<link>http://www.hypernarrative.com/wordpress/2008/02/22/interactive-storytelling-experiment-2-the-urban-areas-of-tomorrow/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/02/22/interactive-storytelling-experiment-2-the-urban-areas-of-tomorrow/#comments</comments>
		<pubDate>Fri, 22 Feb 2008 09:24:03 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Things I do]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2008/02/22/interactive-storytelling-experiment-2-the-urban-areas-of-tomorrow/</guid>
		<description><![CDATA[
Last week I did an experiment with a linear story and loading photos from Flickr. This week I made a second experiment using the same code and adding a map. I will try to tell a second story.
About the story
This story is about how fast urban areas are growing. These growing areas aren&#8217;t in the [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F02%2F22%2Finteractive-storytelling-experiment-2-the-urban-areas-of-tomorrow%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F02%2F22%2Finteractive-storytelling-experiment-2-the-urban-areas-of-tomorrow%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/we_live_in_cities-20080221-151443.jpg" alt="We live in Cities" border="1"></p>
<p><a href="http://www.hypernarrative.com/wordpress/2008/02/16/storytelling-with-the-flickr-api/">Last week I did an experiment</a> with a linear story and loading photos from Flickr. This week <a href="http://www.wilbertbaan.nl/flickrcities/">I made a second experiment</a> using the same code and adding a map. I will try to tell a second story.</p>
<p><strong>About the story</strong><br />
This story is about how fast urban areas are growing. These growing areas aren&#8217;t in the west. Of the 100 fastest growing urban areas only two are located in what we call the western world. </p>
<p>In an era where our lives get globally connected through similar culture, mass production and consumption these emerging areas will play a very important role in the near feature.</p>
<p>I&#8217;ll try to tell this in a short linear story with the latest photos loaded from Flickr and a map that shows the lights of the world. I love that map.</p>
<p>Try it yourself <a href="http://www.wilbertbaan.nl/flickrcities/">http://www.wilbertbaan.nl/flickrcities/</a></p>
<blockquote><p><i>&#8220;UN figures for urbanisation, published this week in the State of the World 2007 report, show that more than 60 million people &#8211; roughly the population of the UK &#8211; are added to the planet&#8217;s cities and suburbs each year, mostly in low-income urban settlements in developing countries. Unplanned urbanisation is taking a huge toll on human health and the quality of the environment, contributing to social, ecological, and economic instability in many countries.&#8221;</i></p></blockquote>
<p><a href="http://www.guardian.co.uk/environment/2007/jan/17/society.pollution">Guardian January 17th 2007</a></p>
<p><strong>Difficult</strong><br />
The most difficult part in making this animation is to actually tell a complex story in slides. I want to make something that will make you think about things for a while. The previous Flickr project was easy because you didn&#8217;t have to pay much attention. It was a collection of things. This one is more a story making it more difficult to make an impression.</p>
<p><strong>Storytelling tips</strong><br />
The most important thing in interactive storytelling is probably to kill your darlings and only use effects, technology and interactivity if you think it will benefit to the story you want to tell. </p>
<p>Make sure to write out what you want to say. It doesn&#8217;t have to be final, but it gives you an idea of what you want to do.</p>
<p>Focus on what you want to say. Focus on the impression your story will have.</p>
<p><img src="http://www.hypernarrative.com/images/We_live_in_cities-20080221-154328.jpg" alt="We live in Cities" border="1"></p>
<p><img src="http://www.hypernarrative.com/images/We_live_in_cities-20080221-151611.jpg" alt="We live in Cities" border="1"></p>
<p><img src="http://www.hypernarrative.com/images/thanks-20080221-154014.jpg" alt="Thank You" border="1"></p>
<p>All data used in the animation is from <a href="http://www.citymayors.com/statistics/urban_growth1.html">this list</a>. Hypernarrative won&#8217;t be updated until the first week of March.</p>
<p>Share your best tips and tricks to tell an interactive story? How can I make this better?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/02/22/interactive-storytelling-experiment-2-the-urban-areas-of-tomorrow/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Storytelling with the Flickr API</title>
		<link>http://www.hypernarrative.com/wordpress/2008/02/16/storytelling-with-the-flickr-api/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/02/16/storytelling-with-the-flickr-api/#comments</comments>
		<pubDate>Sat, 16 Feb 2008 18:05:35 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Things I do]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2008/02/16/storytelling-with-the-flickr-api/</guid>
		<description><![CDATA[
Today I experimented with the Flicrk API. An API is an external programmable interface that connects to a database, it allows external developers to access the content in the database. In this case I can access the photos on Flickr by using a free license (API-key).
2.269.526.982 photos
Everyday millions of photos are uploaded to Flickr. While [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F02%2F16%2Fstorytelling-with-the-flickr-api%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F02%2F16%2Fstorytelling-with-the-flickr-api%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/art_flickr_api2-20080216-174654.jpg" border="1" alt="Flickr API test tag art"></p>
<p>Today I experimented with the Flicrk API. An API is an external programmable interface that connects to a database, it allows external developers to access the content in the database. In this case I can access the photos on Flickr by using a free license (API-key).</p>
<p><strong>2.269.526.982 photos</strong><br />
Everyday millions of photos are uploaded to Flickr. While writing this post 4.871 pictures are uploaded every minute and the total of photos uploaded to Flickr is 2.269.526.982. Most of these photos are tagged with meta information, like a title, description, user generated tags and device generated (shutter speed, type of camera, coordinates). That&#8217;s a lot of information.</p>
<p><strong>Slideshow experiment</strong><br />
For <a href="http://www.wilbertbaan.nl/flickrapi/">this first experiment</a> I use thirteen slides to tell something general about myself. Every slide loads the most recent images from the Flickr database based on a tag that corresponds to the slide. </p>
<p>The slideshow plays by itself and has no interaction, it&#8217;s linear, but not static. Every time you play the slideshow the content can be different, the story won&#8217;t.</p>
<p><a href="http://www.wilbertbaan.nl/flickrapi/">www.wilbertbaan.nl/flickrapi/</a></p>
<p>How would you combine live data feeds with storytelling?</p>
<p><img src="http://www.hypernarrative.com/images/music_flickr_api1-20080216-174805.jpg" border="1" alt="Flickr API test tag music"></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/02/16/storytelling-with-the-flickr-api/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Your experiments are valuable</title>
		<link>http://www.hypernarrative.com/wordpress/2008/02/16/your-experiments-are-valuable/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/02/16/your-experiments-are-valuable/#comments</comments>
		<pubDate>Sat, 16 Feb 2008 16:40:12 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Interactive Video]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2008/02/16/your-experiments-are-valuable/</guid>
		<description><![CDATA[
Last week I made the Aphextwinalizer, a Flash gimmick that uses your webcam to show your photo on the cover of your favorite record. I made it as an experiment. It didn&#8217;t take long and I wanted to experiment with Flash, webcams and screenshots.
A colleague had seen the experiment and heard about an article that [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F02%2F16%2Fyour-experiments-are-valuable%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F02%2F16%2Fyour-experiments-are-valuable%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/hartenziel_contactgestoord-20080216-165306.jpg" alt="Hart en Ziel article" border="1"></p>
<p>Last week I made <a href="http://www.hypernarrative.com/wordpress/2008/02/02/just-having-fun-with-flash-and-a-webcam-the-result-aphextwinalize-me/">the Aphextwinalizer</a>, a Flash gimmick that uses your webcam to show your photo on the cover of your favorite record. I made it as an experiment. It didn&#8217;t take long and I wanted to experiment with Flash, webcams and screenshots.</p>
<p>A colleague had seen the experiment and heard about <a hrefe="http://www.hartenziel.nl/artikel/contact_gestoord/">an article that would be published in todays newspaper</a>. The article would be <a href="http://ap.google.com/article/ALeqM5j2gKSuaM5OH1nvMfaWE9rO6WSAdwD8UMCQGG2">about the suggested burqa-ban</a> and what partial face covering does to open communication. The motivation behind the burqa-ban is that it obstructs open communication.</p>
<p>The colleague suggested if she could use the aphextwinalizer for this. We took the pictures from the article, photoshopped the journalists face out of it and turned it into an online test. &#8220;<a href="http://extra.volkskrant.nl/interactie/hartenziel/webcamtest/">How does your face look when parts of it are covered?</a>&#8221;</p>
<p>Just a gimmick, but since the source file was already there it only took a short amount of time to edit the photos and turn this into an interactive extension of the article. We would have never made this if there wasn&#8217;t the experiment in the first place.</p>
<p><strong>Bruce Mau</strong><br />
From <a href="http://www.brucemaudesign.com/manifesto.html">the incomplete manifesto for growth</a> by Bruce Mau Design.</p>
<blockquote><p><i>4. Love your experiments (as you would an ugly child). Joy is the engine of growth. Exploit the liberty in casting your work as beautiful experiments, iterations, attempts, trials, and errors. Take the long view and allow yourself the fun of failure every day.</i></p></blockquote>
<p><img src="http://www.hypernarrative.com/images/hartenziel_webcamflash-20080216-165716.jpg" border="1" alt="Hart en Ziel webcamtest"></p>
<p><img src="http://www.hypernarrative.com/images/webcamtest-20080215-154556.jpg" border="1" alt="Hart en Ziel webcamtest screenshots"></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/02/16/your-experiments-are-valuable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Just having fun with flash and a webcam, the result: Aphextwinalize me!</title>
		<link>http://www.hypernarrative.com/wordpress/2008/02/02/just-having-fun-with-flash-and-a-webcam-the-result-aphextwinalize-me/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/02/02/just-having-fun-with-flash-and-a-webcam-the-result-aphextwinalize-me/#comments</comments>
		<pubDate>Sat, 02 Feb 2008 20:05:11 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Interactive Video]]></category>
		<category><![CDATA[Things I do]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2008/02/02/just-having-fun-with-flash-and-a-webcam-the-result-aphextwinalize-me/</guid>
		<description><![CDATA[
I like how easy it is to control a webcam inside flash. A lot of people have a webcam and the flash plugin so you can easily use it for a project or website.
I already did a few experiments with webcams.

Fade in- fade out, when you stop moving you will fade out.
Time for time. Based [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F02%2F02%2Fjust-having-fun-with-flash-and-a-webcam-the-result-aphextwinalize-me%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F02%2F02%2Fjust-having-fun-with-flash-and-a-webcam-the-result-aphextwinalize-me%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/aphextwinalize_hypernarrati.jpg" border="1" alt"The Aphextwinalize application uses your webcam and Flash"></p>
<p>I like how easy it is to control a webcam inside flash. A lot of people have a webcam and the flash plugin so you can easily use it for a project or website.</p>
<p>I already did a few experiments with webcams.</p>
<ol>
<li><a href="http://www.hypernarrative.com/wordpress/2005/03/20/webcam-experimenting/">Fade in- fade out</a>, when you stop moving you will fade out.</li>
<li><a href="http://www.hypernarrative.com/wordpress/2005/09/19/time-for-time/">Time for time</a>. Based on the first experiment this is an installation that will only give you time when you give it time. You have to stop moving.</li>
<li><a href="http://www.hypernarrative.com/wordpress/2006/06/23/interactive-webcam/">The third experiment</a> I did used motion detection and connected fading logos to motion.</li>
<li>For eclectro we started <a href="http://www.eclectro.nl/2008-01-26-met-video-en-audio-nagenieten-van-near-earth-object">doing DJ-sets</a> using webcams and the Ustream service, I was <a href="http://www.hypernarrative.com/wordpress/2007/07/14/my-livingroom-dj-set-streaming-live-on-the-web//">the first to play</a>.</li>
<li>A few years ago I made <a href="http://www.hypernarrative.com/wordpress/2006/07/09/war/">a short video about war</a>. I recorded television with my webcam and changed meaning.</li>
</ol>
<p>This is experiment 6. <a href="http://www.wilbertbaan.nl/aphextwinalizer/">The Aphextwinalizer</a>. With this webcam application you can make a screenshot with your face on your favorite record cover. Right now there is just one cover by Aphex Twin. I will post this also on the <a href="http://www.eclectro.nl">Eclectro blog</a> and ask readers for other great covers, so I can extend the application.</p>
<p><img src="http://www.hypernarrative.com/images/The_AphexTwinAlizer-20080202-185519.jpg" border="1" alt="The application"><br />
A screenshot of the application, make your own cover at <a href="http://www.wilbertbaan.nl/aphextwinalizer/">www.wilbertbaan.nl/aphextwinalizer/</a>, have fun.</p>
<p><strong>Help me to make it better</strong><br />
I&#8217;m looking for more great covers, if you know a great one, please let me know by leaving a comment with a hyperlink to the image. The minimal resolution should be 500 pixels width/height. And it should be possible to cut out the face.</p>
<p><img src="http://www.hypernarrative.com/images/aphex_twin_cover.jpg" border="1" alt="How the Aphextwinalizer works"><br />
The original album cover</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/02/02/just-having-fun-with-flash-and-a-webcam-the-result-aphextwinalize-me/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Building a party calendar with Last.fm, Yahoo Pipes and Google Calendar</title>
		<link>http://www.hypernarrative.com/wordpress/2008/01/22/building-a-party-calendar-with-lastfm-yahoo-pipes-and-google-calendar/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/01/22/building-a-party-calendar-with-lastfm-yahoo-pipes-and-google-calendar/#comments</comments>
		<pubDate>Tue, 22 Jan 2008 21:05:04 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Music]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2008/01/22/building-a-party-calendar-with-lastfm-yahoo-pipes-and-google-calendar/</guid>
		<description><![CDATA[
Eclectro is a website about music. Having a calendar is a great service for such a website. It is often a popular service, but unfortunately also a very labour intensive one. When searching the web to find an easy way to solve this problem I noticed the solution could be found connecting different webservices. 
from [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F01%2F22%2Fbuilding-a-party-calendar-with-lastfm-yahoo-pipes-and-google-calendar%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F01%2F22%2Fbuilding-a-party-calendar-with-lastfm-yahoo-pipes-and-google-calendar%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/Yahoo_Pipes_Calendar-20080122-083311.jpg" alt=Yahoo Pipes Eclectro Calendar" border="1"><br />
Eclectro is a website about music. Having a calendar is a great service for such a website. It is often a popular service, but unfortunately also a very labour intensive one. When searching the web to find an easy way to solve this problem I noticed the solution could be found connecting different webservices. </p>
<p><strong>from Last.fm</strong><br />
For promoters and venues <a href="http://www.last.fm">Last.fm</a> is the place to reach the right audience. It&#8217;s a music marketing sweetspot. Most websavvy promoters know they have to add their schedule to Last.fm, because here is where the fans are.</p>
<p>Unfortunately it would take a lot of time to collect all the data and copy it into an Eclectro agenda. Last.fm uses <a href="http://www.audioscrobbler.net/">Audio Scrobbler</a> to control all feeds in and out Last.fm. A lot of Last.fm data is public available.</p>
<p><strong>to Yahoo Pipes</strong><br />
Yahoo Pipes is an online data-aggragator that enables drag and drop programming. You can add feeds from other services, group and remodel the data from the feeds into a new feed. It is a web-based visual programming interface.</p>
<p>Everything you make on Yahoo Pipes is open source. This means everyone can clone your code en learn from it or build upon it. I found some Last.fm examples and adapted it for 15 Dutch venues. <a href="http://pipes.yahoo.com/pipes/pipe.info?_id=5f98324d4479c6c35f0ce87697a1e3e8">The Yahoo Pipe I build</a> scans those venues on Last.fm for events and combines the data into one large iCal (calendar format) feed.</p>
<p>Now we have a feed with a lot of information, interesting but it has a lot of events in it that are irrelevant to the Eclectro audience. They want to know about electronic music.</p>
<p><strong>to Google</strong><br />
Next stop; Google. Google has a calendar function that let&#8217;s you share calendars in public or assign multiple owners to the same calendar. The Yahoo Pipes feed with Last.fm information is loaded into Google Calendar. There I&#8217;ve created a second calendar called Eclectro.</p>
<p><img src="http://www.hypernarrative.com/images/copy_to_gootgle-20080122-213200.jpg" border="1" alt="Copy to Google Calendar"></p>
<p>And here is where the &#8216;human&#8217; selection and thus the added value comes in. An Eclectro editor filters Eclectro related events and we end up with <a href="http://www.eclectro.nl/uitgaansagenda/">a simple calendar</a> with very good information. We will add other events to the calendar as well, but the information from Last.fm is a perfect base.</p>
<p>You can even subscribe to this &#8216;human&#8217; filtered calendar with <a target="_blank" href="http://www.google.com/calendar/render?cid=h2d1j6k9f4vv7vjruoph2dpe30%40group.calendar.google.com">Google</a>, <a href="http://www.google.com/calendar/ical/h2d1j6k9f4vv7vjruoph2dpe30%40group.calendar.google.com/private-d1b2c0b0b5f8b2ccccdb2854cf05c288/basic.ics">Apple&#8217;s iCal</a> or <a href="http://www.google.com/calendar/feeds/h2d1j6k9f4vv7vjruoph2dpe30%40group.calendar.google.com/public/basic">XML/RSS</a>. Or use this information as a buildingblock for a better calendar.</p>
<p><strong>Wwwww, dddddjjjjjjj duh?</strong><br />
I hope you&#8217;re still with me, it is a kind of geeky description for a simple solution. What it actually does is transferring information from one system to another. Making use of several open web applications. It shows what can happen when we use open standards and systems that can easily export and import data. You don&#8217;t need to have access to a web server or be a programmer to build something like this. This is the future of information. Free to move and easy to alter.</p>
<p><iframe src="http://www.google.com/calendar/embed?showTitle=0&#038;showDate=0&#038;mode=AGENDA&#038;height=600&#038;wkst=2&#038;bgcolor=%23FFFFFF&#038;src=h2d1j6k9f4vv7vjruoph2dpe30%40group.calendar.google.com&#038;color=%230D7813&#038;ctz=Europe%2FAmsterdam" style=" border:solid 1px #777 " width="400" height="600" frameborder="0" scrolling="no"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/01/22/building-a-party-calendar-with-lastfm-yahoo-pipes-and-google-calendar/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>How to organize the best online election</title>
		<link>http://www.hypernarrative.com/wordpress/2007/11/12/how-to-organize-the-best-online-election/</link>
		<comments>http://www.hypernarrative.com/wordpress/2007/11/12/how-to-organize-the-best-online-election/#comments</comments>
		<pubDate>Mon, 12 Nov 2007 09:56:33 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[Things I do]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2007/11/12/how-to-organize-the-best-online-election/</guid>
		<description><![CDATA[
The last two years Inge and I have organized lists to present the best dance record of the year.
In 2005 we asked experts about their favorite dance record. In 2006 we upgraded the concept, asked experts about their favorite songs and added a second part where everyone could vote on the records. 
This year we [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F11%2F12%2Fhow-to-organize-the-best-online-election%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F11%2F12%2Fhow-to-organize-the-best-online-election%2F" height="61" width="51" /></a></div><p><img border="1" alt="Screenshot election module best of 2006" src="http://www.hypernarrative.com/images/bestof2006-20071112-103741.jpg" /><br />
The last two years <a href="http://www.ingejanse.nl">Inge</a> and I have organized lists to present the best dance record of the year.</p>
<p><a href="http://www.hypernarrative.com/wordpress/2005/12/29/best-dance-albums-2005/">In 2005</a> we asked experts about their favorite dance record. <a href="http://www.hypernarrative.com/wordpress/2006/12/22/what-is-the-best-dance-or-electronic-record-of-2006/">In 2006</a> we upgraded the concept, asked experts about their favorite songs and added a second part where everyone could vote on the records. </p>
<p><a href="http://www.eclectro.nl/verkiezing2007/">This year</a> we will ask everyone about their favorite records of 2007 and let everyone vote.</p>
<p><strong>The voting system</strong><br />
Last year I had been reading <a href="http://www.amazon.com/Critical-Mass-Thing-Leads-Another/dp/0374281254">Critical Mass, how one thing leads to another</a> (a great book if you like statistics). Somewhere in this book there was the notion that the best scientific choice is one out of two. I love simplicity and wanted to do something with this. The dance election looked like the best opportunity to experiment with it. How can you create an advanced voting system that relies on the simplest choice. Right or left, yes or no?</p>
<p>What we build was a voting machine that had over 70 items in its database. Every time you open the website it generates a random playlist of random pairs. Every time you click one item it will update both items in the database in views and give a point to the winning item. The result is a list generated on percentages (views/votes) and as far I know even reasonably scientific correct.</p>
<p>You can listen to previews of the songs and once you make a choice it will show two new songs to make a new choice. To continue, you always have to choose your favorite song out of a random pair.</p>
<p>It sounds really simple, and it is. So far I have found no other system that beats this way of measuring what people like. The list of songs can be indefinite and the number of contributers can be indefinite. Lobby parties are more than welcome, but they should know that every other vote they make counts. You can vote on four records or 600.</p>
<p>Last year <a href="http://www.eclectro.nl/bestof2006/">we&#8217;ve got over 70.000 votes</a>, great media coverage, heavy use of bandwidth and a final list that is a very good representation of what was interesting in electronic music in 2006. </p>
<p>For this years election we connect the election to the <a href="http://www.eclectro.nl/2007-11-11-suggesties-gevraagd-voor-danceplaat-van-het-jaar/">Eclectro blog</a>. A Dutch weblog that has a substantial, growing and very smart group of visitors interested in electronic music.</p>
<p><strong>How to improve</strong><br />
This week I am building the system for this years election, how do you think we can make this better? Is there something we forgot? Or do you <a href="http://www.eclectro.nl/verkiezing2007/">know a dance song that should be on the list</a>? Let me know.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2007/11/12/how-to-organize-the-best-online-election/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Picnic 2007 Review of the tools</title>
		<link>http://www.hypernarrative.com/wordpress/2007/10/01/picnic-2007-review-of-the-tools/</link>
		<comments>http://www.hypernarrative.com/wordpress/2007/10/01/picnic-2007-review-of-the-tools/#comments</comments>
		<pubDate>Mon, 01 Oct 2007 18:33:07 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Interactive Video]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Picnic07]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2007/10/01/picnic-2007-review-of-the-tools/</guid>
		<description><![CDATA[
Supersize aggregator flyer
Every serious project needs an evaluation and so does the Picnic aggregator. The VPRO-crew interviewed everyone who had something to do with the aggregator about what the liked or didn&#8217;t like about it. The &#8216;review of the tools&#8216; is a collection of video and related discussion (see the videos below, sorry it&#8217;s all [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F10%2F01%2Fpicnic-2007-review-of-the-tools%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F10%2F01%2Fpicnic-2007-review-of-the-tools%2F" height="61" width="51" /></a></div><p><img src="http://farm2.static.flickr.com/1439/1457823784_bb79f98d72.jpg" width="400" alt="Mobile posting: Picnic Aggregator flyer" border="1" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/1457823784/" title="Photo Sharing">Supersize aggregator flyer</a></p>
<p>Every serious project needs an evaluation and so does the <a href="http://picnic07.vpro.nl">Picnic aggregator</a>. The VPRO-crew interviewed everyone who had something to do with the aggregator about what the liked or didn&#8217;t like about it. The &#8216;<a href="http://www.youtube.com/profile_videos?user=eefgro">review of the tools</a>&#8216; is a collection of video and related discussion (see the videos below, sorry it&#8217;s all in Dutch).</p>
<p>What I personally liked about the aggregator was the enormous amount of information that was created over the last days. The most difficult thing &#8211; <a href="http://www.hypernarrative.com/wordpress/2007/09/07/picnic-2007-building-a-data-aggregator-for-live-coverage/">from the start</a> &#8211; was to sort all this information. I build a simple interface to make it accessible. The aggregator proved this interface wasn&#8217;t enough to sort signal from noise.</p>
<p>In an aggregated environment information is fragmented. The strong idea behind the aggregator is to give everyone the freedom to use the service they feel most comfortable with. API&#8217;s and feeds make it technically possible to aggregate. The problem is how do you design an interface that keeps the flow of information structured and connected. A machine doesn&#8217;t know how to do this unless all the information is labeled.</p>
<p><strong>And aggregating it did</strong><br />
I think you could compare the aggregator to a news wire service. The reporter out there only knows what he or she sees on sight plus his or her personal knowledge. The reporter sends fragments to the news-desk(aggregator), the place where all the information comes together. There are also other reporters(users or systems) who collect information, sort it on relevance and give meaning. If there is a black spot in the story the news-desk(aggregator) informs the reporter what is missing.</p>
<p>The aggregator covered most of this cycle, except one thing. It collected all the information and gave partial feedback about missing information (mostly through Twitter). What it didn&#8217;t do was organizing, sorting and giving meaning to information collected.</p>
<p>This should be done the next time, how isn&#8217;t important. There is this giant pool of everything. You can make your story in the end of the day searching the archives for quotes or media. Or viewers can sort using voting and bookmark systems. You could even appoint a human editor.</p>
<p>The aggregator was a great success. It aggregated, distributed and made people create and communicate. It transfered the conference vibe to the web. Which should be <a href="http://www.scripting.com/stories/2007/09/19/timeToShakeUpConferences.html">a goal for every conference</a>, this is how you make people sign up for the next event. If only the aggregator could give meaning to information.</p>
<p><a href="http://www.vincenteverts.nl">Vincent Everts</a> (PCZapper/Interimic) about Twitter and Gabcast.<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/SFhxdH7vcAU&#038;rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/SFhxdH7vcAU&#038;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p>Jaap den Dulk (Daadpracht) about Twitter<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/1-NHNPr5v10&#038;rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/1-NHNPr5v10&#038;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p><a href="http://www.vanabbe.com/">Mathijs van Abbe</a> (Van Abbe IT) about Mobypicture<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/TqbNpJN0Tyo&#038;rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/TqbNpJN0Tyo&#038;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p><a href="http://www.leoniekeverhoog.nl/">Leonieke Verhoog</a> (VPRO) about Netvibes and Tumblr<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/T48QZknwlko&#038;rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/T48QZknwlko&#038;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p>Gertjan Kuiper (VPRO) about VPRO&#8217;s Picnic Aggregator: picnic07.vpro.nl<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/tkfdBqdEibE&#038;rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/tkfdBqdEibE&#038;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p><a href="http://www.todaysart.nl">Roeland P. Landegent</a> (TodaysArt) about de Twitter Abroacatr<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/Jg_eOi4OPcM&#038;rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Jg_eOi4OPcM&#038;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p>Wilbert Baan (Volkskrant) about de Picnic Aggregator (interface)<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/8Ht99VOHO_M&#038;rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/8Ht99VOHO_M&#038;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p><a href="http://www.yme.nl/">Yme Bosma</a> (Hyves) about VPRO&#8217;s Picnic Aggregator and onderdelen als Flickr, Tumblr and Splashcast.<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/KvLQN-729bw&#038;rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/KvLQN-729bw&#038;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p><a href="http://www.erwinblom.nl">Erwin Blom</a> (VPRO) about Gabcast: gabcast.com<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/nONeGCXGb48"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/nONeGCXGb48" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p>Nicolette Nol (VPRO) about iMovie.<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/IWyMYdIaWpk"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/IWyMYdIaWpk" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p>Eef Grob (VPRO) about YouTube.<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/fE3ACV9V6CY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/fE3ACV9V6CY" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
<p><a href="http://www.gnr8.nl/w2/">Maarten Terpstra</a> about Operator11: operator11.com<br />
<object width="400" height="326"><param name="movie" value="http://www.youtube.com/v/ODDqX3w096A"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/ODDqX3w096A" type="application/x-shockwave-flash" wmode="transparent" width="400" height="326"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2007/10/01/picnic-2007-review-of-the-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Picnic 2007 building a data aggregator for live coverage</title>
		<link>http://www.hypernarrative.com/wordpress/2007/09/07/picnic-2007-building-a-data-aggregator-for-live-coverage/</link>
		<comments>http://www.hypernarrative.com/wordpress/2007/09/07/picnic-2007-building-a-data-aggregator-for-live-coverage/#comments</comments>
		<pubDate>Fri, 07 Sep 2007 11:33:33 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Picnic07]]></category>
		<category><![CDATA[The Social Web]]></category>
		<category><![CDATA[Things I do]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2007/09/07/picnic-2007-building-a-data-aggregator-for-live-coverage/</guid>
		<description><![CDATA[
This month the Picnic Conference/Festival is in Amsterdam. The VPRO decided to start a wiki and build an aggregator to collect all the data created during the even.
Building an aggregator isn&#8217;t that hard, you just scan for updates on feeds and tags and combine the messages. The big problem is the interface, how do you [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F09%2F07%2Fpicnic-2007-building-a-data-aggregator-for-live-coverage%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F09%2F07%2Fpicnic-2007-building-a-data-aggregator-for-live-coverage%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/picnicker.jpg" alt="PICNIC 2007 aggregator - the picnicker" border="1"></p>
<p>This month <a href="http://www.picnicnetwork.org">the Picnic Conference/Festival</a> is in Amsterdam. The VPRO <a href="http://picnic07.wetpaint.com/">decided to start a wiki</a> and build an aggregator to collect all the data created during the even.</p>
<p>Building an aggregator isn&#8217;t that hard, you just scan for updates on feeds and tags and combine the messages. The big problem is the interface, how do you design an interface that is capable of showing different types of information without creating a long list without context?</p>
<p>There is a certain urge to design an uniform template for all different types of data. I&#8217;m playing with this for a while and have build aggregators in the past. I haven&#8217;t figured out what is the best way to do it. Nonetheless I have given it a try again and build a Picnic aggregator.</p>
<p><strong>How it works</strong><br />
The idea is simple. I have build a bar similar to <a href="http://www.hypernarrative.com/wordpress/2007/06/07/the-twitterticker/">the twitterticker</a>. The top layer reads an RSS file from twitter and scans for a certain word. Right now it is the word &#8216;:&#8217; for testing purposes. I think it will change to PICNIC or something similar. So you can just use the word &#8216;PICNIC&#8217; in your twitter messages.</p>
<p>The second layer is a row with buttons linking to searches or webpages that will have PICNIC coverage during the days of the event.</p>
<p>Nothing fancy, but I think this will do the trick for organizing all the information during Picnic. See the ticker in live action: <a href="http://www.wilbertbaan.nl/picnicker/">www.wilbertbaan.nl/picnicker/</a></p>
<p><a href="http://www.picnicnetwork.org">Picnic has a wiki</a> about the live coverage and data aggregation during the festival. Join it to share your ideas. If you would like to improve my tickerbar, please do. You can find all the source files you need on my server: <a href="http://www.wilbertbaan.nl/picnicker/picnicker_source.zip">download the source files</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2007/09/07/picnic-2007-building-a-data-aggregator-for-live-coverage/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Eclectro.nl a new weblog about electronic / dance music</title>
		<link>http://www.hypernarrative.com/wordpress/2007/06/29/eclectronl-a-new-weblog-about-electronic-dance-music/</link>
		<comments>http://www.hypernarrative.com/wordpress/2007/06/29/eclectronl-a-new-weblog-about-electronic-dance-music/#comments</comments>
		<pubDate>Thu, 28 Jun 2007 23:36:12 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Things I do]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2007/06/29/eclectronl-a-new-weblog-about-electronic-dance-music/</guid>
		<description><![CDATA[
The recently launched website we made for giving away free tickets, Voornopnaarpop.nl ain&#8217;t dry yet and whoops there&#8217;s another website about music.
This time it is a groupblog called Eclectro. If the name rings a bell you probably know it from last year. We used the domain for organizing a contest to vote the best dance [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F06%2F29%2Feclectronl-a-new-weblog-about-electronic-dance-music%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F06%2F29%2Feclectronl-a-new-weblog-about-electronic-dance-music%2F" height="61" width="51" /></a></div><p><img border="1" alt="the mpwie quiz on eclectro" src="http://www.hypernarrative.com/images/mpwie_eclectro.jpg" /></p>
<p>The recently launched website we made for giving away free tickets, <a title="voornopnaarpop" href="http://www.voornopnaarpop.nl">Voornopnaarpop.nl</a> ain&#8217;t dry yet and whoops there&#8217;s another website about music.</p>
<p>This time it is a groupblog called <a title="Eclectro" href="http://www.eclectro.nl">Eclectro</a>. If the name rings a bell you probably know it from last year. We used the domain for organizing a contest to vote <a title="The best dance record of 2006" href="http://www.eclectro.nl/bestof2006/">the best dance record of 2006</a>. With 73.209 votes this was an enormous and unexpected succes.</p>
<p><a title="Bigbeats Inge" href="http://www.bigbeats.nl">Inge</a> is the evil genius behind Eclectro. He build the website and is motivating a group of bloggers to post everything that has anything to do with electronic music on Eclectro. The website is in Dutch, but you know what they say. Music unites :) And music is what this is all about. I&#8217;m sure you know <a title="mp3 mixes Eclectro" href="http://www.eclectro.nl/audio/">how to find some great mixes</a> without reading a word.</p>
<p><a title="mpwie?" href="http://www.eclectro.nl/2007-06-29-mpwie-1-wie-o-wie-maakte-deze-mp3/">Tonight we had a few beers and launched a quiz called mpwho/mpwie</a>. You have to guess the song that is playing, out of a 10 second loop. I&#8217;m not sure if this is too difficult, let me know.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2007/06/29/eclectronl-a-new-weblog-about-electronic-dance-music/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mediatube a mashup of Medialandschap and YouTube</title>
		<link>http://www.hypernarrative.com/wordpress/2007/03/24/mediatube-a-mashup-of-medialandschap-and-youtube/</link>
		<comments>http://www.hypernarrative.com/wordpress/2007/03/24/mediatube-a-mashup-of-medialandschap-and-youtube/#comments</comments>
		<pubDate>Sat, 24 Mar 2007 21:02:20 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Interactive Video]]></category>
		<category><![CDATA[Things I do]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2007/03/24/mediatube-a-mashup-of-medialandschap-and-youtube/</guid>
		<description><![CDATA[Inge recently reminded me about Last.tv. This Dutch project is around for a while. The website mashes your Last.fm playlist with YouTube videoclips.
This reminded me about something I tried a few months ago but never put online. A mashup between the map I build for Medialandschap (my graduation project) and YouTube RSS.
You can click on [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F03%2F24%2Fmediatube-a-mashup-of-medialandschap-and-youtube%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F03%2F24%2Fmediatube-a-mashup-of-medialandschap-and-youtube%2F" height="61" width="51" /></a></div><p><a href="http://www.bigbeats.nl/e107/comment.php?comment.news.566">Inge</a> recently reminded me about <a href="http://www.last.tv">Last.tv</a>. This Dutch project is around for a while. The website mashes <a href="http://www.last.fm/user/hyperauditive">your Last.fm playlist</a> with YouTube videoclips.</p>
<p>This reminded me about something I tried a few months ago but never put online. <a href="http://www.medialandschap.nl/mediatube/">A mashup</a> between the map I build for Medialandschap (my graduation project) and YouTube RSS.</p>
<p>You can click on a place and it will search YouTube for files with this place tag. You can also add a second tag for searching. For example the latest video about <em>dance</em> in <em>Rotterdam</em>.</p>
<p>have fun: <a href="http://www.medialandschap.nl/mediatube/">www.medialandschap.nl/mediatube</a></p>
<p><img border="1" alt="MediaTube" title="MediaTube" src="http://www.hypernarrative.com/images/mediatube.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2007/03/24/mediatube-a-mashup-of-medialandschap-and-youtube/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Snowlapse</title>
		<link>http://www.hypernarrative.com/wordpress/2007/02/08/snowlapse/</link>
		<comments>http://www.hypernarrative.com/wordpress/2007/02/08/snowlapse/#comments</comments>
		<pubDate>Thu, 08 Feb 2007 21:03:19 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Interactive Video]]></category>
		<category><![CDATA[Things I do]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2007/02/08/snowlapse/</guid>
		<description><![CDATA[Today we had the first &#8211; much anticipated (national weatheralarm) &#8211; snow of the year. I made a short time-lapse video.

Link to the *.swf: http://www.wilbertbaan.nl/files/snowlapse.swf
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F02%2F08%2Fsnowlapse%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F02%2F08%2Fsnowlapse%2F" height="61" width="51" /></a></div><p>Today we had the first &#8211; much anticipated (national weatheralarm) &#8211; snow of the year. I made a short time-lapse video.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="224" id="economic_activity" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.wilbertbaan.nl/files/snowlapse.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="http://www.wilbertbaan.nl/files/snowlapse.swf" quality="high" bgcolor="#000000" width="400" height="224" name="economic_activity" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></p>
<p>Link to the *.swf: <a href="http://www.wilbertbaan.nl/files/snowlapse.swf">http://www.wilbertbaan.nl/files/snowlapse.swf</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2007/02/08/snowlapse/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>World economic activity</title>
		<link>http://www.hypernarrative.com/wordpress/2007/02/01/world-economic-activity/</link>
		<comments>http://www.hypernarrative.com/wordpress/2007/02/01/world-economic-activity/#comments</comments>
		<pubDate>Thu, 01 Feb 2007 22:25:54 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Interactive Video]]></category>
		<category><![CDATA[On the Web]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2007/02/01/world-economic-activity/</guid>
		<description><![CDATA[
The G-Econ research project is devoted to developing a geophysically based data set on economic activity for the world.
I just love these wonderful animating multiple dimensional informative graphics.
Link to the *.swf: http://www.wilbertbaan.nl/files/economic_activity.swf
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F02%2F01%2Fworld-economic-activity%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F02%2F01%2Fworld-economic-activity%2F" height="61" width="51" /></a></div><p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="224" id="economic_activity" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.wilbertbaan.nl/files/economic_activity.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="http://www.wilbertbaan.nl/files/economic_activity.swf" quality="high" bgcolor="#000000" width="400" height="224" name="economic_activity" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></p>
<p><i>The <a href="http://gecon.yale.edu/">G-Econ research project</a> is devoted to developing a geophysically based data set on economic activity for the world.</i></p>
<p>I just love <a href="http://gecon.yale.edu/world_big.swf">these wonderful animating multiple dimensional informative graphics</a>.</p>
<p>Link to the *.swf: <a href="http://www.wilbertbaan.nl/files/economic_activity.swf">http://www.wilbertbaan.nl/files/economic_activity.swf</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2007/02/01/world-economic-activity/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>1 Billion mobile phones countdown</title>
		<link>http://www.hypernarrative.com/wordpress/2007/01/28/1-billion-mobile-phones-countdown/</link>
		<comments>http://www.hypernarrative.com/wordpress/2007/01/28/1-billion-mobile-phones-countdown/#comments</comments>
		<pubDate>Sun, 28 Jan 2007 12:46:38 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Mobile culture]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2007/01/28/1-billion-mobile-phones-countdown/</guid>
		<description><![CDATA[I am still amazed by fridays message that 1 billion mobile phones were sold in 2006.
To get a better grip on how much this actually is I have build a small 2007-1-billion-mobile-phones-countdown-clock. It counts down from January first 2007. Although it uses your system clock and some dirty code I think it comes close to [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F01%2F28%2F1-billion-mobile-phones-countdown%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2007%2F01%2F28%2F1-billion-mobile-phones-countdown%2F" height="61" width="51" /></a></div><p>I am still amazed by fridays message that <a href="http://www.hypernarrative.com/wordpress/2007/01/26/1000000000000-brand-new-mobile-phones/">1 billion mobile phones were sold in 2006</a>.</p>
<p>To get a better grip on how much this actually is I have build a small 2007-1-billion-mobile-phones-countdown-clock. It counts down from January first 2007. Although it uses your system clock and some dirty code I think it comes close to actual results.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="100" id="mobile_phones" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://lab.hypernarrative.com/mobile_phones.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="http://lab.hypernarrative.com/mobile_phones.swf" quality="high" bgcolor="#000000" width="400" height="100" name="mobile_phones" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></p>
<p>You can find the *.swf over here: <a href="http://lab.hypernarrative.com/mobile_phones.swf">http://lab.hypernarrative.com/mobile_phones.swf</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2007/01/28/1-billion-mobile-phones-countdown/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio</title>
		<link>http://www.hypernarrative.com/wordpress/2006/11/05/portfolio/</link>
		<comments>http://www.hypernarrative.com/wordpress/2006/11/05/portfolio/#comments</comments>
		<pubDate>Sun, 05 Nov 2006 20:42:53 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Things I do]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2006/11/05/portfolio/</guid>
		<description><![CDATA[This weekend I started working on a portfolio. I think it is nice to make a place where things can be combined and showed in another way than a blogcatagorie on this blog.
I like to organize and catagorize data, this will come back in the portfolio. I have build a prototype that makes it possible [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2006%2F11%2F05%2Fportfolio%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2006%2F11%2F05%2Fportfolio%2F" height="61" width="51" /></a></div><p>This weekend I started working on a portfolio. I think it is nice to make a place where things can be combined and showed in another way than <a href="http://www.hypernarrative.com/wordpress/index.php?cat=3">a blogcatagorie on this blog</a>.</p>
<p>I like to organize and catagorize data, this will come back in the portfolio. I have build a prototype that makes it possible to organize all projects by two axes (left, bottom). You &#8211; as a user &#8211; can fill the axes by making a selection from the lists on the top left and bottom right. For example the selection time (x) and video (y) will order all projects in time from left to right and the projects that are most related to video higher.</p>
<p>In the end the system will enable everyone to sort the projects on progress in time, change in technique, my personal interests, etc.</p>
<p>Take a look: <a href="http://www.wilbertbaan.nl/client/">http://www.wilbertbaan.nl/client/</a> (Don&#8217;t be distracted by the background video, this is random and can be changed by refreshing. In the end I want to replace this by some slow moving abstract images.)</p>
<p><img src="http://www.hypernarrative.com/images/portfolio.jpg" alt="Portfolio wilbertbaan.nl" border="1"></p>
<p>If you have any comments, suggestions or ideas, please let me know in the comments.</p>
<p>P.s. If you have the right version of Flash you can use the rightmouse menu to go to fullscreen mode.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2006/11/05/portfolio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>(Real) Full Screen YouTube and Google video</title>
		<link>http://www.hypernarrative.com/wordpress/2006/10/16/youtube-full-screen/</link>
		<comments>http://www.hypernarrative.com/wordpress/2006/10/16/youtube-full-screen/#comments</comments>
		<pubDate>Mon, 16 Oct 2006 18:12:06 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Experiments]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2006/10/16/youtube-full-screen/</guid>
		<description><![CDATA[Last week I started experimenting with the full screen functionality in the new flash player. I build a simple player that plays YouTube and Google videos full screen.
The Flash full screen is real full sreen. Use the [esc]-button to leave full screen modus. The right mouse button gives a menu.

Note: You need Flashplayer 9,0,18,60 to [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2006%2F10%2F16%2Fyoutube-full-screen%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2006%2F10%2F16%2Fyoutube-full-screen%2F" height="61" width="51" /></a></div><p>Last week I started experimenting with the full screen functionality in the new flash player. I build a simple player that plays YouTube and Google videos full screen.</p>
<p>The Flash full screen is real full sreen. Use the [esc]-button to leave full screen modus. The right mouse button gives a menu.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,18,0" width="400" height="320" id="youtube_fullscreen" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="true" /><param name="movie" value="http://lab.hypernarrative.com/youtube_fullscreen.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="http://lab.hypernarrative.com/youtube_fullscreen.swf" quality="high" bgcolor="#000000" width="400" height="320" name="youtube_fullscreen" align="middle" allowFullScreen="true" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></p>
<p><b>Note: You need Flashplayer 9,0,18,60 to run Full Screen. <a href="http://labs.adobe.com/downloads/flashplayer9.html">Download it here</a>.</b> The latest version of Flash 9 will do.</p>
<p>Not the right version of Flash, see how it looks.<br />
<iframe src="http://www.medialandschap.nl/player_portable.php?video=1161022253" width="400" height="300" scrolling="no" frameborder="0"></iframe><br />
<a href-"http://www.medialandschap.nl/player.php?video=1161022253">Permanent link video</a></p>
<p>More about implementing full screen Flash in <a href="http://labs.adobe.com/wiki/index.php/Flash_Player:9:Update:Full-Screen_Mode#HTML_for_full-screen_mode">Adobe Labs</a>.</p>
<p><b>December 2 Update:</b><br />
Right now I&#8217;m building a videoplayer for the <a href="http://www.volkskrant.nl">Volkskrant</a>, a Dutch newspaper and website. It allows everyone with a website to embed <a href="http://www.hypernarrative.com/wordpress/index.php?s=vk.tv">Vk.tv</a> videoreports and reviews made by editors. </p>
<p>This videoplayer has the option to jump to full screen by right-clicking the screen or by clicking the fullscreen icon in the lowerright corner. You only see the button if you have the appropriate version of Flash installed. If you click [deze video op je weblog] (this video on your blog) you can set your own size for embedding the video on your website.</p>
<p><iframe src="http://extra.volkskrant.nl/vktv/videoblog/video.php?id=3301" width="400" height="340" scrolling="no" frameborder="0"></iframe></p>
<p>Link: <a href="http://extra.volkskrant.nl/vktv/videoblog/index.php?id=3301&#038;title=Recensie:%20Brad%20Pitt%20in%20Babel">Video: Recensie: Brad Pitt in Babel</a></p>
<p><a href="http://extra.volkskrant.nl/vktv/videoblog/index.php?id=3509&#038;title=Recensie:%20Lady%20Sovereign%20en%20The%20Decemberists">More Volkskrant videos</a></p>
<p><b>December 7 update:</b><br />
<a href="http://lab.hypernarrative.com/youtube_fullscreen.fla">Download the *.fla source</a> of the YouTube Fullscreen Flash file.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2006/10/16/youtube-full-screen/feed/</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
	</channel>
</rss>
