<?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>Online Journalism Blog &#187; Animation</title>
	<atom:link href="http://onlinejournalismblog.com/tag/animation/feed/" rel="self" type="application/rss+xml" />
	<link>http://onlinejournalismblog.com</link>
	<description>A conversation.</description>
	<lastBuildDate>Thu, 24 May 2012 08:39:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<cloud domain='onlinejournalismblog.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Elections08: Storytelling with public databases</title>
		<link>http://onlinejournalismblog.com/2008/11/04/elections08-storytelling-with-public-database/</link>
		<comments>http://onlinejournalismblog.com/2008/11/04/elections08-storytelling-with-public-database/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 10:46:00 +0000</pubDate>
		<dc:creator>wilbertbaan</dc:creator>
				<category><![CDATA[data journalism]]></category>
		<category><![CDATA[online journalism]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[UGC]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[election08]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[interactivity]]></category>
		<category><![CDATA[storytelling]]></category>
		<category><![CDATA[Wilbert Baan]]></category>

		<guid isPermaLink="false">http://onlinejournalismblog.com/?p=1771</guid>
		<description><![CDATA[Written by Wilbert Baan Today is the day of the US elections. I don&#8217;t think we ever had a live event on the web that will get so much live coverage. This means incredible amounts of information will be published over all kind of services and social networks. Websites like Facebook, Twitter, Flickr, WordPress, Blogger [...]]]></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%2Fonlinejournalismblog.com%2F2008%2F11%2F04%2Felections08-storytelling-with-public-database%2F" onclick="urchinTracker('/outgoing/api.tweetmeme.com/share?url=http_3A_2F_2Fonlinejournalismblog.com_2F2008_2F11_2F04_2Felections08-storytelling-with-public-database_2F&amp;referer=');"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fonlinejournalismblog.com%2F2008%2F11%2F04%2Felections08-storytelling-with-public-database%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><em>Written by <a href="http://www.hypernarrative.com" onclick="urchinTracker('/outgoing/www.hypernarrative.com?referer=');">Wilbert Baan</a></em></p>
<p>Today is the day of the US elections. I don&#8217;t think we ever had a live event on the web that will get so much live coverage. This means incredible amounts of information will be published over all kind of services and social networks. Websites like Facebook, Twitter, Flickr, WordPress, Blogger and many more.</p>
<p>Most popular web services have programmable interfaces. These interfaces allow developers to extract information out of the system. This creates a whole new genre of storytelling: storytelling with public databases. You can aggregate the information you need and sort it the way you want.</p>
<p>To prove the concept I made three small mock-ups. They all use <a href="http://search.twitter.com" onclick="urchinTracker('/outgoing/search.twitter.com?referer=');"></a>search.twitter.com to see how people voted.</p>
<p>When I made the first <a href="http://www.hypernarrative.com/wordpress/2008/11/02/i-voted-storytelling-with-public-databases/" onclick="urchinTracker('/outgoing/www.hypernarrative.com/wordpress/2008/11/02/i-voted-storytelling-with-public-databases/?referer=');">the first animation</a> <a href="http://twiki.justlol.net/twiki/bin/view/Newmedia/JustlolHome" onclick="urchinTracker('/outgoing/twiki.justlol.net/twiki/bin/view/Newmedia/JustlolHome?referer=');"></a>Erik Borra replied by <a href="http://wordpress.justlol.net/2008/11/twitter-votes/" onclick="urchinTracker('/outgoing/wordpress.justlol.net/2008/11/twitter-votes/?referer=');">developing the idea</a> into something that stores the data retrieved from Twitter in a database. I made a new interface that shows a graph based on what people say they voted on Twitter. And the result is a Twitter Poll.</p>
<p>These three examples are not representative data, it is extracted from Twitter. But it shows you how much personal and valuable information is in the public database. All you have to do is ask yourself what you want to tell to your readers and if this information is available.</p>
<p><strong>I voted</strong></p>
<p>This animation gets the latest twitter message where someone says they voted on McCain or Obama. It automatically refreshes.<span id="more-1771"></span></p>
<p><strong>What Twitter votes</strong></p>
<p>In this animation Erik Borra stores the &#8220;I voted&#8221; messages in a central database. And I made a visual interface for the data. Obama is popular on Twitter. Refresh the window to see if results changed.</p>
<p><strong>We say</strong></p>
<p>In this animation you can click on keywords to construct a query. It searches the Twitter database for matching Twitter messages.</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fonlinejournalismblog.com%2F2008%2F11%2F04%2Felections08-storytelling-with-public-database%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe><div align="center"><a href="http://twitter.com/paulbradshaw" target="_blank" onclick="urchinTracker('/outgoing/twitter.com/paulbradshaw?referer=');"><img src="http://onlinejournalismblog.com/wp-content/plugins/igit-follow-me-after-post-button-new/twitter8.png" /></a><div style="font-size:8px;"><a href="http://php-freelancer.in/" style="color:#D2D2D2" title="PHP Freelancer , PHP Freelancer India , Hire PHP Freelancer" title="PHP Freelancer , PHP Freelancer India , Hire PHP Freelancer"  onclick="urchinTracker('/outgoing/php-freelancer.in/?referer=');">PHP Freelancer</a></div></div>]]></content:encoded>
			<wfw:commentRss>http://onlinejournalismblog.com/2008/11/04/elections08-storytelling-with-public-database/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Today is Twitter Cartoon Day &#8211; make it fun</title>
		<link>http://onlinejournalismblog.com/2008/04/18/twittercartoonday/</link>
		<comments>http://onlinejournalismblog.com/2008/04/18/twittercartoonday/#comments</comments>
		<pubDate>Fri, 18 Apr 2008 09:03:47 +0000</pubDate>
		<dc:creator>Paul Bradshaw</dc:creator>
				<category><![CDATA[online journalism]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[Avatars]]></category>
		<category><![CDATA[Cartoon]]></category>
		<category><![CDATA[Dick Dastardly]]></category>
		<category><![CDATA[fun]]></category>
		<category><![CDATA[twitter cartoon day]]></category>

		<guid isPermaLink="false">http://onlinejournalismblog.wordpress.com/?p=1089</guid>
		<description><![CDATA[Today is Twitter Cartoon Day. I&#8217;m going to be Dick Dastardly Dangermouse Esteban from The Cities of Gold Hong Kong Phooey Dick Dastardly. Brighten up the lives of your fellow Twitterers today by changing your avatar (picture) to a cartoon character. And see how many pictures on your followers list change&#8230; I you want to [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fonlinejournalismblog.com%2F2008%2F04%2F18%2Ftwittercartoonday%2F" onclick="urchinTracker('/outgoing/api.tweetmeme.com/share?url=http_3A_2F_2Fonlinejournalismblog.com_2F2008_2F04_2F18_2Ftwittercartoonday_2F&amp;referer=');"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fonlinejournalismblog.com%2F2008%2F04%2F18%2Ftwittercartoonday%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://onlinejournalismblog.com/wp-content/uploads/2008/04/cartoontwitterday.gif?w=455"><img class="alignnone size-full wp-image-1092" src="http://onlinejournalismblog.com/wp-content/uploads/2008/04/cartoontwitterdaysquare.gif" alt="Cartoon Twitter Day" width="273" height="251" /></a></p>
<p>Today is Twitter Cartoon Day. <a href="http://twitter.com/paulbradshaw" onclick="urchinTracker('/outgoing/twitter.com/paulbradshaw?referer=');">I&#8217;m going to be <span style="text-decoration:line-through">Dick Dastardly Dangermouse Esteban from The Cities of Gold Hong Kong Phooey</span> Dick Dastardly</a>. Brighten up the lives of your fellow Twitterers today by changing your avatar (picture) to a cartoon character.</p>
<p>And see how many pictures on your followers list change&#8230;</p>
<p>I you want to spread the word further, <a href="http://onlinejournalismblog.com/wp-content/uploads/2008/04/cartoontwitterday.gif?w=455">click on the image above</a> for an image you can use as your Twitter wallpaper.</p>
<p>After all, it&#8217;s Friday!</p>
<p><a href="http://onlinejournalismblog.com/wp-content/uploads/2008/04/az_twitter.gif"><img class="alignnone size-full wp-image-1090" src="http://onlinejournalismblog.com/wp-content/uploads/2008/04/az_twitter.gif?w=455" alt="" /></a></p>
<div style="width:100%;margin:5px 0"><a id="zemanta-pixie-a" title="Zemified by Zemanta" href="http://www.zemanta.com/" onclick="urchinTracker('/outgoing/www.zemanta.com/?referer=');"><br />
</a></div>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fonlinejournalismblog.com%2F2008%2F04%2F18%2Ftwittercartoonday%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe><div align="center"><a href="http://twitter.com/paulbradshaw" target="_blank" onclick="urchinTracker('/outgoing/twitter.com/paulbradshaw?referer=');"><img src="http://onlinejournalismblog.com/wp-content/plugins/igit-follow-me-after-post-button-new/twitter8.png" /></a><div style="font-size:8px;"><a href="http://php-freelancer.in/" style="color:#D2D2D2" title="PHP Freelancer , PHP Freelancer India , Hire PHP Freelancer" title="PHP Freelancer , PHP Freelancer India , Hire PHP Freelancer"  onclick="urchinTracker('/outgoing/php-freelancer.in/?referer=');">PHP Freelancer</a></div></div>]]></content:encoded>
			<wfw:commentRss>http://onlinejournalismblog.com/2008/04/18/twittercartoonday/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
	</channel>
</rss>

