<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>kraftner | Thomas Kräftner</title>
	
	<link>http://kraftner.com</link>
	<description />
	<lastBuildDate>Mon, 19 Dec 2011 10:23:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/kraftner" /><feedburner:info uri="kraftner" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Merry Christmas</title>
		<link>http://feedproxy.google.com/~r/kraftner/~3/0M5EZYPEeJU/</link>
		<comments>http://kraftner.com/blogplay/news/2011/12/merry-christmas-3/#comments</comments>
		<pubDate>Mon, 19 Dec 2011 10:23:48 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[christmas]]></category>
		<category><![CDATA[neujahr]]></category>
		<category><![CDATA[new year]]></category>
		<category><![CDATA[silvester]]></category>
		<category><![CDATA[weihnachten]]></category>
		<category><![CDATA[xmas]]></category>

		<guid isPermaLink="false">http://kraftner.com/?p=1322</guid>
		<description><![CDATA[&#8230;and a happy new year!]]></description>
			<content:encoded><![CDATA[<p>&#8230;and a happy new year!</p>
<img src="http://feeds.feedburner.com/~r/kraftner/~4/0M5EZYPEeJU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://kraftner.com/blogplay/news/2011/12/merry-christmas-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://kraftner.com/blogplay/news/2011/12/merry-christmas-3/</feedburner:origLink></item>
		<item>
		<title>Präsenz-Zentrum</title>
		<link>http://feedproxy.google.com/~r/kraftner/~3/ppjdcTwdoYg/</link>
		<comments>http://kraftner.com/portfolio/2011/07/prasenz-zentrum/#comments</comments>
		<pubDate>Fri, 15 Jul 2011 12:48:54 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JS]]></category>
		<category><![CDATA[Template]]></category>

		<guid isPermaLink="false">http://kraftner.com/?p=1299</guid>
		<description><![CDATA[Like molecules floating in water the main navigation on the website of the Präsenz-Zentrum slowly glides over the screen.]]></description>
			<content:encoded><![CDATA[<p>Wie Moleküle die durch Wasser gleiten bewegen sich die Hauptnavigationspunkte auf der Seite des Präsenz-Zentrums langsam über den Monitor. Bei Berührung schlagen sie Wellen und bekräftigen damit den Eindruck von schwimmenden Blasen. Trotz dieser ausgefallenen Navigation sollte die Seite für alle benützbar sein, sei es mit dem PC oder mit dem Handy. Um das möglich zu machen bat mich die Werbeagentur <a href="http://www.agenturschloegl.at/" target="_blank">Schlögl + Schlögl</a> um Hilfe bei der technischen Umsetzung.</p>
<p>Like molecules floating in water the main navigation on the website of the Präsenz-Zentrum slowly glides over the screen. When touching them they make waves and strengthen the impression of floating bubbles. Despite this fancy navigation the website still should be usable for everybody, no matter if using a PC or a mobile phone. To make this possible the ad agency <a href="http://www.agenturschloegl.at/" target="_blank">Schlögl + Schlögl</a> asked me for help concerning the technical implementation.</p>
<img src="http://feeds.feedburner.com/~r/kraftner/~4/ppjdcTwdoYg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://kraftner.com/portfolio/2011/07/prasenz-zentrum/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://kraftner.com/portfolio/2011/07/prasenz-zentrum/</feedburner:origLink></item>
		<item>
		<title>Open Government Data Wien – First Thoughts</title>
		<link>http://feedproxy.google.com/~r/kraftner/~3/VLmOb4v2l10/</link>
		<comments>http://kraftner.com/blogplay/experiments/2011/05/open-government-data-wien-first-thoughts/#comments</comments>
		<pubDate>Wed, 25 May 2011 16:15:43 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Data]]></category>
		<category><![CDATA[Map]]></category>
		<category><![CDATA[OGD]]></category>
		<category><![CDATA[ogdwien]]></category>
		<category><![CDATA[Open Data]]></category>
		<category><![CDATA[Open Government Data Wien]]></category>
		<category><![CDATA[Processing]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[Wien]]></category>

		<guid isPermaLink="false">http://kraftner.com/?p=1238</guid>
		<description><![CDATA[Open Data Initiatives have been blooming all over the world recently starting from the  US and Great Britain. Last Week the City of Vienna joined this trend and has published a first round of datasets including census, budget and location information. Of course I also had a look a the data and came up with some first thoughts.]]></description>
			<content:encoded><![CDATA[<p>Open Data Initiatives have been blooming all over the world recently starting from the  <a href="http://www.data.gov/">US</a> and <a href="http://data.gov.uk/">Great Britain</a>. Last Week the City of Vienna joined this trend and has published <a href="http://data.wien.gv.at/">a first round of datasets</a> including census, budget and location information.</p>
<p>Almost immediately people started digging into the data and before one week has passed we can already admire some interesting and useful projects.<br />
Looks like people are mainly interested in Toilets and Budget Data <a href="http://data.wien.gv.at/apps/">http://data.wien.gv.at/apps/</a></p>
<p>Of course I also had a look a the data and came up with some first thoughts.</p>
<h2><span>Two kinds of Data</span></h2>
<p>By now there are two kinds of data: statistical data (census, budget) and location data. My first guess was that people will be trying do use statistical data for visualizations and create tools for every day use out of location data. By now it looks like my guess was right. Similar to my recent <a href="http://kraftner.com/portfolio/2011/02/push-snowboarding/">Push Snowboarding Visualization</a> I tried to find a less occupied niche as I believe it would be a shame if the use of that data only focuses on Budget Visualizations and Toilet-Finders. Don&#8217;t get me wrong &#8211; those are great applications and really interesting and useful. It just doesn&#8217;t make sense to have 20 variants of each.</p>
<p>So what I started thinking about was making sense of the location data beyond just searching and displaying it on a map as it is. I looked for ways to extract further information from what we have. One idea immediately came to my mind:</p>
<h2><span>Infrastructure coverage</span></h2>
<p>Imagine you are looking for a new house, a flat or just a hotel to spend some nights. Normally you would just check on the internet which areas are deemed nice and start searching on some real estate website mainly focussing on price and the house/flat/room itself. Especially if you don&#8217;t know the city well.</p>
<p>But aren&#8217;t there some other things that are quite important as well? What if you&#8217;ve got kids and want to have a kindergarten or a school nearby. Or the other way around &#8211; you&#8217;re looking for a calm place apart from screaming kids. You&#8217;re a semi professional swimmer and want a public swimming bath just around the corner. You&#8217;re in the city just for a weekend of cultural exploration and want to be as close to museums as possible.</p>
<p>The list goes on and on and actually for these situations we already have most of the data we need. So why not give it a go?</p>
<h2><span>The perfect spot</span></h2>
<p>So I fired up Processing and started exploring what we have. As I really just did a quick and dirty sketch of my idea to get it running for tomorrows <a href="http://data.wien.gv.at/veranstaltungen/index.html">OGD Platform Meeting</a> I won&#8217;t go into (technical) details for now. I plan to clean up the code and publish it as soon as I can find time to do so.</p>
<p>Anyway I just want to go through my sketch quickly and outline some of the findings I had.</p>
<p>Of course the first thing I did was to load all the location data and simply display it. For testing I did choose the <a href="http://data.wien.gv.at/katalog/krankenhaeuser.html">hospital data</a> as some hospitals are really close and some are far away from any other, which seemed perfect for testing.</p>
<p><a title="KRANKENHAUSOGD_location by celebremus, on Flickr" rel="lightbox[perfectspot]" href="http://farm3.static.flickr.com/2534/5758240171_b3cef64b26_b.jpg"><img src="http://farm3.static.flickr.com/2534/5758240171_b3cef64b26.jpg" alt="KRANKENHAUSOGD_location" width="500" height="375" /></a></p>
<p>Next I calculated the minimum distance to the next hospital. The darker the map, the closer the hospital. I also experimented with <a href="http://www.flickr.com/photos/celebremus/5758239009">some more colours</a> to get more detail than what was available just with shades of grey.</p>
<p><a title="KRANKENHAUSOGD_range by celebremus, on Flickr" rel="lightbox[perfectspot]" href="http://farm3.static.flickr.com/2048/5758783776_9ba0a36cfd_b.jpg"><img src="http://farm3.static.flickr.com/2048/5758783776_9ba0a36cfd.jpg" alt="KRANKENHAUSOGD_range" width="500" height="375" /></a></p>
<p>I also played around with things like segmenting:</p>
<p><a title="KRANKENHAUSOGD_segments by celebremus, on Flickr" rel="lightbox[perfectspot]" href="http://farm6.static.flickr.com/5302/5758238457_2429b70822_b.jpg"><img src="http://farm6.static.flickr.com/5302/5758238457_2429b70822.jpg" alt="KRANKENHAUSOGD_segments" width="500" height="375" /></a></p>
<p>Then I finally returned to what was the initial idea: Finding areas that conform to certain criteria. Therefore I needed to combine various datasets.</p>
<p>So I visualized the scenarios outlined earlier on:</p>
<p>Someone looking for silence:</p>
<ul>
<li>at least 1km away from any school or kindergarten</li>
<li>and at least 3km away from hospitals (ambulances!)</li>
</ul>
<p><a title="Ruhe_withBorders by celebremus, on Flickr" rel="lightbox[perfectspot]" href="http://farm3.static.flickr.com/2553/5758822658_b9a5c3897a_b.jpg"><img src="http://farm3.static.flickr.com/2553/5758822658_b9a5c3897a.jpg" alt="Ruhe_withBorders" width="500" height="375" /></a></p>
<p>A swimming-enthusiast:</p>
<ul>
<li>at most 1.5km to the next public swimming bath</li>
<li>or at most 1.5km to the next bank or beach</li>
</ul>
<p><a title="Baden in Wien_withBorders by celebremus, on Flickr" rel="lightbox[perfectspot]" href="http://farm6.static.flickr.com/5106/5758279315_5035e0393f_b.jpg"><img src="http://farm6.static.flickr.com/5106/5758279315_5035e0393f.jpg" alt="Baden in Wien_withBorders" width="500" height="375" /></a></p>
<p>More examples can be found on <a href="http://www.flickr.com/photos/celebremus/sets/72157626679299727/">flickr</a>.</p>
<h2><span>Final thoughts</span></h2>
<p>I believe that this application and Open Government Data in general do have a lot of potential. I am aware of the fact that e.g. for the amount of silence there are plenty of other factors apart from kids and hospitals. But this can easily be expanded if more data like traffic, factory noises,&#8230; become available. I will definitely try to explore this further and publish the code as soon as I do find time to clean it up a bit.<br />
In the meantime I&#8217;m eagerly watching what other people are coming up with. Feel free to comment on this as well &#8211; I would appreciate any kind of Feedback!</p>
<img src="http://feeds.feedburner.com/~r/kraftner/~4/VLmOb4v2l10" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://kraftner.com/blogplay/experiments/2011/05/open-government-data-wien-first-thoughts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://kraftner.com/blogplay/experiments/2011/05/open-government-data-wien-first-thoughts/</feedburner:origLink></item>
		<item>
		<title>Schlaumeier 3</title>
		<link>http://feedproxy.google.com/~r/kraftner/~3/A9ttgDLdAnE/</link>
		<comments>http://kraftner.com/portfolio/2011/05/schlaumeier-3/#comments</comments>
		<pubDate>Fri, 20 May 2011 15:28:13 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[CD]]></category>
		<category><![CDATA[CD-Rom]]></category>
		<category><![CDATA[e-learning]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[school]]></category>

		<guid isPermaLink="false">http://kraftner.com/?p=1286</guid>
		<description><![CDATA[And again it's time to say: Attention Schlaumeier! Now the third CD of the SCHLAUMEIER entdecken Mathematik series with a whole lot of brand new exercises is finally ready.]]></description>
			<content:encoded><![CDATA[<p lang="de">Und wieder heißt es: Schlaumeier aufgepasst! Jetzt ist auch die dritte CD der Reihe SCHLAUMEIER entdecken Mathematik mit jeder Menge neuer Übungen fertig. Auch hier gilt wieder dass es dank Zufallsgenerator eine schier endlose Anzahl neuer Übungsmöglichkeiten gibt und das ganz ohne Installation. Also worauf wartest du &#8211; einfach CD einlegen und loslegen.</p>
<p>And again it&#8217;s time to say: Attention Schlaumeier! Now the third CD of the SCHLAUMEIER entdecken Mathematik series with a whole lot of brand new exercises is finally ready. Thanks to the random generator there are again an almost endless number of exercises and all of this without any installation. So what are you waiting for &#8211; put your CD in and get started.</p>
<img src="http://feeds.feedburner.com/~r/kraftner/~4/A9ttgDLdAnE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://kraftner.com/portfolio/2011/05/schlaumeier-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://kraftner.com/portfolio/2011/05/schlaumeier-3/</feedburner:origLink></item>
		<item>
		<title>Kultur Burgenland</title>
		<link>http://feedproxy.google.com/~r/kraftner/~3/i0fghPaAI9Q/</link>
		<comments>http://kraftner.com/portfolio/2011/04/key-visual-kultur-burgenland/#comments</comments>
		<pubDate>Fri, 08 Apr 2011 14:59:34 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Burgenland]]></category>
		<category><![CDATA[Contest]]></category>
		<category><![CDATA[Corporate Design]]></category>
		<category><![CDATA[Generative]]></category>
		<category><![CDATA[Key Visual]]></category>
		<category><![CDATA[Processing]]></category>

		<guid isPermaLink="false">http://kraftner.com/?p=1270</guid>
		<description><![CDATA[Auf der Suche nach einem Key Visual für die Marke &#8220;Kultur Burgenland&#8221; haben das Kultur-Service Burgenland und das Zentrum für Kreativwirtschaft einen Wettbewerb ausgeschrieben. Ich habe mir dazu einige Gedanken gemacht und einen Entwurf eingereicht. Nachdem Kultur ein Prozess ist, ein sich im ständigen Wandel befindendes Gebilde aus Menschen und ihren Interessen und Erlebnissen bietet [...]]]></description>
			<content:encoded><![CDATA[<p lang="de">Auf der Suche nach einem Key Visual für die Marke &#8220;Kultur Burgenland&#8221; haben das <a href="http://www.kulturservice-burgenland.at/">Kultur-Service Burgenland</a> und das <a href="http://www.kreativwirtschaft.net">Zentrum für Kreativwirtschaft</a> einen Wettbewerb ausgeschrieben. Ich habe mir dazu einige Gedanken gemacht und einen Entwurf eingereicht.<br />
Nachdem Kultur ein Prozess ist, ein sich im ständigen Wandel befindendes Gebilde aus Menschen und ihren Interessen und Erlebnissen bietet sich eine flexible Gestaltungsweise an &#8211; ein generativer Zugang. Anhand passender Parameter (geographische Lage der Kulturorte bzw. -events, Größe und Reichweite sowie das Alter) werden die unterschiedlichen Aspekte der burgenländischen Kultur visualisiert. So ergibt sich ein Key-Visual das sich individuell an das konkrete Einsatzszenario anpassen kann und trotzdem, nicht zuletzt durch die Orientierung an Farb- und Formgebung des bestehenden Logos, ein gemeinsames Erscheinungsbild bewahrt. So kann das Sujet mittels dem zugehörigen Programm flexibel und in einem schier unbegrenzten Variantenreichtum generiert werden um z.B. problemlos neue Veranstaltungen und Einrichtungen in das Portfolio von „Kultur Burgenland“ aufzunehmen.</p>
<p>In search of a new Key Visual for the &#8220;Kultur Burgenland&#8221; brand the <a href="http://www.kulturservice-burgenland.at/">Kultur-Service Burgenland</a> and the <a href="http://www.kreativwirtschaft.net">Zentrum für Kreativwirtschaft</a> held a contest. After thinking about it for some time I also entered with a concept.<br />
As culture is a process, an ever shifting mixture of people and their interests and experiences a flexible design seems to be most fitting &#8211; a generative approach. With fitting parameters (geographic location of cultural venues and events, size and reach) the different aspects of culture in Burgenland are visualized. Like this we get a Key Visual that individually adapts to a concrete usage scenario while still preserving a common appearance by relating to colour and style of the existing logo. With the corresponding program an almost endless amount of variants can be generated to e.g. easily integrate new events and venues into the portfolio of &#8220;Kultur Burgenland&#8221;.</p>
<img src="http://feeds.feedburner.com/~r/kraftner/~4/i0fghPaAI9Q" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://kraftner.com/portfolio/2011/04/key-visual-kultur-burgenland/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://kraftner.com/portfolio/2011/04/key-visual-kultur-burgenland/</feedburner:origLink></item>
		<item>
		<title>I Shoot People</title>
		<link>http://feedproxy.google.com/~r/kraftner/~3/van8OMs0V3U/</link>
		<comments>http://kraftner.com/portfolio/2011/04/i-shoot-people/#comments</comments>
		<pubDate>Fri, 08 Apr 2011 12:26:51 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Fotografie]]></category>
		<category><![CDATA[Grafik]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Photographie]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Plogger]]></category>

		<guid isPermaLink="false">http://kraftner.com/?p=1217</guid>
		<description><![CDATA[Ähnlich wie Matthias Müller brauchte auch mein Kollege Christoph Kerschbaum eine unaufdringliche Webseite um seine Fotografie zu präsentieren. Tatsächlich habe ich ein sehr ähnliches Design verwendet und es um eine individuelle Startseite und dezentes Branding erweitert. Am besten gleich einen Blick auf Christophs Shootings werfen! Much like Matthias Müllers portfolio my colleague Christoph Kerschbaum needed [...]]]></description>
			<content:encoded><![CDATA[<p lang="de">Ähnlich wie <a href="http://kraftner.com/portfolio/2011/04/matthias-muller/">Matthias Müller</a> brauchte auch mein Kollege Christoph Kerschbaum eine unaufdringliche Webseite um seine Fotografie zu präsentieren. Tatsächlich habe ich ein sehr ähnliches Design verwendet und es um eine individuelle Startseite und dezentes Branding erweitert. Am besten gleich einen Blick auf Christophs Shootings werfen!</p>
<p>Much like <a href="http://kraftner.com/portfolio/2011/04/matthias-muller/">Matthias Müllers</a> portfolio my colleague Christoph Kerschbaum needed an unobtrusive website showcasing his photography. I actually used a quite similar design with an individual welcome page and added some decent branding to the mix. So why not have a look at what Christoph has been shooting!</p>
<img src="http://feeds.feedburner.com/~r/kraftner/~4/van8OMs0V3U" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://kraftner.com/portfolio/2011/04/i-shoot-people/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://kraftner.com/portfolio/2011/04/i-shoot-people/</feedburner:origLink></item>
		<item>
		<title>Matthias Müller</title>
		<link>http://feedproxy.google.com/~r/kraftner/~3/i60YHQS_7E8/</link>
		<comments>http://kraftner.com/portfolio/2011/04/matthias-muller/#comments</comments>
		<pubDate>Sat, 02 Apr 2011 12:00:21 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Plogger]]></category>

		<guid isPermaLink="false">http://kraftner.com/?p=1210</guid>
		<description><![CDATA[Der unglaublich talentierte Matthias Müller und seine großartigen Illustrationen heben sich wirklich von der Masse ab. Um ihnen die Bühne zu geben die sie verdienen habe ich eine unaufdringliche Seite gestaltet. So kann man leicht durch seine Arbeiten blättern, ohne jemals vom Wesentlichen abgelenkt zu werden &#8211; großartige Illustrationen, die man sich unbedingt ansehen sollte! [...]]]></description>
			<content:encoded><![CDATA[<p lang="de">Der unglaublich talentierte Matthias Müller und seine großartigen Illustrationen heben sich wirklich von der Masse ab. Um ihnen die Bühne zu geben die sie verdienen habe ich eine unaufdringliche Seite gestaltet. So kann man leicht durch seine Arbeiten blättern, ohne jemals vom Wesentlichen abgelenkt zu werden &#8211; großartige Illustrationen, die man sich unbedingt ansehen sollte!</p>
<p>The amazingly talented Matthias Müller and his great illustrations really stand out from the crowd. To give them the stage they deserve I created a very unobtrusive website. It lets you browse through his works easily  without ever distracting from what it is all about &#8211; great illustrations you should really check out!</p>
<img src="http://feeds.feedburner.com/~r/kraftner/~4/i60YHQS_7E8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://kraftner.com/portfolio/2011/04/matthias-muller/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://kraftner.com/portfolio/2011/04/matthias-muller/</feedburner:origLink></item>
		<item>
		<title>chimbiss.at wins CCA Award</title>
		<link>http://feedproxy.google.com/~r/kraftner/~3/yoWNxgqFFeg/</link>
		<comments>http://kraftner.com/blogplay/news/2011/03/chimbiss-at-wins-cca-award/#comments</comments>
		<pubDate>Tue, 15 Mar 2011 16:01:56 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Award]]></category>
		<category><![CDATA[CCA]]></category>
		<category><![CDATA[Creativ Club Austria]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Venus]]></category>

		<guid isPermaLink="false">http://kraftner.com/?p=1062</guid>
		<description><![CDATA[I am really happy to announce that at last weeks CCA-Gala the chimbiss.at website won the Venus in Bronze in the "website" category. It features lovingly designed graphical details by Barbara Rettensteiner I animated to make the experience you can now enjoy at http://chimbiss.at]]></description>
			<content:encoded><![CDATA[<p>I am really happy to announce that at last weeks CCA-Gala the <a href="http://chimbiss.at/">chimbiss.at</a> website won the <a href="http://www.creativclub.at/index.php?id=4&#038;no_cache=1">Venus in Bronze</a> in the &#8220;website&#8221; category. It features lovingly designed graphical details by <a href="http://astundnebel.at/">AST&#038;NEBELs</a> Barbara Rettensteiner I animated to make the experience you can now enjoy at <a href="http://chimbiss.at/">http://chimbiss.at</a></p>
<p>For more details have a look at the <a href="portfolio/2010/02/chimbiss/">portfolio page of this project</a>.</p>
<img src="http://feeds.feedburner.com/~r/kraftner/~4/yoWNxgqFFeg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://kraftner.com/blogplay/news/2011/03/chimbiss-at-wins-cca-award/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://kraftner.com/blogplay/news/2011/03/chimbiss-at-wins-cca-award/</feedburner:origLink></item>
		<item>
		<title>Making of Push Snowboarding Data-Vis</title>
		<link>http://feedproxy.google.com/~r/kraftner/~3/ywdAHysOrpw/</link>
		<comments>http://kraftner.com/blogplay/experiments/2011/02/making-of-push-snowboarding-data-vis/#comments</comments>
		<pubDate>Thu, 24 Feb 2011 13:57:23 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Burton]]></category>
		<category><![CDATA[Contest]]></category>
		<category><![CDATA[Data]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Generative]]></category>
		<category><![CDATA[Generative Art]]></category>
		<category><![CDATA[Hype]]></category>
		<category><![CDATA[Nokia]]></category>
		<category><![CDATA[Processing]]></category>
		<category><![CDATA[Push]]></category>
		<category><![CDATA[Snowboarding]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://kraftner.com/?p=987</guid>
		<description><![CDATA[I just finished my take on the data of Push Snowboarding and this post will get a bit into the details of how and why.]]></description>
			<content:encoded><![CDATA[<p>I just finished my take on the data of Push Snowboarding and this post will get a bit into the details of how and why. For details about this project have a look at the <a href="http://www.pushsnowboarding.com" target="_blank">official website</a> and <a href="http://kraftner.com/portfolio/2011/02/push-snowboarding/" target="_blank">my data visualization</a>.</p>
<p>Let&#8217;s start off with having a look at the final result:</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="top"
			class="flashmovie"
			width="95%"
			height="220">
	<param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" />
	<param name="flashvars" value="intl_lang=en-us&#038&amp;photo_secret=3c13f82745&#038&amp;photo_id=5473747656" />
	<param name="bgcolor" value="#000000" />
	<param name="allowscriptaccess" value="always" />
	<param name="allowfullscreen" value="true" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://www.flickr.com/apps/video/stewart.swf?v=71377"
			name="top"
			width="95%"
			height="220">
		<param name="flashvars" value="intl_lang=en-us&#038&amp;photo_secret=3c13f82745&#038&amp;photo_id=5473747656" />
		<param name="bgcolor" value="#000000" />
		<param name="allowscriptaccess" value="always" />
		<param name="allowfullscreen" value="true" />
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p><a href="http://www.flickr.com/photos/celebremus/5473151627/" title="Push Snowboarding by celebremus, on Flickr" target="_blank"><img src="http://farm6.static.flickr.com/5052/5473151627_fd175186f3.jpg" width="500" height="400" alt="Push Snowboarding" /></a></p>
<p>Okay how did we end up here, step by step:</p>
<h2><span>The data</span></h2>
<p>When looking at the data offered by the Push Snowboarding Website you can easily be overwhelmed by the sheer amount of several thousand sensor outputs for just a single ride of a couple of minutes. Also there are a lot of different sensors available, some sampled by various internal (Nokia N8) and external sensors: GPS position, acceleration, compass, gyroscope, heart rate, rush and foot pressure.</p>
<p>So my first thought was that I had to stay focused and concentrate on a meaningful subset of the sensor data and try to capture a certain aspect of the ride the data represents.</p>
<p>When looking at the videos it dawned on me that it’s all about snowboarding. A fun sport, one that isn’t only athletically challenging but also features a huge amount of beautiful artistry. So why not use the data to capture this beauty in some way? As I have some experience with <a href="http://kraftner.com/tag/generative">generative design</a> I decided to proceed this way.</p>
<h2><span>The visualization</span></h2>
<p>The next step was to decide on which data fits this approach best. As its about the experience of the ride I decided to start from the GPS coordinates of the ride and enrich it with the speed, rush, and heart rate.</p>
<p>The most obvious thing is the path of the ride. You can see it curve down. No explanation needed there.<br />
While the particles run down the track they sometimes spread out and orbit around the track path. This happens when the speed falls below a certain threshold. So if the rider stops the particles start buzzing around just to immediately rush back to the path when the rider is speeding up again.</p>
<p><a href="http://www.flickr.com/photos/celebremus/5473745918/" title="Push Snowboarding by celebremus, on Flickr" target="_blank"><img src="http://farm6.static.flickr.com/5219/5473745918_25ddb216cf.jpg" width="420" height="400" alt="Push Snowboarding" /></a><br />
<a href="http://www.flickr.com/photos/celebremus/5473745918/" target="_blank">Particles orbiting at the start of the track just before the rider departs</a></p>
<p>The last remaining data being rush and heart rate are combined into color. The higher the heart rate the more red and the higher the rush the more blue is spread alongside the path. If heart rate and rush are high at the same time this leads to this purple-pinkish hue. If the rider is totally relaxed you won&#8217;t see any color at all.</p>
<p><a href="http://www.flickr.com/photos/celebremus/5473149481/" title="Push Snowboarding by celebremus, on Flickr" target="_blank"><img src="http://farm6.static.flickr.com/5132/5473149481_72cdcb5d67.jpg" width="420" height="145" alt="Push Snowboarding" /></a><br />
<a href="http://www.flickr.com/photos/celebremus/5473149481/" target="_blank">calmly speeding down the hill</a></p>
<p><a href="http://www.flickr.com/photos/celebremus/5473149535/" title="Push Snowboarding by celebremus, on Flickr" target="_blank"><img src="http://farm6.static.flickr.com/5135/5473149535_530909bf88.jpg" width="360" height="500" alt="Push Snowboarding" /></a><br />
<a href="http://www.flickr.com/photos/celebremus/5473149535/" target="_blank">the riders heart is pumping and he is sweating like hell</a></p>
<h2><span>Use cases</span></h2>
<p>As nice as this may look &#8211; what is this image good for? I can imagine a vast variety of applications. Let me just outline some:</p>
<p>You are on a marvelous ski holiday or even taking part in a race. But when it&#8217;s over it&#8217;s over and you wish you had a visual souvenir of that experience. So why not just print the visualization of your data on a canvas and hang it right on the wall in your living room?<br />
Or why not give tribute to the mobile phone that helped you collect the data in the first place &#8211; use the image as wallpaper for your mobile phone:<br />
<img src="http://kraftner.com/wp-content/uploads/2011/02/N8.jpg" alt="" title="N8" class="alignnone size-full wp-image-1001" /><br />
Finally my personal favorite: Why not even print it on a snowboard that you can use later on to collect the data for even more amazing snowboarding visualizations.</p>
<p><a href="http://www.flickr.com/photos/celebremus/5473149437/" title="Push Snowboarding by celebremus, on Flickr" target="_blank"><img src="http://farm6.static.flickr.com/5259/5473149437_084f8595b1.jpg" width="244" height="500" alt="Push Snowboarding" /></a></p>
<p>I hope you like my approach. Even if not feel free to let me know by commenting below. By then I am really looking forward to the other contest entries and how they made use of the data.</p>
<img src="http://feeds.feedburner.com/~r/kraftner/~4/ywdAHysOrpw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://kraftner.com/blogplay/experiments/2011/02/making-of-push-snowboarding-data-vis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://kraftner.com/blogplay/experiments/2011/02/making-of-push-snowboarding-data-vis/</feedburner:origLink></item>
		<item>
		<title>Push Snowboarding</title>
		<link>http://feedproxy.google.com/~r/kraftner/~3/ikkg0zGgZfc/</link>
		<comments>http://kraftner.com/portfolio/2011/02/push-snowboarding/#comments</comments>
		<pubDate>Thu, 24 Feb 2011 13:54:51 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Burton]]></category>
		<category><![CDATA[Contest]]></category>
		<category><![CDATA[Data]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Generative]]></category>
		<category><![CDATA[Generative Art]]></category>
		<category><![CDATA[Hype]]></category>
		<category><![CDATA[Nokia]]></category>
		<category><![CDATA[Push]]></category>
		<category><![CDATA[Snowboarding]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://kraftner.com/?p=975</guid>
		<description><![CDATA[Push Snowboarding is a collaboration between Nokia and Burton that equips a snowboarder and his snowboard with a number of sensors and a Nokia N8 to record detailed data while out on the piste. Now they have started a small competition how to visualize and make use of this data.]]></description>
			<content:encoded><![CDATA[<p lang="de">
<strong>28.02: Wie ich soeben erfahren habe, habe ich <a href="http://www.pushsnowboarding.com/news/creative-review-competition-winner/">den Wettbewerb gewonnen</a>!</strong>
</p>
<p lang="de">
Push Snowboarding ist eine Kooperation zwischen Nokia und Burton die mittels einer Reihe Sensoren und einem Nokia N8 Daten eines Riders sammelt. Jetzt haben sie einen Wettbewerb gestartet, um diese Daten zu visualisieren.
</p>
<p lang="de">
Beim ersten Blick auf die Daten kommen einem sofort Ideen zu einer Informationsanalyse für Trainingszwecke oder für statistische Analysen. Da mir das jedoch zu offensichtlich erschien habe ich versucht einen anderen Zugang zu finden.
</p>
<p lang="de">
Es geht um Snowboarding, einen Fun Sport der nicht nur athletisch anspruchsvoll ist sondern auch zu einem großen Teil von artistischer Schönheit lebt. Warum also nicht diese Daten dazu verwenden diese Schönheit in einer abstrakten Weise einzufangen? Auf diese Weise könnte man die Schönheit des Boardens in einem Bild bewahren dass man sich dann an die Wand hängen oder als Hintergrund für sein Nokia N8 verwenden kann. Oder warum das Bild nicht gleich auf ein einzigartiges Snowboard drucken mit dem du dann noch mehr Daten für noch mehr beeindruckende Visualisierungen sammeln kannst.
</p>
<p lang="de">
Nähere Informationen über diese Visualisierung finden sich in einem extra <a href="http://kraftner.com/blogplay/2011/02/making-of-push-snowboarding-data-vis">Blog Post</a> zu diesem Projekt.</p>
<p>&nbsp;</p>
<p><strong>28.02: As I&#8217;ve just been informed <a href="http://www.pushsnowboarding.com/news/creative-review-competition-winner/">I won the competition</a>!</strong><br />
Push Snowboarding is a collaboration between Nokia and Burton that equips a rider and his board with a number of sensors and a Nokia N8 to record detailed data while out on the piste. Now they have started a small competition how to visualize and make use of this data.</p>
<p>When first looking at all the data collected by the sensors some kind of information analysis to be used for training purposes or statistical analysis immediately pops in your mind. As this seemed too obvious for me I tried to find a different approach towards the data.</p>
<p>I soon realized that it&#8217;s about snowboarding. A fun sport, one that isn&#8217;t only athletically challenging but also features a huge amount of beautiful artistry. So why not use the data to capture this beauty in an abstract way? Like this you can save the beauty of a snowboard ride in an image that you can then print and hang on your wall or use as a wallpaper for your Nokia N8 that helped you get to this in the very first place. Why not even print it on your unique snowboard, that you can use later on to collect the data for even more amazing snowboarding visualizations.</p>
<p>If you want to get more into the details of my take on the data have a look at <a href="http://kraftner.com/blogplay/2011/02/making-of-push-snowboarding-data-vis">my blog post about this project</a>.</p>
<img src="http://feeds.feedburner.com/~r/kraftner/~4/ikkg0zGgZfc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://kraftner.com/portfolio/2011/02/push-snowboarding/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://kraftner.com/portfolio/2011/02/push-snowboarding/</feedburner:origLink></item>
	</channel>
</rss>

