<?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; Live Web</title>
	<atom:link href="http://www.hypernarrative.com/wordpress/category/live-web/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>Thoughts about the near future of news distribution based on some trends</title>
		<link>http://www.hypernarrative.com/wordpress/2009/12/04/thoughts-about-the-near-future-of-news-distribution-based-on-some-trends/</link>
		<comments>http://www.hypernarrative.com/wordpress/2009/12/04/thoughts-about-the-near-future-of-news-distribution-based-on-some-trends/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 08:14:08 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[eco]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[system]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1716</guid>
		<description><![CDATA[Thoughts about how and what will change in news distribution in the next 10 years, by extrapolating some movements that are happening right now.
Let me know how you think about this, and please correct me if you think my assumptions are wrong.
1. Display advertising revenues will keep fading.
Banner supported is not a sustainable business model [...]]]></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%2F04%2Fthoughts-about-the-near-future-of-news-distribution-based-on-some-trends%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2009%2F12%2F04%2Fthoughts-about-the-near-future-of-news-distribution-based-on-some-trends%2F" height="61" width="51" /></a></div><p><em>Thoughts about how and what will change in news distribution in the next 10 years, by extrapolating some movements that are happening right now.</p>
<p>Let me know how you think about this, and please correct me if you think my assumptions are wrong.</em></p>
<p><b>1. Display advertising revenues will keep fading.</b><br />
Banner supported is not a sustainable business model for news websites. Pageview prices are declining, inventory goes up and banner blindness is very real. News &#8220;engagement&#8221; is shifting to social networks. </p>
<p>At the same time brands are looking for brand experiences involving customers. They are building their own or public platforms to connect with customers. Display advertising is not adding enough value, even when it&#8217;s cheap.</p>
<p>NGO&#8217;s are practicing, funding or hosting journalism. They not only hire journalists they are hosting and distributing the stories themselves.</p>
<p><b>2. Television will take revenge.</b><br />
With internet enabled television sets, the tv becomes a more interesting medium. There is always something to watch. Social layers will make live events more interesting. Especially news and sports events. Television interfaces need to change. We need new interface thinking for televisions. We need what the iPhone interface did to the mobile interface design thinking of all mobile phones.</p>
<p><b>3. Mobile becomes the #1 internet device.</b><br />
Phone users outnumber computer users. Technology fits in phones and the lifecycle of a phone is shorter compared to a computer. The phone is a personal device, most computers aren&#8217;t. It&#8217;s the #1 communication device and this makes it the best device to share news. Todays modern mobile phone can do most things a computer could do in 2007.</p>
<p><b>4. Serendipity redefined</b>.<br />
Serendipity was something that belonged to newspapers and magazines. Serendipity was about the stories you found by accident in newspapers and magazines, small surprises. The web brought a new kind of serendipity, you found stuff by browsing. Social networks enhanced this experience. You find stuff because of your network. The &#8220;new&#8221; serendipity isn&#8217;t captured in media, it&#8217;s in the people. This is serendipity on a completely new level, it&#8217;s personal.</p>
<p><b>5. Databases become public</b><br />
I don&#8217;t want to go into a discussion of when or if we ever will get a semantic web. What you can see is that more information becomes public and it is more structured. When databases go public more people can combine information to make new information, more people can practice database journalism.</p>
<p><b>6. Information availability and accessibility explodes</b><br />
The web is still growing and it will probably never stop. As interfaces, global coverage and search evolve more people get easy access to all of this information. More information is a good thing, all you need is good filters. Those filters can be computers or human.</p>
<p><b>7. The real time web, we are all continuously connected.</b><br />
Continuously connected, sharing more and more personal information. Maybe for safety, for fun or for voyeurism. Sharing creates online existence. Everything you do is information, combine this with point 5 and 6.</p>
<p><b>8. News agencies will no longer lead the discussion</b><br />
They will keep losing the signaling function, because everyone is a (re)broadcaster in his or her own network. And they will find it difficult to control, lead or own the discussion. Discussions become fluid, you can start them, but you can&#8217;t own or host them.</p>
<p><b>Conclusive thoughts:</b><br />
News is and will be a more social experience. </p>
<p>Your (social) network will be important to help you make order out of information chaos.</p>
<p>News outlets will act like hubs for people sharing the same ideas.</p>
<p>The media- or informationlandscape polarizes, like magazines. More media will engage on the same level, making them working great together or strong competitors.</p>
<p>Information will be free. All you have to do is connect the dots instead of creating them. </p>
<p>News will be about guiding and analyzing, almost like a curator. If you&#8217;re a good curator, you add value.</p>
<p>Curators are often people.</p>
<p>The news eco system will be much more decentralized, making it stronger.</p>
<p>The system how news distribution works right now is just not made for the media of tomorrow. The traditional ecosystem for news will be disrupted.</p>
<p>The new eco system will inform us better.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2009/12/04/thoughts-about-the-near-future-of-news-distribution-based-on-some-trends/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<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>What a news organization looks like in a social media driven web</title>
		<link>http://www.hypernarrative.com/wordpress/2009/07/02/what-a-news-organization-looks-like-in-a-social-media-driven-web/</link>
		<comments>http://www.hypernarrative.com/wordpress/2009/07/02/what-a-news-organization-looks-like-in-a-social-media-driven-web/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 08:23:34 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[The Social Web]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Jay Rosen]]></category>
		<category><![CDATA[live]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[NYU]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[social web]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1590</guid>
		<description><![CDATA[Social media is becoming a very influential referrer. Website like Facebook and Twitter generate growing amounts of traffic websites. They work best for the live web (news) and for memes. And they are in the race to become serious competition for Google in getting the right people on the right page.
Social media (Twitter/Facebook) is 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%2F2009%2F07%2F02%2Fwhat-a-news-organization-looks-like-in-a-social-media-driven-web%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2009%2F07%2F02%2Fwhat-a-news-organization-looks-like-in-a-social-media-driven-web%2F" height="61" width="51" /></a></div><p>Social media is <a href="http://newteevee.com/2009/03/06/changing-nature-of-virality-facebook-and-twitter/">becoming a very influential referrer</a>. Website like Facebook and Twitter generate growing amounts of traffic websites. They work best for the live web (news) and for memes. And they are in the race to become <a href="http://www.telegraph.co.uk/scienceandtechnology/technology/google/5694924/Google-the-toothless-Big-Brother.html">serious competition for Google</a> in getting the right people on the right page.</p>
<p>Social media (Twitter/Facebook) is the new Google (making the web more useful with its service). It doesn&#8217;t care about page rank. It cares about what people think and how trustworthy and influential people are.</p>
<p>Google and Twitter are very different in a number of ways.</p>
<p><strong>Google</strong></p>
<ol>
<li>Longer URL, the longer the better</li>
<li>Getting bigger websites to link to your website</li>
<li>Know and find</li>
<li>Authenticity</li>
<li>Ranking content</li>
<li>Optimization</li>
<li>The best of time</li>
</ol>
<p><strong>Twitter</strong></p>
<ol>
<li>Short URL, an URL is waste of space</li>
<li>Getting influential online people to talk about your website</li>
<li>Follow and discover</li>
<li>Creativity</li>
<li>Ranking people</li>
<li>Lobbying</li>
<li>The best of now</li>
</ol>
<p><strong>What does this mean for news reporting?</strong><br />
The major news websites and publication systems weren&#8217;t really designed for SEO. They are still catching up, far behind the current technological state blogs are in. </p>
<p>While media and journalist are still <a href="http://www.nytimes.com/2009/04/08/technology/internet/08google.html">blaming Google</a> the second disrupting innovation for their Industry is already taking place. And this time they won&#8217;t be able to blaim a company.</p>
<p>What about the editors? Google was about systems, about technology. The current wave of social media is about people. Are the news editors &#8211; the current and a new generation &#8211; ready?</p>
<p><strong>The link</strong><br />
A news organization in a social media environment doesn&#8217;t have to create content, it creates context around links. It directs you. That&#8217;s the function of a news organization. Guide you as a customer to the best information you can find. Sometimes this mean (re)writing a summary or story, other times it means linking to other good stuff. </p>
<p>It&#8217;s also about value. If you &#8211; as a content creator &#8211; are not adding much to what&#8217;s already out there you can&#8217;t expect to have a sustainable business model. If you don&#8217;t add much, you won&#8217;t get much.</p>
<p>The link is the most important asset of the web. It is for Google and it is for Twitter. In a social media driven web it&#8217;s not about the content the link directs to. It&#8217;s about who presents the link. Linking builds trust. You have to earn this trust by linking to things that add value for your audience.</p>
<p><strong><a href="http://twitter.com/jayrosen_nyu">Jay Rosen</a>, professor at NYU on the ethic of the link</strong><br />
<object width="500" height="405"><param name="movie" value="http://www.youtube.com/v/RIMB9Kx18hw&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/RIMB9Kx18hw&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="405"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2009/07/02/what-a-news-organization-looks-like-in-a-social-media-driven-web/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>The Urban Explorers 2009 video interface</title>
		<link>http://www.hypernarrative.com/wordpress/2009/06/07/the-urban-explorers-2009-video-interface/</link>
		<comments>http://www.hypernarrative.com/wordpress/2009/06/07/the-urban-explorers-2009-video-interface/#comments</comments>
		<pubDate>Sun, 07 Jun 2009 19:12:21 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Interactive Video]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Mobile culture]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[blip]]></category>
		<category><![CDATA[dordrecht]]></category>
		<category><![CDATA[Eclectro]]></category>
		<category><![CDATA[explorers]]></category>
		<category><![CDATA[festival]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[live]]></category>
		<category><![CDATA[live report]]></category>
		<category><![CDATA[report]]></category>
		<category><![CDATA[ue09]]></category>
		<category><![CDATA[urban]]></category>
		<category><![CDATA[urban explorers]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[videoblog]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1532</guid>
		<description><![CDATA[
The Urban Explorers video interface (live report) from Wilbert Baan on Vimeo.
For the music and art festival Urban Explorers festival I made a special video interface. During the festival reporters uploaded video with their mobile phones. The video was categorized on artists, venues and makers based on the video title. The project used the Blip [...]]]></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%2F06%2F07%2Fthe-urban-explorers-2009-video-interface%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2009%2F06%2F07%2Fthe-urban-explorers-2009-video-interface%2F" height="61" width="51" /></a></div><p><object width="501" height="313"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5045407&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5045407&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="501" height="313"></embed></object>
<p><a href="http://vimeo.com/5045407">The Urban Explorers video interface (live report)</a> from <a href="http://vimeo.com/wilbertbaan">Wilbert Baan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>For the music and art festival Urban Explorers festival I made a special video interface. During the festival reporters uploaded video with their mobile phones. The video was categorized on artists, venues and makers based on the video title. The project used the Blip API.</p>
<p><a href="http://www.eclectro.nl/ue09/videoblog/">Give it a try</a>.</p>
<p><a href="http://www.flickr.com/photos/wilbertbaan/3582394424/" title="Video interface for the Urban Explorers festival 2009 by wilbertbaan, on Flickr"><img src="http://farm4.static.flickr.com/3593/3582394424_4796f27c37.jpg" width="500" height="313" alt="Video interface for the Urban Explorers festival 2009" /></a></p>
<p>The report was done by <a href="http://www.eclectro.nl">Eclectro.nl</a> reporters. I was supposed to be a reporter as well, but missed the festival because of the birth of Benjamin.</p>
<p><a href="http://www.hypernarrative.com/wordpress/2009/04/22/interface-experiments-for-a-new-live-report">The process of building the interface</a> can be found here.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2009/06/07/the-urban-explorers-2009-video-interface/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Interface experiments for a new live report</title>
		<link>http://www.hypernarrative.com/wordpress/2009/04/22/interface-experiments-for-a-new-live-report/</link>
		<comments>http://www.hypernarrative.com/wordpress/2009/04/22/interface-experiments-for-a-new-live-report/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 07:56:34 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Interactive Video]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[blip]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[videoblog]]></category>
		<category><![CDATA[vlog]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1474</guid>
		<description><![CDATA[Over the last few years I&#8217;ve worked on different live reports for different kind of festivals. I like what you can make with (almost) realtime information based on the API&#8217;s of other services. For the Urban Explorers festival in May this year I started working on a new interface.
The amount of aggregated information can be [...]]]></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%2F04%2F22%2Finterface-experiments-for-a-new-live-report%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2009%2F04%2F22%2Finterface-experiments-for-a-new-live-report%2F" height="61" width="51" /></a></div><p>Over the last few years I&#8217;ve worked on different live reports for different kind of festivals. I like what you can make with (almost) realtime information based on the API&#8217;s of other services. For the Urban Explorers festival in May this year I started working on a new interface.</p>
<p>The amount of aggregated information can be overwhelming for people, so I&#8217;m looking at how can you keep it understandable for new visitors. Or in the case of Urban Explorers for people who never visited or will never visit the festival. UE is a music and art festival that takes place in different venues in the city of Dordrecht.</p>
<p><strong>Blip API</strong><br />
The idea is to start working with the Blip API. And cover the festival with an interface that only shows video. There will be Twitter coverage and blog posts, but the idea is to create a narrative that can be sorted based on people, performances and maybe venues.</p>
<p>I haven&#8217;t exactly figured out what it should look like, but just started to make some interfaces to see what works and what doesn&#8217;t. I you have ideas or great examples, please share them in the comments.</p>
<p>Last week the Next Web conference was organized in the Netherlands. This tech conference generates a lot of online media like tagged twitter messages. And was a perfect try-out for working with streaming video and twitter. I combined some old scripts and designs and made <a href="http://www.wilbertbaan.nl/thenexthack">http://www.wilbertbaan.nl/thenexthack</a>.</p>
<p><object width="500" height="288"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4195420&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FF0066&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4195420&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FF0066&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="288"></embed></object><br /><a href="http://vimeo.com/4195420">The Next Hack</a> from <a href="http://vimeo.com/wilbertbaan">Wilbert Baan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><object width="500" height="288"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4203159&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FF0066&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4203159&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FF0066&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="288"></embed></object><br /><a href="http://vimeo.com/4203159">The Next Web live video + tweets experiment &#8211; Yunoo presentation</a> from <a href="http://vimeo.com/wilbertbaan">Wilbert Baan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>I looked at a full screen interface that could work in a pop-up or fill your entire screen. It looks a bit like my old videoblog (<a href="http://www.hypernarrative.com/videoblog/index.html">http://www.hypernarrative.com/videoblog/index.html</a>). I like these type of interfaces for live events because they are more experience based (click on what you see) instead of search based (like youtube).</p>
<p><object width="500" height="288"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4254683&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FF0066&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4254683&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FF0066&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="288"></embed></object><br /><a href="http://vimeo.com/4254683">Interface Experiment 1</a> from <a href="http://vimeo.com/wilbertbaan">Wilbert Baan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>I started moving the video, since all tag result pages will give different amount of results the blocked interface looks nice, but it has limits in what it can show. And it looks weird if you haven&#8217;t got enough video to fill the entire interface. Both interfaces below are completely dynamic and can show only one item or 30.</p>
<p><object width="500" height="288"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4254700&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FF0066&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4254700&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FF0066&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="288"></embed></object><br /><a href="http://vimeo.com/4254700">Interface Experiment 2</a> from <a href="http://vimeo.com/wilbertbaan">Wilbert Baan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><object width="500" height="288"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4254706&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FF0066&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4254706&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=FF0066&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="288"></embed></object><br /><a href="http://vimeo.com/4254706">Interface Experiment 3</a> from <a href="http://vimeo.com/wilbertbaan">Wilbert Baan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><strong>I just make interfaces</strong><br />
It&#8217;s amazing that all those examples are made on top of infrastructure of other people. Blip is perfect because multiple people can send video using a mobile phone and I can get the source files from the server <a href="http://blip.tv/about/api/">using the Blip API</a>. It&#8217;s pretty weird how much difference you can make with only interfaces.</p>
<p><strong>Last.fm Lovewall</strong><br />
Last year I made the Last.fm lovewall. A bluetooth based installation that matches people based on Last.fm data. This installation or something different build on this technology might find a spot at the festival as well.</p>
<p><object width="500" height="288"><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=0&amp;color=FF0066&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=0&amp;color=FF0066&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="288"></embed></object><br /><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>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2009/04/22/interface-experiments-for-a-new-live-report/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>The Value of Portable Social networks</title>
		<link>http://www.hypernarrative.com/wordpress/2009/01/20/the-value-of-portable-social-networks/</link>
		<comments>http://www.hypernarrative.com/wordpress/2009/01/20/the-value-of-portable-social-networks/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 19:49:47 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Interactive Video]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Online Identity]]></category>
		<category><![CDATA[The Social Web]]></category>
		<category><![CDATA[barackobama]]></category>
		<category><![CDATA[cnn]]></category>
		<category><![CDATA[Current]]></category>
		<category><![CDATA[distribution]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Joost]]></category>
		<category><![CDATA[live]]></category>
		<category><![CDATA[networks]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[NY Times]]></category>
		<category><![CDATA[obama]]></category>
		<category><![CDATA[Portable Social Networks]]></category>
		<category><![CDATA[stream]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[Ustream]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1290</guid>
		<description><![CDATA[
CNN videostream with Facebook integration (zoom)
The Obama inauguration was broadcasted everywhere. Every upcoming video sharing-, hosting- or distributionservice did something around the big Obama event.
I think the most exiting and successful combination was what CNN did together with Facebook. CNN had a high quality live videostream with Facebook updates from your friends talking about 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%2F2009%2F01%2F20%2Fthe-value-of-portable-social-networks%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2009%2F01%2F20%2Fthe-value-of-portable-social-networks%2F" height="61" width="51" /></a></div><p><img src="http://img.skitch.com/20090120-g79mjnxqi28dc8g4bx3b341wmh.jpg" border="1" alt="CNN / Facebook" width="400"><br />
<em><a href="http://skitch.com/wilbertbaan/bb238/cnn.com-live-facebook">CNN videostream with Facebook integration (zoom)</a></em></p>
<p><a href="http://news.google.com/news?client=safari&#038;rls=en-us&#038;q=inauguration&#038;oe=UTF-8&#038;um=1&#038;ie=UTF-8&#038;hl=en&#038;sa=X&#038;oi=news_group&#038;resnum=1&#038;ct=title">The Obama inauguration</a> was <a href="http://www.techcrunch.com/2009/01/18/the-techcrunch-guide-to-the-inauguration/">broadcasted everywhere</a>. Every upcoming video sharing-, hosting- or distributionservice did something around the big Obama event.</p>
<p>I think the most exiting and successful combination was what CNN did together with Facebook. CNN had a high quality live videostream with Facebook updates from your friends talking about the video stream.</p>
<p><strong>The power of distribution</strong><br />
<img src="http://img.skitch.com/20090120-eu9pg4s7rm9i413a8aph4uqqim.jpg" border="1" alt="Current TV" width="400"><br />
<em><a href="http://skitch.com/wilbertbaan/bb3k4/inauguration-current">Current TV on the web (zoom)</a></em></p>
<p>Current TV was also broadcasting the event on television and used Twitter. Which is great for television, because television is a one-to-many medium and you can easily interact with the television by using a Twitter client on your phone or laptop.</p>
<p>Facebook was the best option for the web. Watching video on the web is more a personal and more interactive experience. This is what Facebooks adds. You&#8217;re watching the stream, not with the world (like Twitter+TV) but with your friends/contacts. </p>
<p>The computer is much more personal compared to a television and thus the interaction should be more personal as well. My social network is not your social network. It&#8217;s a distributed conversation.</p>
<p><strong>Portable Social Networks</strong><br />
These kind of combinations or applications can only be created if social networks are (partly) open and allow services like CNN to use the network. For this event CNN didn&#8217;t create conversation tools, networks or any other infrastructure. They just connected the dots of Facebook to the dots of what they do best. Making live television.</p>
<p>This is what happens when services open up. You get the best of both worlds. Portable social networks are the future.</p>
<p><strong>NY Times</strong><br />
<img src="http://img.skitch.com/20090120-gi4b2b3wcu8euydwigh2n9fcmd.jpg" border="1" alt="NY Times" width="400"><br />
<em><a href="http://skitch.com/wilbertbaan/bb3m4/the-new-york-times-breaking-news-world-news-multimedia">The New York Times homepage (zoom)</a></em></p>
<p><strong>Ustream</strong><br />
<img src="http://img.skitch.com/20090120-tk18ft1wby6nucac5ickjpdqd9.jpg" border="1" alt="Ustream" width="400"><br />
<em><a href="http://skitch.com/wilbertbaan/bb3mb/barack-obama-inauguration-day-live-ustream.tv-the-presidential-inauguration-is-the-official-day-that-the-president-news-events-politics-world-news">Ustream (zoom)</a></em></p>
<p><strong>Joost</strong><br />
<img src="http://img.skitch.com/20090120-kbahcn7ikgpwekejub8ytrwwab.jpg" border="1" alt="Joost" width="400"><br />
<em><a href="http://skitch.com/wilbertbaan/bb3k9/obama-inauguration-live-joost">Joost (zoom)</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2009/01/20/the-value-of-portable-social-networks/feed/</wfw:commentRss>
		<slash:comments>4</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>The Live Web is Always Right, Until Proven Wrong</title>
		<link>http://www.hypernarrative.com/wordpress/2008/10/07/the-live-web-is-always-right-until-proven-wrong/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/10/07/the-live-web-is-always-right-until-proven-wrong/#comments</comments>
		<pubDate>Tue, 07 Oct 2008 07:01:33 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[cnn]]></category>
		<category><![CDATA[iReport]]></category>
		<category><![CDATA[steve jobs]]></category>
		<category><![CDATA[truth]]></category>
		<category><![CDATA[united airlines]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1053</guid>
		<description><![CDATA[
Painting: Jan van de Heyden &#8211; inventor of the fire hose &#8211; Fire Amsterdam Town Hall 1690 (translated link)
Two major financial losses have we seen in the last two months. Not because of the credit crunch, but because everything in this digital world is connected.
On the web new information is true until proven false. This [...]]]></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%2F10%2F07%2Fthe-live-web-is-always-right-until-proven-wrong%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F10%2F07%2Fthe-live-web-is-always-right-until-proven-wrong%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/fire_townhall_amsterdam-20081007-084543.jpg" alt="Fire in the Amsterdam Town Hall - Jan van de Heyden" border="1" /><br />
<em>Painting: <a href="http://stadsarchief.amsterdam.nl/presentaties/amsterdamse_schatten/rampen/brandblussen/schat_format.nl.html">Jan van de Heyden &#8211; inventor of the fire hose &#8211; Fire Amsterdam Town Hall 1690</a> (<a href="http://translate.google.com/translate?u=http%3A%2F%2Fstadsarchief.amsterdam.nl%2Fpresentaties%2Famsterdamse_schatten%2Frampen%2Fbrandblussen%2Fschat_format.nl.html&#038;hl=en&#038;ie=UTF-8&#038;sl=nl&#038;tl=en">translated link</a>)</em></p>
<p>Two major financial losses have we seen in the last two months. Not because of the credit crunch, but because everything in this digital world is connected.</p>
<p>On the web new information is true until proven false. This is something you might like, or not. It is not a choice, it&#8217;s the fact of a connected medium that gives everyone a voice. We have to find ways to work with it. And we are just starting to find out the effects of this dense and very well connected network that is continues searching for the next big thing&#8230; And the network is trigger happy.</p>
<p><strong>About those losses</strong><br />
Ten billion dollar in total. Last month an old <a href="http://technology.timesonline.co.uk/tol/news/tech_and_web/article4742147.ece">article about United Airlines re-appeared in Google News</a> because of a date failure. News spread across the web in no time. Traders started selling shares, loss $1 billion. </p>
<p>Last week a wrong story about <a href="http://www.sfgate.com/cgi-bin/article.cgi?f=/c/a/2008/10/04/MNIV13B9E4.DTL">Steve Jobs having a hearth attack</a> made it to CNN iReport. News spread across the web very fast and Apple stock plunged. Instant decrease in value: $9 billion.</p>
<p>Both stories started an online fire that could only be stopped by checking the story. But, when there is smoke in the air, the whole town is already alerted. You can&#8217;t hide it. All you can do is <a href="http://www.hypernarrative.com/wordpress/2008/06/06/making-the-web-more-live/">report facts as soon as possible</a>.</p>
<p>In a dense societies, like the web, and cities in the seventeenth century. The high speed spreading of information is crucial. If there was a fire in your neighborhood. It didn&#8217;t really matter that much if it small or big, you would wanted to know about it. Since all houses were close to each other and stopping a fire was difficult. Alert first, check later.</p>
<p><strong>The web is not paper</strong><br />
Reporting fragments of information is what the web is good at. We still use it as if it is a piece of paper. We publish hypertext, but we won&#8217;t alter it, like paper. We give web pages unique addresses, like paper. After all these years we still treat hypertext like paper.</p>
<p><strong>Wikipedia</strong><br />
Wikipedia doesn&#8217;t. This is what makes Wikipedia more an internet product instead of a print product. Wikipedia is alive, it uses fixed urls and the content changes all the time. Everything can be altered and deleted. Hypertext is alive. Wikipedia is &#8211; like the web &#8211; a continues and endless process.</p>
<p><strong>Open Source Journalism</strong><br />
The live web poses not directly new problems for journalism, but it requires more speed and a different way of working. It will eventually require a different approach. Journalists will have to be live reporters. They don&#8217;t decide if it will be news or not. They will decide if something will stay news or not. </p>
<p>As a reporter you can&#8217;t ignore the smoke in your town. Everyone wants to know what&#8217;s going on and it&#8217;s the job of the journalist to figure this out, as fast as possible. And the best way to do this is by using the collective wisdom and make his or her knowledge and process public. The open source journalist will be a better informed journalist.</p>
<p><strong>And about the truth?</strong><br />
We will see many more of these short-time information failures in the future and those will probably also lead to large financial losses. We have to find a way to live with it. The journalist that works on the web will be more active as a firefighter instead of a fire starter.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/10/07/the-live-web-is-always-right-until-proven-wrong/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eclectro Live at the TodaysArt festival</title>
		<link>http://www.hypernarrative.com/wordpress/2008/09/27/eclectro-live-at-the-todaysart-festival/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/09/27/eclectro-live-at-the-todaysart-festival/#comments</comments>
		<pubDate>Sat, 27 Sep 2008 16:11:03 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Architecture]]></category>
		<category><![CDATA[projection]]></category>
		<category><![CDATA[ta08]]></category>
		<category><![CDATA[todaysart]]></category>
		<category><![CDATA[urban]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1030</guid>
		<description><![CDATA[
Before the Picnic conference was finished we left for The Hague where the music blog Eclectro &#038; TodaysArt will cover the TodaysArt festival online. A two day festival about art, performance and music (live stream).
On of the things from yesterday that I really love is a projection at het Spui. The projection is made in [...]]]></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%2F27%2Feclectro-live-at-the-todaysart-festival%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F09%2F27%2Feclectro-live-at-the-todaysart-festival%2F" height="61" width="51" /></a></div><p><object type="application/x-shockwave-flash" width="400" height="225" data="http://www.flickr.com/apps/video/stewart.swf?v=60247" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=24c2db569b&amp;photo_id=2891711575&amp;show_info_box=true"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=60247"></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=60247" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=24c2db569b&amp;photo_id=2891711575&amp;flickr_show_info_box=true" height="225" width="400"></embed></object></p>
<p>Before the Picnic conference was finished we left for The Hague where the music blog <a href="http://www.eclectro.nl">Eclectro</a> &#038; TodaysArt will cover <a href="http://www.todaysart.nl">the TodaysArt festival</a> online. A two day festival about art, performance and music (<a href="http://live.todaysart.nl">live stream</a>).</p>
<p>On of the things from yesterday that I really love is a projection at <em>het Spui</em>. The projection is made in perfect perspective and project shadows on a white building. It completely distorts your idea of reality. You know it&#8217;s an illusion, but it doesn&#8217;t look like one. I can&#8217;t get enough of this.</p>
<p><img src="http://farm4.static.flickr.com/3033/2892361466_1096142d09.jpg" width="400" alt="TodaysArt festival 2008" border="1" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/2892361466/" title="TodaysArt festival 2008 by wilbertbaan, on Flickr" rel="nofollow">zoom</a></p>
<p><img src="http://farm4.static.flickr.com/3039/2891521229_99c0b28316.jpg" width="400" border="1" alt="TodaysArt festival 2008" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/2891521229/" title="TodaysArt festival 2008 by wilbertbaan, on Flickr" rel="nofollow">zoom</a></p>
<p><img src="http://farm4.static.flickr.com/3166/2892354390_d169a16d72.jpg" width="400" border="1" alt="TodaysArt festival 2008" /><br />
<a href="http://www.flickr.com/photos/wilbertbaan/2892354390/" title="TodaysArt festival 2008 by wilbertbaan, on Flickr" rel="nofollow">zoom</a></p>
<p>I don&#8217;t know who the artist is who made this, but will ask around tonight and write his or her name in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/09/27/eclectro-live-at-the-todaysart-festival/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>The Picnic 2008 Live Report</title>
		<link>http://www.hypernarrative.com/wordpress/2008/09/25/the-picnic-2008-live-report/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/09/25/the-picnic-2008-live-report/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 07:19:24 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Mobile culture]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[aggregator]]></category>
		<category><![CDATA[live report]]></category>
		<category><![CDATA[mobypicture]]></category>
		<category><![CDATA[picnic]]></category>
		<category><![CDATA[picnic08]]></category>
		<category><![CDATA[picnic2008]]></category>
		<category><![CDATA[slandr]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=1025</guid>
		<description><![CDATA[
Until friday there is the Picnic conference in Amsterdam. A three day event about creativity, media and technology.
With Roeland from Slandr and Mathijs from Mobypicture we created the Live Report for this event. It is a website that aggregates tagged content on services like Twitter, Flickr, YouTube, Blogs, Mobypicture and Qik. And streams this information [...]]]></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%2F25%2Fthe-picnic-2008-live-report%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F09%2F25%2Fthe-picnic-2008-live-report%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/PICNIC_Live_Report-20080924-224650.jpg" border="1" alt="Picnic Live Report 2008" /></p>
<p>Until friday there is <a href="http://www.picnicnetwork.org"/>the Picnic conference in Amsterdam</a>. A three day event about creativity, media and technology.</p>
<p>With Roeland from <a href="http://slandr.net" />Slandr</a> and Mathijs from <a href="http://www.mobypicture.com" />Mobypicture</a> we created the Live Report for this event. It is a website that aggregates tagged content on services like Twitter, Flickr, YouTube, Blogs, Mobypicture and Qik. And streams this information live next to a videostream from the main conference hall with the keynote speakers. You can follow the keynotes, but also see what is going on and what people are thinking or talking about.</p>
<p>The Live Report: <a href="http://live.picnicnetwork.org" />live.picnicnetwork.org</a></p>
<p><img src="http://www.hypernarrative.com/images/Logo_Picnic_Live_Report-20080924-233852.jpg" border="1" alt="I Tag Therefore I Am Aggregated" /><br />
If you want to join the Live Report, make sure to tag your content with <strong>PICNIC08</strong> and use the service you like.</p>
<p><em>Last year I also worked for <a href="http://www.hypernarrative.com/wordpress/2007/09/26/picnic-2007-the-aggregator-is-live/">the Picnic Live Report 2007</a> hosted by the VPRO. This friday-afternoon <a href="http://www.eclectro.nl" />Eclectro</a> will be live reporting from the TodaysArt festival in The Hague, a festival about Art, Music and Technology in the Netherlands. Here we will also use the Live Report</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/09/25/the-picnic-2008-live-report/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Castrol Perfomance Index, for those who love live statistics</title>
		<link>http://www.hypernarrative.com/wordpress/2008/07/02/castrol-perfomance-index-for-those-who-love-live-statistics/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/07/02/castrol-perfomance-index-for-those-who-love-live-statistics/#comments</comments>
		<pubDate>Wed, 02 Jul 2008 10:19:53 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Interactive Video]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[European Championship]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[live]]></category>
		<category><![CDATA[soccer]]></category>
		<category><![CDATA[statistics]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=912</guid>
		<description><![CDATA[
Note: this post ended up in my drafts and should have been posted during the European Championship, sorry :)
Statistics are wonderful and the web as a central mechanism to connect databases creates a great mechanism to share and interact with data.
One great example of statistics is the Castrol Performance Index. For this European Championship 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%2F07%2F02%2Fcastrol-perfomance-index-for-those-who-love-live-statistics%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F07%2F02%2Fcastrol-perfomance-index-for-those-who-love-live-statistics%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/castrol_performance_index.jpg" border="1" alt="Castrol Performance Index screenshot"></p>
<p><strong>Note: this post ended up in my drafts and should have been posted during the European Championship, sorry :)</strong></p>
<p>Statistics are wonderful and the web as a central mechanism to connect databases creates a great mechanism to share and interact with data.</p>
<p>One great example of statistics is <a href="http://castrolindex.com/">the Castrol Performance Index</a>. For this European Championship the Castrol Index distributes all the games data live on the web. You can immediately see which player played where and how they are doing.</p>
<p>You can compare players, ball possession, shots on goals and more. All this information is live during the game. The exciting part of these kind of websites is that they add something to television that only the web can add. It doesn&#8217;t make it more interactive, but it does give it more information depth.</p>
<p>Suddenly the game that looks so simple gets a new layer of data and statistics. I didn&#8217;t know that for example the Dutch goalkeeper van der Sar already ran over 1300 meters in the first 34 minutes. Did you know that most of the players run around 10 kilometers during a game.</p>
<p>I can see that players that should be attacking <a href="http://skitch.com/wilbertbaan/q6eb/castrol-performance-index-screenshot">spend most of their time</a> on the wrong part of the field. This information adds context to the video footage, and it is context only interactive media can add. I don&#8217;t have to see this data all the time, I can just open it when I&#8217;m interested in how the players are doing.</p>
<p>I don&#8217;t know if this is what interactive television should be, but I really like how this is adding an extra dimension to live footage.<br />
<a href="http://www.hypernarrative.com/wordpress/2007/10/27/what-the-web-can-add-to-live-television/"><br />
See also this earlier example by the Dutch Broadcaster NOS</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/07/02/castrol-perfomance-index-for-those-who-love-live-statistics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Making the web more live</title>
		<link>http://www.hypernarrative.com/wordpress/2008/06/06/making-the-web-more-live/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/06/06/making-the-web-more-live/#comments</comments>
		<pubDate>Fri, 06 Jun 2008 06:06:07 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[live]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[news websites]]></category>
		<category><![CDATA[OJB]]></category>
		<category><![CDATA[Online Journalism Blog]]></category>
		<category><![CDATA[qik]]></category>
		<category><![CDATA[reporting]]></category>
		<category><![CDATA[seesmic]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=909</guid>
		<description><![CDATA[
The web is becoming a more live medium, the medium itself isn&#8217;t changing it is how we publish to it. I think the &#8216;live web&#8217; is the most exiting development since the rise of social networks. You write a Twitter notification on your mobile phone, post a picture to the web or stream a live [...]]]></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%2F06%2F06%2Fmaking-the-web-more-live%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F06%2F06%2Fmaking-the-web-more-live%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/CNN_breaking_news-20080606-075803.jpg" border="1" alt="CNN Breaking News"><br />
The web is becoming a more live medium, the medium itself isn&#8217;t changing it is how we publish to it. I think the &#8216;live web&#8217; is the most exiting development since the rise of social networks. You write a <a href="http://www.twitter.com">Twitter</a> notification on your mobile phone, post a picture to the web or stream a live video with <a href="http://qik.com/">Qik</a> or <a href="http://www.seesmic.com">Seesmic</a>. Often recording is publishing.</p>
<p>When you write a blog or create a podcast your entry has context in itself. It has a start and it ends. Most postings on micro blogs don&#8217;t have context in the messages. The context is in the stream or in time. For example Twitter messages often make sense in your personal timeline or in the conversation within your personal network.</p>
<p>Twitter and Qik are just the first services. Realtime platform independent micro services, that distribute contextless fragments of information <a href="http://www.businessweek.com/print/magazine/content/08_22/b4086044617865.htm">are here to stay</a>.</p>
<p>This sense of a &#8216;live medium&#8217; is something that is changing the web as it is and how we use it. It will change search, or at least sorting search results and it will change reporting news. </p>
<p>A service like Twitter makes news travel fast. This makes it the #1 breaking news source for a lot of people. Why? Because it is reporting as it is happening. It isn&#8217;t always right, but it is reporting, open for conversation and correcting itself. It is live coverage and it is a storytelling experience.</p>
<p>News on the web is presented like news on paper. This is good since text on the web is &#8211; apart from certain screen specific style rules &#8211; the same as on paper. An article is written, checked and published. </p>
<p><strong>Spreading the news</strong><br />
These services like Twitter are making reporting news a more public process. For example if something happens the first people who notice are there when it happens. Uploading messages, pictures and video, to a personal community or group of friends.</p>
<p>With Twitter people start repeating (or retweeting) messages distributing the news among followers and informing a very large audience within minutes. This is the signaling part. It&#8217;s not about being a citizen journalist. It is about telling your friends what you are doing, or what you are seeing.</p>
<p>The signal reaches the audience at the same time it reaches the journalist. A journalist has to check the story, is it true? Should I publish about this or wait until it is checked? The reader is expecting that his favorite news website knows more about it and visits the website after hearing about the news. Often resulting in a bad user experience, since there is nothing on the news website about the subject.</p>
<p>What is the role of journalists and media in this? Should they directly report serious rumors? Should they check for more sources. I don&#8217;t know. It has to be somewhere in the middle I think. A situation where journalists are producing with updated versions.</p>
<p><strong>CNN</strong><br />
I think CNN is giving this a very prominent place on the CNN website. Maybe because they are from television and reporting breaking news is what they are good at. They are using storytelling mechanisms on the website. Reporting what is happening right now, and directly updating it when the story turns out to be something different.</p>
<p>These are the breaking news messages CNN showed last week. I heard the news about Hillary ending her campaign through Twitter and CNN was one of the few news websites with the news on it.<br />
<a href="http://skitch.com/wilbertbaan/c433/cnn-before"><img src="http://img.skitch.com/20080603-tnp35akfe76dm4jr2qnk537j38.preview.jpg" alt="CNN before" width="400" border="1" /></a><br />
CNN message before</p>
<p><a href="http://skitch.com/wilbertbaan/c435/cnn-after"><img src="http://img.skitch.com/20080603-rnwx7stquhutdphd4b11p59w9f.preview.jpg" alt="CNN after" width="400" border="1" /></a><br />
CNN message after</p>
<p><strong>Your thoughts</strong><br />
What are your thoughts about this? When should news be published on a web site and should we adapt the design of news sites to make space for a more storytelling &#8216;as-it-is-happening&#8217; approach? Or does this make news websites vulnerable for misinforming the audience?</p>
<p><em><a href="http://onlinejournalismblog.wordpress.com/2008/06/06/making-the-web-more-live/">This blog post was published on the Online Journalism Blog</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/06/06/making-the-web-more-live/feed/</wfw:commentRss>
		<slash:comments>3</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>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>RGBoy performing live @ Eclectro</title>
		<link>http://www.hypernarrative.com/wordpress/2008/05/07/rgboy-performing-live-eclectro/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/05/07/rgboy-performing-live-eclectro/#comments</comments>
		<pubDate>Wed, 07 May 2008 16:30:37 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Interactive Video]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[Eclectro]]></category>
		<category><![CDATA[Eclectro Directo]]></category>
		<category><![CDATA[live]]></category>
		<category><![CDATA[RGBoy]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[Ustream]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=904</guid>
		<description><![CDATA[Eclectro Directo: RGBoy live concert from Jan Dybala JD Video on Vimeo.
Once a month we organize a webcast at Eclectro. We use the website Ustream to broadcast a DJ-set or concert live from the DJ his living-room. All the DJ needs is a computer, webcam and internet connection.
Last friday the RGBoy-chiptune-heroes performed in front 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%2F05%2F07%2Frgboy-performing-live-eclectro%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F05%2F07%2Frgboy-performing-live-eclectro%2F" height="61" width="51" /></a></div><p><object type="application/x-shockwave-flash" width="400" height="302" data="http://www.vimeo.com/moogaloop.swf?clip_id=989103&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=989103&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=01AAEA" /></object><br /><a href="http://www.vimeo.com/989103?pg=embed&#038;sec=989103">Eclectro Directo: RGBoy live concert</a> from <a href="http://www.vimeo.com/jandybala?pg=embed&#038;sec=989103">Jan Dybala JD Video</a> on <a href="http://vimeo.com?pg=embed&#038;sec=989103">Vimeo</a>.</p>
<p>Once a month we organize a webcast at <a href="http://www.eclectro.nl">Eclectro</a>. We use the website <a href="http://www.ustream.tv">Ustream</a> to broadcast a DJ-set or concert live from the DJ his living-room. All the DJ needs is a computer, webcam and internet connection.</p>
<p>Last friday the <a href="http://www.myspace.com/wearergboy">RGBoy</a>-chiptune-heroes performed in front of the webcam. They performed a live gameboy concert including visuals. The entire performance was broadcasted live from <a href="http://maps.google.com/maps?client=safari&#038;q=Myslowice,+Poland&#038;ie=UTF8&#038;oe=UTF-8&#038;ll=52.402419,12.436523&#038;spn=21.042569,37.397461&#038;t=p&#038;z=5&#038;iwloc=addr">Myslowice, Poland</a>.</p>
<blockquote><p>A chiptune, or chip music, is music written in sound formats where all the sounds are synthesized in realtime by a computer or video game console sound chip, instead of using sample-based synthesis. (<a href="http://en.wikipedia.org/wiki/Chiptune">Wikipedia</a>)</p></blockquote>
<p>The video above is a compilation from fridays performance. The tracks RGBoy plays are; my new PT82, super muter, secret level, 1980.</p>
<p><img src="http://www.hypernarrative.com/images/RGBoy2-20080507-104043.jpg" alt="RGBoy live in your living room" border="1" /></p>
<p>During these performances we invite viewers to use the Ustream chat-box. This increases the &#8216;live experience&#8217; and enables contact between viewers and performers. The talks are often about technical problems, quality, track titles, personal matters or just to tell how great the artist is.<br />
<img src="http://www.hypernarrative.com/images/chatbox_eclectro_directo-20080507-105336.jpg" alt="Chatbox Eclectro Directo" border="1" /></p>
<p><strong>Utrecht meets Chicago</strong><br />
The next Eclectro Directo live performance will be friday the 30th of May. This time we will use the <a href="http://www.mogulus.com/">Mogulus</a> website. Since this will be a live performance broadcasted simultaneous from two locations. <a href="http://www.mauricedohmen.com/">Maurice Dohmen [moos]</a> based in Utrecht, Netherlands takes care of the sound and visual artist <a href="http://www.myspace.com/moosdub">Jorrit Poelen</a> based in Chicago, USA takes care of the visuals.</p>
<p>Eclectro Directo Live: <strong>May 30th, 20:00 (Amsterdam time) / 1 PM Chicago Time</strong></p>
<p><object type="application/x-shockwave-flash" width="400" height="321" data="http://www.vimeo.com/moogaloop.swf?clip_id=609084&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=609084&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=01AAEA" /></object><br /><a href="http://www.vimeo.com/609084?pg=embed&#038;sec=609084">Eclectro Directo promo</a> from <a href="http://www.vimeo.com/wilbertbaan?pg=embed&#038;sec=609084">Wilbert Baan</a> on <a href="http://vimeo.com?pg=embed&#038;sec=609084">Vimeo</a>.</p>
<p><em>Are you an electronic artist / producer / DJ and would like to perform live for the Eclectro webcam, <a href="http://www.eclectro.nl/contact">let us know</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/05/07/rgboy-performing-live-eclectro/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Thoughts about a news algorithm</title>
		<link>http://www.hypernarrative.com/wordpress/2008/04/11/thoughts-about-a-news-algorithm/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/04/11/thoughts-about-a-news-algorithm/#comments</comments>
		<pubDate>Fri, 11 Apr 2008 07:23:18 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Social Classification]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=899</guid>
		<description><![CDATA[
Last week I was reading a Wired article (March edition) about how the video rental service Netflix is awarding $1.000.000 to the person or group who can improve its recommendation algorithm by 10%.
Todays popular websites use smart algorithms to determine what we want or might like. Google is famous for its mix and so is [...]]]></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%2F04%2F11%2Fthoughts-about-a-news-algorithm%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F04%2F11%2Fthoughts-about-a-news-algorithm%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/amazon_recommended-20080411-090539.jpg" alt="Amazon Recommendation system based on your personal profile" border="1" /><br />
Last week I was reading a Wired article (March edition) about <a href="http://www.wired.com/techbiz/media/magazine/16-03/mf_netflix?currentPage=all">how the video rental service Netflix is awarding $1.000.000</a> to the person or group who can improve its recommendation algorithm by 10%.</p>
<p>Todays popular websites use smart algorithms to determine what we want or might like. Google is famous for its mix and so is the Amazon recommendation system. Your actions tell these systems about your behavior. And your actions make these services better in recommending you information. For example Google tracks what results people click. If most users click the second search result they make this the first result.</p>
<p><strong>I love news selection</strong><br />
I really like how news websites, blogs and other person driven websites make a selection. Most often this works best if there is a sharp focus. A popular blog can&#8217;t be about everything. It has to be about a person or a subject to keep the blog interesting. </p>
<p>In the future this fragmentation might be happening to news websites as well. The traditional newspaper told you everything. It was your primary source of information. With websites we see a different pattern. People don&#8217;t just read one news website, they read many. They might have a favorite, but it is no such thing as exclusive readership. Will we see focus in newspaper websites as well? Although media operates independent it is almost always marked as &#8216;left&#8217; or &#8216;right&#8217; by the type of stories they focus on.</p>
<p><strong>The news algorithm</strong><br />
Why wouldn&#8217;t news sorting be captured in algorithms? There is nothing that makes this impossible. Stories are written as closed interchangeable containers. News websites might make a selection on the frontpage, they also provide lists and rss-feeds where they sort the same information on time or popularity.</p>
<p>Journalists have multiple tasks, they create stories and they sort them on relevance. Maybe with this sorting we can experiment and create a more personal version as well?</p>
<p><strong>Sorting news by machines</strong><br />
Sorting news is not just making a selection on popularity. Sorting news by systems is difficult. The presentation of what you like consists out a complex set of variables.</p>
<ul>
<li>What do you like (personal interest)
</li>
<li>What you might like (if you like a subject you might like to read about)
</li>
<li>What do you need to know (because it is important to you, and it will dominate the media landscape for a while)
</li>
<li>What everyone needs to know (breaking news)
</li>
<li>What do you officially don&#8217;t like, but occasionally read (the stories everyone says they don&#8217;t read but always seem to get the highest click-through rates)
</li>
<li>What do your friends (colleagues) read (news creates conversation and small-talk)
</li>
<li>What do your friends recommend (you trust your network)
</li>
<li>What you don&#8217;t want to know (things that really bore you and are irrelevant in any way)
</li>
<li>Where do you like to know more about (if you are an expert in something you don&#8217;t want another article that explains it all again. You would prefer analysis and background articles)
</li>
<li>What is your (current) location (for large groups of people location based information has extra value)
</li>
<li>Surprises (they change your interests and habbits)
</li>
</ul>
<p>* <em>If I forgot something please ad your thoughts in the comments</em></p>
<p>These are the variables that construct personal relevance of a news website. It&#8217;s a complex set, but if you can manage a good balance you are able to create a website that sorts news by personal relevance on another level than we are used to.</p>
<p>I don&#8217;t know if an algorithm can create a better news experience and what it should look like. I do think there is value in tracking and learning form your users behavior and return new or additional value to the reader.</p>
<p><strong>Update: Concept Design</strong></p>
<div style="width:400px;text-align:left" id="__ss_352161"><object style="margin:0px" width="425" height="334"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=nieuwspersonalisatie-1208178163652469-9"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=nieuwspersonalisatie-1208178163652469-9" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="334"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;"><a href="http://www.slideshare.net/?src=embed"><img src="http://static.slideshare.net/swf/logo_embd.png" style="border:0px none;margin-bottom:-5px" alt="SlideShare"/></a> | <a href="http://www.slideshare.net/wilbertbaan/nieuwspersonalisatie?src=embed" title="View 'Nieuwspersonalisatie' on SlideShare">View</a> | <a href="http://www.slideshare.net/upload?src=embed">Upload your own</a></div>
</div>
<p>What this could look like and how you can keep this simple for the reader. The text is in Dutch. The screens ask for your location, favorite topics, company you work or would like to work and friends.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/04/11/thoughts-about-a-news-algorithm/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Relevancy? The first experience sucks</title>
		<link>http://www.hypernarrative.com/wordpress/2008/04/05/relevancy-the-first-experience-sucks/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/04/05/relevancy-the-first-experience-sucks/#comments</comments>
		<pubDate>Sat, 05 Apr 2008 07:38:46 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[On the Web]]></category>
		<category><![CDATA[Social Classification]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/?p=898</guid>
		<description><![CDATA[
At the Next Web conference there was an overall urge for relevancy. You noticed it in presentations and startups. Unfortunately there weren&#8217;t many speakers that had exiting answers. In his presentation Robert Scoble made clear that for most new web applications &#8216;The first experience sucks&#8216;.
Why?
This is inherent to how these new web applications work. 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%2F04%2F05%2Frelevancy-the-first-experience-sucks%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F04%2F05%2Frelevancy-the-first-experience-sucks%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/linkedin_discover-20080405-091347.jpg" alt="What your friends are reading (LinkedIn)" border="1" /><br />
At <a href="http://thenextweb.org/">the Next Web conference</a> there was an overall urge for relevancy. You noticed it in presentations and startups. Unfortunately there weren&#8217;t many speakers that had exiting answers. In his presentation <a href="http://scobleizer.com/">Robert Scoble</a> made clear that for most new web applications &#8216;<em>The first experience sucks</em>&#8216;.</p>
<p><strong>Why?</strong><br />
This is inherent to how these new web applications work. The webservices that are doing something new are often &#8216;<em>connected</em>&#8216; applications. Websites and widgets connect information and people resulting in a new collections and new relevancy. This relevancy will only show itself when using the service for a while. Which is &#8211; of course &#8211; difficult to explain to a user when he or she signs up.</p>
<p>This is a user experience problem, but not one we will not find a solution for. The <em>friendfinder</em> button in most new web services enables you to import your Gmail contacts or another social network. Most applications are doing something similar to a service that already exists, with the open web (API&#8217;s and feeds) technology should be able to suggest a personal social profile before you start.</p>
<p><strong>When information gets fragmented</strong><br />
What&#8217;s more interesting about this is what this search for relevancy really means. The web was always used similar to previous media. We made pages and domains on the web. Information was reserved for one place and relevancy was made by the website editor. This can be a news website or a blog.</p>
<p>Now the web is evolving in something that goes beyond what we are used to. Everything gets fragmented, distributed and aggregated. Information (text, photos and video) transfer from one online place to another. Information gets distributed and duplicated. The collection made by the creator is getting less relevant.</p>
<p><strong>The distributed future of this blog post</strong><br />
For example this blog post is distributed through RSS and it will be picked up by a dozen of spam blog that will all duplicate the entire text and distribute it again. All these blogs are indexed over and over by aggregators like Google or any other. This blog post is written in the context of my blog, but most people will probably read it in another context. Specialized companies trace discussions about brands on the web and redistribute relevant articles. Social networks are crawling the web to show articles that are personal relevant to your profile (<em>LinkedIn</em>).</p>
<p><strong>Data is made to be duplicated</strong><br />
The incredible amount of fragmented information is what makes the web interesting. New social recommendation tools, networks, online friends, aggregators, feeds and widgets are breaking the web apart. This is what makes the web really exiting and work like a network.</p>
<p>This is difficult to understand and use by publishers, copyright lawyers and designers but more relevant for the user. The reader doesn&#8217;t care what blog or website presents a good article or where they read it, as long as they can read it. The most important value is the relevancy of the presenter, this can be a system or your friend.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/04/05/relevancy-the-first-experience-sucks/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Reinventing the News Website</title>
		<link>http://www.hypernarrative.com/wordpress/2008/03/13/reinventing-the-news-website/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/03/13/reinventing-the-news-website/#comments</comments>
		<pubDate>Thu, 13 Mar 2008 17:34:16 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Journalism]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[Things I do]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2008/03/13/reinventing-the-news-website/</guid>
		<description><![CDATA[
EN.nl (and.nl) is a new project where we are experimenting with new media, users, technology and journalism. This project is an open project where the public process plays an extremely valuable part in designing and shaping the news website.
The online news industry really changed over the last years. I think we&#8217;re at a point where [...]]]></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%2F03%2F13%2Freinventing-the-news-website%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F03%2F13%2Freinventing-the-news-website%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/en_article-20080307-102744.jpg" border="1" alt"EN.nl article"><br />
<a href="http://www.en.nl">EN.nl</a> (and.nl) is a new project where we are experimenting with new media, users, technology and journalism. This project is an open project where the public process plays an extremely valuable part in designing and shaping the news website.</p>
<p>The online news industry really changed over the last years. I think we&#8217;re at a point where every self respecting news organization takes the web as a serious medium that requires a different approach then previous media (newspaper, television, radio). </p>
<p>Some see these new possibilities as a threat and try to protect what they have. Which is I think the worst possible strategy (looking backwards into the future). Others see chances, new competitors, new technology, new journalism, new markets and new ideas. </p>
<p>I love a quote I heard in an interview with someone at the Washington Post. He said his ambition is to be the new CNN. With new media and technology this ambition is realistic. A company like the Washington Post (newspaper) can see CNN (television) as its competitor.</p>
<p><strong>Google / AP</strong><br />
<a href="http://www.paidcontent.org/entry/419-google-starts-publishing-full-stories-on-its-news-section-ap-afp-pa-and/">Google can be a news service</a>. Why wouldn&#8217;t they? They have the database of intentions, <a href="http://www.google.com/trends/hottrends">Google knows what people are searching for</a> and they can &#8211; like any other company &#8211; subscribe to press services. The value of press agency news is devaluating in a way that it often ends up in duplicate copies with a different lay-out. Try to search for an AP article headline. I&#8217;m sure you will find a dozen versions of it, all exactly the same.</p>
<p>Online news is moving to something where added value counts. What can you add to the news (omnipresent). Is it a personal or political view? Is it the selection you make? Is it a community? Are it your reporters or journalists? What is your added value?</p>
<p>In technology communities, collaboration tools and social networks are redefining most services and institutions. Why shouldn&#8217;t services and technology like this redefine how we consume news?</p>
<p>This is what <a href="http://www.en.nl">EN.nl</a> is about. We want to experiment with everything around news from a practical point of view, let&#8217;s make things.</p>
<p><strong>Wisdom of Crowds</strong><br />
The Wisdom of Crowds believes a group is smarter than the individual. The Wisdom of a crowd can be very valuable for news. In the public opinion the idea of a wiki collides with news. I think a wiki-based system can work for news if you make sure the process is transparent and everyone can join the discussion.</p>
<p>Sure you will have to deal with vandalism, this a technical problem to solve. A reader doesn&#8217;t have to be an expert on everything, the valuable wisdom of an individual can be something he has read or seen somewhere else. The Wisdom of a crowd is about all the knowledge, not just the expert knowledge. The biggest challenge is get the knowledge and use it as a contribution.</p>
<p>Traditional media floats on the wisdom of a few wise people who create value by the choices they make. Social media uses the wisdom of your network en wiki media taps into the wisdom of a crowd. All have advantages and disadvantages.</p>
<p><strong>The design</strong><br />
For the design of this new website we also experiment. The most important object is the database, we designed the database from a view that almost everything is possible with the data. We store a lot of information that might be valuable in the future. This allows us to experiment freely with the design and think up new features. The database is the most valuable asset of a news organization.</p>
<p><strong>The newsriver navigation</strong><br />
<img src="http://www.hypernarrative.com/images/newsriver-20080307-102533.jpg" border="1" alt="Newsriver concept"><br />
The newsriver is a principle that regards news as a continues flow of information, where you can hook in whenever you want (An RSS feed). For the first version of EN we are experimenting with this idea in the navigation. I don&#8217;t know if this is it, it&#8217;s different from the navigation we are used to. </p>
<p><img src="http://www.hypernarrative.com/images/en_article_newsriver_concept-20080307-102956.jpg" border="1" alt="En.nl article newsriver concept"></p>
<p><strong>What we can do?</strong><br />
Almost everything. We can make mash-ups, feeds, aggregated pages (screenshot draft design below). Hook in to social networks, extend the wiki functionality, and more. Technically everything is possible. </p>
<p>What does the news site of the future look like? Join the debate and discussion here or in Dutch at <a href="http://ontwikkelen.ning.com">http://ontwikkelen.ning.com</a>.</p>
<p><img src="http://www.hypernarrative.com/images/en_theme_page_draft-20080313-163049.jpg" border="1" alt="Draft theme page"></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/03/13/reinventing-the-news-website/feed/</wfw:commentRss>
		<slash:comments>7</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>A MSc research on the one thing Twitter asks; what are you doing?</title>
		<link>http://www.hypernarrative.com/wordpress/2008/02/13/a-msc-research-on-the-one-thing-twitter-asks-what-are-you-doing/</link>
		<comments>http://www.hypernarrative.com/wordpress/2008/02/13/a-msc-research-on-the-one-thing-twitter-asks-what-are-you-doing/#comments</comments>
		<pubDate>Wed, 13 Feb 2008 07:46:53 +0000</pubDate>
		<dc:creator>Wilbert Baan</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive Storytelling]]></category>
		<category><![CDATA[Live Web]]></category>
		<category><![CDATA[The Social Web]]></category>

		<guid isPermaLink="false">http://www.hypernarrative.com/wordpress/2008/02/13/a-msc-research-on-the-one-thing-twitter-asks-what-are-you-doing/</guid>
		<description><![CDATA[
What are you doing? Is the simple question twitter asks you
In July 2007 Edward Mischaud (at that time student Politics and Communication) asked me &#8211; and other random selected users &#8211; a few questions about how we use Twitter. His goal was to find out if Twitter users actually answer to one thing Twitter asks [...]]]></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%2F13%2Fa-msc-research-on-the-one-thing-twitter-asks-what-are-you-doing%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.hypernarrative.com%2Fwordpress%2F2008%2F02%2F13%2Fa-msc-research-on-the-one-thing-twitter-asks-what-are-you-doing%2F" height="61" width="51" /></a></div><p><img src="http://www.hypernarrative.com/images/zzzzz_twitter-20080212-081115.jpg" border="1" alt="What am I doing"><br />
<i>What are you doing?</i> Is the simple question twitter asks you</p>
<p>In July 2007 Edward Mischaud (at that time student Politics and Communication) asked me &#8211; and other random selected users &#8211; a few questions about how we use Twitter. His goal was to find out if Twitter users actually answer to one thing Twitter asks &#8216;<i>What are you doing?</i>&#8216;.</p>
<p>65% of his focus group didn&#8217;t answer this question. What they did write about is in the graphic below.<br />
<img src="http://www.hypernarrative.com/images/whatareyoudoingresearch-20080212-002605.jpg" border="1" alt="Results from the question what are you doing on Twitter"></p>
<blockquote><p><i>These findings correlate with the theoretical foundation presented which is based on the understanding that technologies are not neutral objects that operate apart from society’s influence. Technologies are flexible devices. People often extract different meanings and uses out of a technology – applications that are not always factored into its design. In some instances, however, inventors, or shapers, of technology can themselves determine how a technology is to be used and therefore limit and restrict its &#8216;interpretative flexibility&#8217;.</i></p></blockquote>
<p><a href="http://www.lse.ac.uk/collections/media@lse/mediaWorkingPapers/MScDissertationSeries/Mishaud_Final.pdf">Download the MSc dissertation by Edward Mischaud *.pdf</a></p>
<p><strong>What are you doing?</strong><br />
I think the question itself is very important for Twitter. It&#8217;s the step that makes it easy to join the conversation. You don&#8217;t know what to do, just answer what you&#8217;re doing.</p>
<p>With this you start the storytelling. Eventually you start connecting with friends or try to start a discussion. You see people talk about other people and start following them or they start following you. This is how your network grows.</p>
<p>Twitter probably wouldn&#8217;t be equally successful without this question. With a simple and personal question that everyone in the world can answer Twitter really lowered the barrier to join the application.</p>
<p>Twitter is more a network than an application. If you ask around you will notice that most people are using different interfaces on different platforms and clients. Because of the API connecting to the network adapts to your preferred way of working.</p>
<p><strong>Twitter</strong></p>
<ul>
<li>
Is easy accessible</i>
<li>
Is live</i>
<li>
Forces you to focus</i>
<li>
Is broken conversation</i>
<li>
Is open conversation</i>
<li>
Is spam free, like RSS (subscription based)</i>
<li>
Is a network</i>
<li>
Is synchronous / asynchronous</i>
<li>
Is a black hole</i>
<li>
Is a time capsule</i>
<li>
Is a centralized network</i>
<li>
Changes public / privacy</i>
<li>
Is a knowledge base</i>
<li>
Is very unstable</i>
<li>
Is making it very difficult for search engines</i>
<li>
Is platform independent</i>
</ul>
<p>The best part of twitter to me is the live/buzz effect. What is happening right now. You just turn it on like you turn on television. There&#8217;s always something going on, and if it isn&#8217;t you can always start it by saying what you&#8217;re doing. The two graphs below show how twitter is being used during live events. The same thing happens in the Netherlands during live sport events, news or television shows.</p>
<p><img src="http://www.hypernarrative.com/images/twitter_superbowl-20080212-231406.jpg" border="1" alt="Twitter during the Superbowl"><br />
<a href="http://blog.twitter.com/2008/02/highlights-from-superbowl-sunday.html">Twitter during the Superbowl</a></p>
<p><img src="http://www.hypernarrative.com/images/twitter_votes-20080212-002219.jpg" border="1" alt="Twitter during Super Tuestday"><br />
<a href="http://blog.twitter.com/2008/02/tracking-candidates-on-twitter.html">Twitter during Super Tuesday</a></p>
<p><strong>Examples</strong><br />
<img src="http://www.hypernarrative.com/images/twitter_as_a_backchannel-20080212-084138.jpg" border="1" alt="Twitter as a backchannel during conferences"><br />
Some conferences have used <a href="http://todaysart.nl/roelandp/">Twitter for a so called backchannel</a>. A live (sometimes moderated) screen behind the speaker that allows the audience to discuss and ask live questions via Twitter and SMS.</p>
<p><img src="http://www.hypernarrative.com/images/gvenk_daily-20080212-082920.jpg" border="1" alt="Gvenk Daily"><br />
Every morning <a href="http://twitter.com/gvenk/">@gvenk</a> presents the Gvenk Daily. Gerard is a programmer and knows what&#8217;s going on in the tech scene. Every morning around 7.30 he scans his RSS feeds and drops the highlights in the Gvenk Daily, a series of tweets about tech news.</p>
<p><img src="http://www.hypernarrative.com/images/breakingnewson.jpg" border="1" alt="What is breaking news in a Twitteruniverse"><br />
Last year I wrote a post <a href="http://www.hypernarrative.com/wordpress/2007/07/01/what-is-breaking-the-news-in-a-twitteruniverse/">about @BreakingNewsOn</a>, it&#8217;s a newsservice that posts rumors to Twitter and confirms them live. Building the story as it happens.</p>
<p><img src="http://www.hypernarrative.com/images/twitgeist-20080212-082633.jpg" border="1" alt="Twitstat Twitgeist"><br />
<a href="http://www.twitstat.com/cloud.html">The Twitgeist</a> is a hourly updated cloud of the most popular words used within a group of twitterazi. It tells you what&#8217;s going on.</p>
<p>These examples are just a few spin-offs. Like the conclusion from the dissertation. Twitter has just one rule, a maximum of 140 characters. The people using it are experimenting what they can do with this network.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hypernarrative.com/wordpress/2008/02/13/a-msc-research-on-the-one-thing-twitter-asks-what-are-you-doing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
