<?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>Tobias Toft &#187; Blog</title>
	<atom:link href="http://tobiastoft.dk/category/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://tobiastoft.dk</link>
	<description>About interaction design, geeky things and maybe even Helvetica.</description>
	<lastBuildDate>Thu, 22 Apr 2010 14:31:56 +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>Easing library for Arduino</title>
		<link>http://tobiastoft.dk/easing-library-for-arduino</link>
		<comments>http://tobiastoft.dk/easing-library-for-arduino#comments</comments>
		<pubDate>Sun, 28 Mar 2010 13:26:00 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[arduino]]></category>
		<category><![CDATA[easing]]></category>
		<category><![CDATA[library]]></category>
		<category><![CDATA[penner]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=461</guid>
		<description><![CDATA[
I finally pulled myself together and released the easing library I wrote for the Arduino last summer. It&#8217;s based on Robert Penner&#8217;s nice work, so all credits should go to him.
Anyway, you can find it here:
http://bit.ly/arduinoeasing
]]></description>
			<content:encoded><![CDATA[<p><a href="http://tobiastoft.dk/wp-content/uploads/easingsnip1.png"><img class="aligncenter size-full wp-image-465" title="easingsnip" src="http://tobiastoft.dk/wp-content/uploads/easingsnip1-e1269782903268.png" alt="" width="500" height="114" /></a></p>
<p>I finally pulled myself together and released the easing library I wrote for the Arduino last summer. It&#8217;s based on <a href="http://robertpenner.com/easing">Robert Penner&#8217;s nice work</a>, so all credits should go to him.</p>
<p>Anyway, you can find it here:</p>
<p><a href="http://bit.ly/arduinoeasing">http://bit.ly/arduinoeasing</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/easing-library-for-arduino/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cool! Our Nokia concept at FastCompany</title>
		<link>http://tobiastoft.dk/cool-our-nokia-concept-at-fastcompany</link>
		<comments>http://tobiastoft.dk/cool-our-nokia-concept-at-fastcompany#comments</comments>
		<pubDate>Tue, 29 Sep 2009 08:42:43 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[electronics]]></category>
		<category><![CDATA[industry]]></category>
		<category><![CDATA[nokia]]></category>
		<category><![CDATA[prototyping]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=454</guid>
		<description><![CDATA[It&#8217;s always nice to see other people mention your work, especially when it&#8217;s FastCompany!
Check out this well written article by Kit Eaton at FastCompany.

]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s always nice to see other people mention your work, especially when it&#8217;s FastCompany!</p>
<p>Check out this well written article by <a href="http://www.fastcompany.com/user/kit-eaton" target="_blank">Kit Eaton</a> at <a href="http://www.fastcompany.com/blog/kit-eaton/technomix/nokia-concept-smartphone-ui-puts-friend-user-friendly-0" target="_blank">FastCompany</a>.</p>
<p style="text-align: left;"><a href="http://www.fastcompany.com/blog/kit-eaton/technomix/nokia-concept-smartphone-ui-puts-friend-user-friendly-0"><img class="size-full wp-image-456 alignleft" title="nokia" src="http://tobiastoft.dk/wp-content/uploads/nokia.jpg" alt="nokia" width="500" height="333" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/cool-our-nokia-concept-at-fastcompany/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Deadline getting closer&#8230;</title>
		<link>http://tobiastoft.dk/deadline-getting-closer</link>
		<comments>http://tobiastoft.dk/deadline-getting-closer#comments</comments>
		<pubDate>Tue, 18 Aug 2009 13:47:47 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[thesis]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=445</guid>
		<description><![CDATA[Only five more days to go before the final exams start. Here&#8217;s a little taste of what I&#8217;ve been doing for the last couple of months. More info will be available very soon!

]]></description>
			<content:encoded><![CDATA[<p>Only five more days to go before the final exams start. Here&#8217;s a little taste of what I&#8217;ve been doing for the last couple of months. More info will be available very soon!</p>
<p><img class="aligncenter size-full wp-image-448" title="Three_products_4-3-with_text_small" src="http://tobiastoft.dk/wp-content/uploads/Three_products_4-3-with_text_small.jpg" alt="Three_products_4-3-with_text_small" width="500" height="375" /></p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/deadline-getting-closer/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>First version of the Braitenberg vehicles</title>
		<link>http://tobiastoft.dk/first-version-of-the-braitenberg-vehicles</link>
		<comments>http://tobiastoft.dk/first-version-of-the-braitenberg-vehicles#comments</comments>
		<pubDate>Tue, 14 Jul 2009 16:06:00 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[arduino]]></category>
		<category><![CDATA[braitenberg]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[electronics]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[thesis]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=408</guid>
		<description><![CDATA[My thesis at CIID is about objects with personality and the different ways there are to implement &#8220;artificial&#8221; personality in otherwise stupid objects. As part of my research I have decided to take a closer look at Valentino Braitenberg&#8217;s work with synthetic psychology in the beginning of the 80&#8217;s. Especially his investigations in the book [...]]]></description>
			<content:encoded><![CDATA[<p>My thesis at CIID is about objects with personality and the different ways there are to implement &#8220;artificial&#8221; personality in otherwise stupid objects. As part of my research I have decided to take a closer look at <a title="Braitenberg's personal webpage" href="http://www.kyb.mpg.de/~braitenb" target="_blank">Valentino Braitenberg&#8217;s</a> work with synthetic psychology in the beginning of the 80&#8217;s. Especially his investigations in the book &#8220;<a title="Go to Amazon" href="http://www.amazon.com/Vehicles-Experiments-Psychology-Valentino-Braitenberg/dp/0262521121" target="_blank">Vehicles: Experiments in Synthetic Psychology</a>&#8221; where he designed the rather famous <a title="Wikipedia article on Braitenberg vehicles" href="http://en.wikipedia.org/wiki/Braitenberg_vehicle" target="_blank">Braitenberg vehicles</a>.</p>
<p>The vehicles are extremely simple electronic objects, that seem to show a specific personality from their actions. The interesting thing is, that they are in fact extremely stupid, but because we (humans) only look at their actions without knowing why they act as they do, we tend to project our own logic and reason to them and thereby give them a personality that they actually don&#8217;t have. It sounds a bit complicated, but actually it isn&#8217;t &#8211; it&#8217;s just because I can&#8217;t explain it properly yet <img src='http://tobiastoft.dk/wp-content/plugins/smilies-themer/Silk/emoticon_smile.png' alt=':)' class='wp-smiley' /> </p>
<p>I decided to base them on Arduino, though it might be overkill &#8211; the reason I did it is to keep flexibility, so that I later can upload more advanced firmware to the bots. Here&#8217;s a photo I took of one of my boards &#8211; unfortunately I put it upside down!</p>
<p><a href="http://www.flickr.com/photos/tobiastoft/3719943669/"><img style="border: 0px initial initial;" title="Arduino Diecimila - the brain in my bots" src="http://farm4.static.flickr.com/3070/3719943669_ca87040d6c_d.jpg" alt="" /></a></p>
<p>Anyway, of course I also snapped some photos of the first vehicle and it&#8217;s half-finished sibling today. Here they are:</p>
<p><a href="http://www.flickr.com/photos/tobiastoft/3719939893/"><img class="alignnone" title="Braitenberg vehicle" src="http://farm3.static.flickr.com/2460/3719939893_dc49abc181_d.jpg" alt="" /></a></p>
<p><a href="http://www.flickr.com/photos/tobiastoft/3720755252/"><img class=" alignnone" title="Braitenberg vehicle - side view" src="http://farm3.static.flickr.com/2440/3720755252_4dd989bff5_d.jpg" alt="Braitenberg vehicle - side view" /></a></p>
<p><a href="http://www.flickr.com/photos/tobiastoft/3719941029/"><img class="alignnone" title="Braitenberg vehicle - front view" src="http://farm4.static.flickr.com/3524/3719941029_8492837901_d.jpg" alt="" /></a></p>
<p><a href="http://www.flickr.com/photos/tobiastoft/3720751186/"><img class="alignnone" title="Top view of unassembled vehicle. You can see the eyes sticking out." src="http://farm4.static.flickr.com/3662/3720751186_193ca5145f_d.jpg" alt="" /></a></p>
<p><a href="http://www.flickr.com/photos/tobiastoft/3720746464/"><img class="alignnone" title="Base unit - lasercut acrylic" src="http://farm3.static.flickr.com/2522/3720746464_773495a1a9_d.jpg" alt="" /></a></p>
<p>You can see more photos in my <a title="Open Braitenberg photoset" href="http://www.flickr.com/photos/tobiastoft/sets/72157621315990639/" target="_blank">Flickr photoset</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/first-version-of-the-braitenberg-vehicles/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bang &amp; Olufsen</title>
		<link>http://tobiastoft.dk/bang-olufsen</link>
		<comments>http://tobiastoft.dk/bang-olufsen#comments</comments>
		<pubDate>Fri, 10 Jul 2009 09:01:58 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[bang olufsen]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[electronics]]></category>
		<category><![CDATA[industry visits]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=401</guid>
		<description><![CDATA[Last week we (the CIID/DKDS Pilot Year) visited a bunch of different companies. One of them was Bang &#38; Olufsen, makers of extraordinary hi-fi equipment. Sorry for being such a geek, but I really love the old Bang &#38; Olufsen designs. These five are my favourites (actually the MX tv should be here as well, but [...]]]></description>
			<content:encoded><![CDATA[<p>Last week we (the CIID/DKDS Pilot Year) visited a bunch of different companies. One of them was Bang &amp; Olufsen, makers of extraordinary hi-fi equipment. Sorry for being such a geek, but I really love the old Bang &amp; Olufsen designs. These five are my favourites (actually the MX tv should be here as well, but I didn&#8217;t get any shots of it):</p>
<p><a class="flickr-image alignnone" title="B&amp;O TV set" href="http://www.flickr.com/photos/tobiastoft/3704017323/"><img src="http://farm4.static.flickr.com/3440/3704017323_284de0a653.jpg" alt="B&amp;O TV set" /></a></p>
<p><a class="flickr-image alignnone" title="B&amp;O tape recorder" href="http://www.flickr.com/photos/tobiastoft/3704019043/"><img src="http://farm3.static.flickr.com/2605/3704019043_cd23f4bd82.jpg" alt="B&amp;O tape recorder" /></a></p>
<p><a class="flickr-image alignnone" title="Old B&amp;O record player cabinet" href="http://www.flickr.com/photos/tobiastoft/3704016067/"><img src="http://farm4.static.flickr.com/3439/3704016067_4b2bb22cb1.jpg" alt="Old B&amp;O record player cabinet" /></a></p>
<p><a class="flickr-image alignnone" title="B&amp;O TV set" href="http://www.flickr.com/photos/tobiastoft/3704020171/"><img src="http://farm3.static.flickr.com/2497/3704020171_cf3e65d01e.jpg" alt="B&amp;O TV set" /></a></p>
<p><a class="flickr-image alignnone" title="B&amp;O Stereo" href="http://www.flickr.com/photos/tobiastoft/3704018179/"><img src="http://farm3.static.flickr.com/2605/3704018179_903c433368.jpg" alt="B&amp;O Stereo" /></a></p>
<p>And as a small bonus, a close-up of the Beosound 5 controls and the Beo 5 remote &#8211; extremely well-engineered aluminum parts. Maybe a bit over-engineered actually?</p>
<p><a class="flickr-image alignnone" title="B&amp;O Beosound 5" href="http://www.flickr.com/photos/tobiastoft/3704830864/"><img src="http://farm4.static.flickr.com/3227/3704830864_4567c8842b.jpg" alt="B&amp;O Beosound 5" /></a></p>
<p>Here&#8217;s the Beo 5 remote. I still don&#8217;t know what I think about the design though.</p>
<p><a class="flickr-image alignnone" title="B&amp;O Beo 5 remote" href="http://www.flickr.com/photos/tobiastoft/3704818940/"><img src="http://farm4.static.flickr.com/3442/3704818940_2d0e94e021.jpg" alt="B&amp;O Beo 5 remote" /></a></p>
<p>And finally: B&amp;O&#8217;s office and factory buildings are in general a bit boring, but the newest one was actually quite interesting. Here&#8217;s a couple of shots from the inside.</p>
<p><a class="flickr-image alignnone" title="B&amp;O building from inside" href="http://www.flickr.com/photos/tobiastoft/3704816254/"><img src="http://farm3.static.flickr.com/2531/3704816254_8ddcca2ca8.jpg" alt="B&amp;O building from inside" /></a></p>
<p><a class="flickr-image alignnone" title="Eline's feet on B&amp;O's glass floor" href="http://www.flickr.com/photos/tobiastoft/3704008905/"><img src="http://farm3.static.flickr.com/2505/3704008905_29cefb4b7c.jpg" alt="Eline's feet on B&amp;O's glass floor" /></a></p>
<p>You can see a lot more photos from our industry visits in my <a title="Go to the Flickr photoset" href="http://www.flickr.com/photos/tobiastoft/sets/72157621177135830/" target="_blank">Flickr gallery</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/bang-olufsen/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Don Norman @ TED</title>
		<link>http://tobiastoft.dk/don-norman-ted</link>
		<comments>http://tobiastoft.dk/don-norman-ted#comments</comments>
		<pubDate>Sat, 16 May 2009 10:11:05 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[emotional design]]></category>
		<category><![CDATA[ted]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=362</guid>
		<description><![CDATA[I&#8217;ve always been a fan of Don Norman and I can watch this talk over and over again.

]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve always been a fan of Don Norman and I can watch this talk over and over again.</p>
<p><object width="446" height="326" data="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /><param name="bgColor" value="#ffffff" /><param name="flashvars" value="vu=http://video.ted.com/talks/embed/DonNorman_2003-embed_high.flv&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/DonNorman-2003.embed_thumbnail.jpg&amp;vw=432&amp;vh=240&amp;ap=0&amp;ti=480" /><param name="src" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" /><param name="bgcolor" value="#ffffff" /><param name="allowfullscreen" value="true" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/don-norman-ted/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Updated design</title>
		<link>http://tobiastoft.dk/updated-design</link>
		<comments>http://tobiastoft.dk/updated-design#comments</comments>
		<pubDate>Thu, 05 Feb 2009 17:12:47 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[photos]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=321</guid>
		<description><![CDATA[I changed the design a bit on this blog, it&#8217;s not in any way radical but I just felt like changing it. I&#8217;m using the header to show some more or less random pictures I&#8217;ve taken. Most of them will probably be related to the Pilot Year or interaction design in some way.
]]></description>
			<content:encoded><![CDATA[<p>I changed the design a bit on this blog, it&#8217;s not in any way radical but I just felt like changing it. I&#8217;m using the header to show some more or less random pictures I&#8217;ve taken. Most of them will probably be related to the Pilot Year or interaction design in some way.</p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/updated-design/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Project galleries are up!</title>
		<link>http://tobiastoft.dk/project-galleries-are-up</link>
		<comments>http://tobiastoft.dk/project-galleries-are-up#comments</comments>
		<pubDate>Wed, 04 Feb 2009 15:24:52 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ciid]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=318</guid>
		<description><![CDATA[The official CIID/DKDS Pilot Year project galleries are finally up! This is the place where all projects made throughout the year will be collected.

]]></description>
			<content:encoded><![CDATA[<p>The official <a title="Go to the gallery website" href="http://dkds.ciid.dk/" target="_blank">CIID/DKDS Pilot Year project galleries</a> are finally up! This is the place where all projects made throughout the year will be collected.</p>
<p style="text-align: center;"><a href="http://dkds.ciid.dk"><img class="size-medium wp-image-319 aligncenter" title="microsites" src="http://tobiastoft.dk/wp-content/uploads/microsites-450x300.jpg" alt="microsites" width="450" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/project-galleries-are-up/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>First Skills Upgrade</title>
		<link>http://tobiastoft.dk/first-skills-upgrade</link>
		<comments>http://tobiastoft.dk/first-skills-upgrade#comments</comments>
		<pubDate>Wed, 04 Feb 2009 15:14:24 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[electronics]]></category>
		<category><![CDATA[exhibition]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[fourteenth week]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=268</guid>
		<description><![CDATA[Ouch. This stuff actually happened before Christmas&#8230; I&#8217;m not that good at updating regularly. I&#8217;ll be back soon with a post about the TUI course we just finished, and hopefully that will make this site a bit more up-to-date.
Well, the last week before Christmas was dedicated to &#8220;Skills Upgrade&#8221;-courses. The class was split in two, [...]]]></description>
			<content:encoded><![CDATA[<p>Ouch. This stuff actually happened before Christmas&#8230; I&#8217;m not that good at updating regularly. I&#8217;ll be back soon with a post about the TUI course we just finished, and hopefully that will make this site a bit more up-to-date.</p>
<p>Well, the last week before Christmas was dedicated to &#8220;Skills Upgrade&#8221;-courses. The class was split in two, one half was working with <a title="James' website" href="http://www.jamestichenor.net/" target="_blank">James Tichenor</a> and <a title="Josh's blog" href="http://random.conflux.org/" target="_blank">Joshua Walton</a> from <a title="Rockwell group's website" href="http://www.rockwellgroup.com/" target="_blank">Rockwell Group</a>, on different proposals for interactive installations for <a title="Pics from the SAS Hotel" href="http://luxuryexperience.com/hotels_and_resorts/denmark_hotels/radisson_sas_royal_hotel.html" target="_blank">SAS Royal Hotel</a> in Copenhagen. The other half (which I was part of) worked with games and computer vision which was taught by <a title="Yaniv's site" href="http://www.nastypixel.com" target="_blank">Yaniv Steiner</a>.</p>
<p style="text-align: center;"><img class="size-medium wp-image-308 aligncenter" title="skills_upgrade-5-medium" src="http://tobiastoft.dk/wp-content/uploads/skills_upgrade-5-medium-450x344.jpg" alt="The scoreboard featuring &quot;pebernødder&quot;" width="450" height="344" /></p>
<p>We spent the week experimenting with different small things within the field of computer vision. The first project we did, was the game &#8220;Style Wars&#8221; &#8211; a reaction game, where you use your hand as the game controller. The game is very simple: you and your opponent face each other like in a classic western duel. When you hear a specific bang-sound, it&#8217;s all about being fastest to draw your gun (gun = pointing hand). If you react too early (before the right sound), you lose. The name &#8220;Style Wars&#8221; doesn&#8217;t really make much sense &#8211; but the reason for the name is, that in the game, one player has the role of a flamenco-dude, the other player is a hip-hopper. I am assuming that it&#8217;s common knowledge that flamenco-dancers and hip-hoppers don&#8217;t get along very well.</p>
<div style="text-align:center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=42e654b7af&amp;photo_id=3174036314&amp;show_info_box=true" /><param name="bgcolor" value="#000000" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/video/stewart.swf?v=67090" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="450" height="338" src="http://www.flickr.com/apps/video/stewart.swf?v=67090" allowfullscreen="true" bgcolor="#000000" flashvars="intl_lang=en-us&amp;photo_secret=42e654b7af&amp;photo_id=3174036314&amp;show_info_box=true"></embed></object></div>
<p><a title="Mellis' Flickr stream" href="http://www.flickr.com/photos/mellis/" target="_blank">Dave Mellis</a> captured me and Erlend dueling in the video above. After making &#8220;Style Wars&#8221; which was based on simple Flash-motion tracking, we moved on to reacTIVision, where we made our own lo-fi <a title="Go to the reactable website" href="http://mtg.upf.es/reactable/" target="_blank">reactable</a> with a standard camcorder, a window and a desklamp. We used the table for testing and having fun with both Flash and Processing.org. One of the applications were a &#8220;body-mixer&#8221;, that made it possible to build your own custom CIID student (or freak) by mixing the legs, torsos and heads from all of us. The controls were three &#8220;dials&#8221; with <a title="Fiducials at the reactable website" href="http://mtg.upf.es/reactable/?software" target="_blank">fiducials</a> underneath.</p>
<p style="text-align: center;"><img class="size-full wp-image-311 aligncenter" title="skills_upgrade-55-450x520" src="http://tobiastoft.dk/wp-content/uploads/skills_upgrade-55-450x520.jpg" alt="Playing with the body-mixer" width="450" height="520" /></p>
<p>I uploaded some pics from the skills upgrade on Flickr &#8211; you should check them out if you want to see some of the other cool stuff people made, like the Dancing Game, for instance&#8230; The thumbnails are here:</p>
<div style="text-align:center"><a class="flickr-image" title="The last minute light solution" href="http://www.flickr.com/photos/30656616@N02/3127101299/"><img src="http://farm4.static.flickr.com/3119/3127101299_60fc999bba_s.jpg" alt="The last minute light solution" /></a><a class="flickr-image" title="Dave" href="http://www.flickr.com/photos/30656616@N02/3127102371/"><img src="http://farm4.static.flickr.com/3085/3127102371_86b26d705a_s.jpg" alt="Dave" /></a><a class="flickr-image" title="Erlend won" href="http://www.flickr.com/photos/30656616@N02/3127931766/"><img src="http://farm4.static.flickr.com/3094/3127931766_fb69c22e1b_s.jpg" alt="Erlend won" /></a><a class="flickr-image" title="Scoreboard" href="http://www.flickr.com/photos/30656616@N02/3127933340/"><img src="http://farm4.static.flickr.com/3101/3127933340_c29e7381e5_s.jpg" alt="Scoreboard" /></a><a class="flickr-image" title="Jacob" href="http://www.flickr.com/photos/30656616@N02/3127111701/"><img src="http://farm4.static.flickr.com/3216/3127111701_416bcd5a9a_s.jpg" alt="Jacob" /></a><a class="flickr-image" title="Fiducials" href="http://www.flickr.com/photos/30656616@N02/3127942126/"><img src="http://farm4.static.flickr.com/3109/3127942126_ea9f19a600_s.jpg" alt="Fiducials" /><br />
</a><a class="flickr-image" title="Danger! Dutch techno ahead" href="http://www.flickr.com/photos/30656616@N02/3127944052/"><img src="http://farm4.static.flickr.com/3085/3127944052_61fda46fe9_s.jpg" alt="Danger! Dutch techno ahead" /></a><a class="flickr-image" title="Danger!" href="http://www.flickr.com/photos/30656616@N02/3127946312/"><img src="http://farm4.static.flickr.com/3293/3127946312_882a91c74a_s.jpg" alt="Danger!" /></a><a class="flickr-image" title="A wall" href="http://www.flickr.com/photos/30656616@N02/3127949792/"><img src="http://farm4.static.flickr.com/3262/3127949792_a201d6618a_s.jpg" alt="A wall" /></a><a class="flickr-image" title="A wall" href="http://www.flickr.com/photos/30656616@N02/3127952410/"><img src="http://farm4.static.flickr.com/3195/3127952410_0823efd7ca_s.jpg" alt="A wall" /></a><a class="flickr-image" title="Style Wars" href="http://www.flickr.com/photos/30656616@N02/3127953266/"><img src="http://farm4.static.flickr.com/3266/3127953266_9f496f74eb_s.jpg" alt="Style Wars" /></a><a class="flickr-image" title="The camera we used for Style Wars" href="http://www.flickr.com/photos/30656616@N02/3127126035/"><img src="http://farm4.static.flickr.com/3296/3127126035_c25c936319_s.jpg" alt="The camera we used for Style Wars" /><br />
</a><a class="flickr-image" title="The camera we used for Style Wars" href="http://www.flickr.com/photos/30656616@N02/3127954996/"><img src="http://farm4.static.flickr.com/3163/3127954996_a2df3f8b52_s.jpg" alt="The camera we used for Style Wars" /></a><a class="flickr-image" title="Jacob and his thing" href="http://www.flickr.com/photos/30656616@N02/3127957182/"><img src="http://farm4.static.flickr.com/3090/3127957182_24f8bfd668_s.jpg" alt="Jacob and his thing" /></a><a class="flickr-image" title="Tired people" href="http://www.flickr.com/photos/30656616@N02/3127958696/"><img src="http://farm4.static.flickr.com/3259/3127958696_d982053464_s.jpg" alt="Tired people" /></a><a class="flickr-image" title="Eline explaining" href="http://www.flickr.com/photos/30656616@N02/3127131825/"><img src="http://farm4.static.flickr.com/3220/3127131825_fe395f2304_s.jpg" alt="Eline explaining" /></a><a class="flickr-image" title="Eline's light installation" href="http://www.flickr.com/photos/30656616@N02/3127961212/"><img src="http://farm4.static.flickr.com/3133/3127961212_e5eb3397b6_s.jpg" alt="Eline's light installation" /></a><a class="flickr-image" title="Eline's light installation" href="http://www.flickr.com/photos/30656616@N02/3127963106/"><img src="http://farm4.static.flickr.com/3210/3127963106_33f17d6fe1_s.jpg" alt="Eline's light installation" /><br />
</a><a class="flickr-image" title="Eline's light installation" href="http://www.flickr.com/photos/30656616@N02/3127137131/"><img src="http://farm4.static.flickr.com/3117/3127137131_dc4e66165f_s.jpg" alt="Eline's light installation" /></a><a class="flickr-image" title="Eline's light installation" href="http://www.flickr.com/photos/30656616@N02/3127138829/"><img src="http://farm4.static.flickr.com/3236/3127138829_c5f86f9b9c_s.jpg" alt="Eline's light installation" /></a><a class="flickr-image" title="Kevin catching the ball" href="http://www.flickr.com/photos/30656616@N02/3127140569/"><img src="http://farm4.static.flickr.com/3207/3127140569_52b29d479c_s.jpg" alt="Kevin catching the ball" /></a><a class="flickr-image" title="Kevin catching the ball" href="http://www.flickr.com/photos/30656616@N02/3127970010/"><img src="http://farm4.static.flickr.com/3123/3127970010_bfa4721b76_s.jpg" alt="Kevin catching the ball" /></a><a class="flickr-image" title="Ujjval explaining" href="http://www.flickr.com/photos/30656616@N02/3127142897/"><img src="http://farm4.static.flickr.com/3248/3127142897_9b5ac8454c_s.jpg" alt="Ujjval explaining" /></a><a class="flickr-image" title="Ujjval's sketch with fast shutter" href="http://www.flickr.com/photos/30656616@N02/3127144705/"><img src="http://farm4.static.flickr.com/3283/3127144705_1b8797cbc2_s.jpg" alt="Ujjval's sketch with fast shutter" /><br />
</a><a class="flickr-image" title="Ujjval's sketch" href="http://www.flickr.com/photos/30656616@N02/3127145819/"><img src="http://farm4.static.flickr.com/3262/3127145819_124f13e392_s.jpg" alt="Ujjval's sketch" /></a><a class="flickr-image" title="Yves explaining" href="http://www.flickr.com/photos/30656616@N02/3127146443/"><img src="http://farm4.static.flickr.com/3095/3127146443_d1d90dbc74_s.jpg" alt="Yves explaining" /></a><a class="flickr-image" title="Ash checking out Jacob's thing" href="http://www.flickr.com/photos/30656616@N02/3127147819/"><img src="http://farm4.static.flickr.com/3288/3127147819_aa142f1961_s.jpg" alt="Ash checking out Jacob's thing" /></a><a class="flickr-image" title="Jacob's graphics projected on the wall" href="http://www.flickr.com/photos/30656616@N02/3127976758/"><img src="http://farm4.static.flickr.com/3216/3127976758_3716b91591_s.jpg" alt="Jacob's graphics projected on the wall" /></a><a class="flickr-image" title="Playing with Jacob's thing" href="http://www.flickr.com/photos/30656616@N02/3127978566/"><img src="http://farm4.static.flickr.com/3295/3127978566_614f44da1e_s.jpg" alt="Playing with Jacob's thing" /></a><a class="flickr-image" title="reactable" href="http://www.flickr.com/photos/30656616@N02/3127176221/"><img src="http://farm4.static.flickr.com/3090/3127176221_a61f72a194_s.jpg" alt="reactable" /><br />
</a><a class="flickr-image" title="A view through Jason's glasses" href="http://www.flickr.com/photos/30656616@N02/3128005584/"><img src="http://farm4.static.flickr.com/3089/3128005584_68a52cab4a_s.jpg" alt="A view through Jason's glasses" /></a><a class="flickr-image" title="Francesco again" href="http://www.flickr.com/photos/30656616@N02/3127180373/"><img src="http://farm4.static.flickr.com/3259/3127180373_e2935b6a60_s.jpg" alt="Francesco again" /></a><a class="flickr-image" title="The dancing game" href="http://www.flickr.com/photos/30656616@N02/3128009872/"><img src="http://farm4.static.flickr.com/3130/3128009872_6bdcec43b3_s.jpg" alt="The dancing game" /></a><a class="flickr-image" title="Francesco dancing" href="http://www.flickr.com/photos/30656616@N02/3127183723/"><img src="http://farm4.static.flickr.com/3130/3127183723_0b084dbaf2_s.jpg" alt="Francesco dancing" /></a><a class="flickr-image" title="The dancing game" href="http://www.flickr.com/photos/30656616@N02/3127185457/"><img src="http://farm4.static.flickr.com/3112/3127185457_4a332ff821_s.jpg" alt="The dancing game" /></a><a class="flickr-image" title="Simona" href="http://www.flickr.com/photos/30656616@N02/3127187165/"><img src="http://farm4.static.flickr.com/3262/3127187165_d9dbb47eed_s.jpg" alt="Simona" /><br />
</a><a class="flickr-image" title="1-day reactable" href="http://www.flickr.com/photos/30656616@N02/3128017890/"><img src="http://farm4.static.flickr.com/3234/3128017890_190a6dc2cc_s.jpg" alt="1-day reactable" /></a><a class="flickr-image" title="Fast shutter = Funky colors" href="http://www.flickr.com/photos/30656616@N02/3127192519/"><img src="http://farm4.static.flickr.com/3101/3127192519_11a6d2bf0d_s.jpg" alt="Fast shutter = Funky colors" /></a><a class="flickr-image" title="Yves shooting fiducials" href="http://www.flickr.com/photos/30656616@N02/3128021534/"><img src="http://farm4.static.flickr.com/3086/3128021534_b2f39df361_s.jpg" alt="Yves shooting fiducials" /></a><a class="flickr-image" title="Magnus and the scoreboard" href="http://www.flickr.com/photos/30656616@N02/3128024056/"><img src="http://farm4.static.flickr.com/3246/3128024056_e7b1a6d132_s.jpg" alt="Magnus and the scoreboard" /></a><a class="flickr-image" title="Skills upgrade exhibition" href="http://www.flickr.com/photos/30656616@N02/3127197861/"><img src="http://farm4.static.flickr.com/3109/3127197861_a709d46861_s.jpg" alt="Skills upgrade exhibition" /></a><a class="flickr-image" title="It's in the hair" href="http://www.flickr.com/photos/30656616@N02/3128026550/"><img src="http://farm4.static.flickr.com/3237/3128026550_f866ca89ec_s.jpg" alt="It's in the hair" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/first-skills-upgrade/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GUI Part 2 &#8211; Interactive Data Visualisation</title>
		<link>http://tobiastoft.dk/interactive-data-visualisation</link>
		<comments>http://tobiastoft.dk/interactive-data-visualisation#comments</comments>
		<pubDate>Mon, 22 Dec 2008 18:37:38 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[data visualisation]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[stamen]]></category>
		<category><![CDATA[thirteenth week]]></category>
		<category><![CDATA[twelfth week]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=256</guid>
		<description><![CDATA[The second part of our GUI class was about interactive data visualisation. Again, we had an outstanding external teacher: Shawn Allen from Stamen Design in San Francisco. Along with Shawn we also had our own CIID genious David Mellis to help us with the ActionScript3 programming. We started using FlexBuilder, but quickly realised that it [...]]]></description>
			<content:encoded><![CDATA[<p>The second part of our GUI class was about interactive data visualisation. Again, we had an outstanding external teacher: <a title="Shawn @ Stamen.com" href="http://stamen.com/studio/shawn" target="_blank">Shawn Allen</a> from <a title="Go to Stamen.com" href="http://stamen.com/" target="_blank">Stamen Design</a> in San Francisco. Along with Shawn we also had our own CIID genious <a title="Dave's website" href="http://dam.mellis.org" target="_blank">David Mellis</a> to help us with the ActionScript3 programming. We started using FlexBuilder, but quickly realised that it would be easier for the beginners to start using Flash as the environment instead. I already knew a bit of AS3 and Flash, so for me the two weeks were about upgrading my skills in this field, staying in the context of data visualisation.</p>
<p>We started using XML data from <a title="UN Data: Great source!" href="http://data.un.org/" target="_blank">UN Data</a>, which is an enormous source of information on almost anything. I started digging into data about alcohol consumption per capita for a wide range of countries, and came up with a small application that will let you filter, sort and highlight countries based on either country name or consumption. The app is just a quick one, so it&#8217;s probably buggy and hard to use, but at least I got around handling XML data in Flash. Click the screenshot below, to try the application.</p>
<div id="attachment_258" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/_other/dataviz-alcohol/" target="_blank"><img class="size-full wp-image-258  " title="alcoholdataviz" src="http://tobiastoft.dk/wp-content/uploads/alcoholdataviz.png" alt="Screenshot of the data visualisation of alcohol consumption per capita" width="450" height="292" /></a><p class="wp-caption-text">Screenshot of the data visualisation of alcohol consumption per capita</p></div>
<p> The second week, I started exploring other data formats than XML. I went with a set of datafiles in CSV-format from the Danish Statistics Bank. Here the main task was to parse and combine different files into one dataset, so that I could use it for a visualisation. The data i worked with, was about the number of fatal bike accidents in Denmark for the last ten years. Actually I was surprised to see how relatively low the numbers were, compared to the amount of cyclists here in the country. Again, usability was not my main focus, and I know there could be done a lot in this field, so please bear with me. Here my main focus lied in using <a title="The one I used" href="http://www.somerandomdude.net/blog/flash/actionscript-3-layout-organizers-source-code/" target="_blank">layout organizers</a>, which is why you will find three buttons, each representing a different layout.</p>
<div id="attachment_261" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/_other/dataviz-bikeaccidents/" target="_blank"><img class="size-full wp-image-261  " title="fatalbikeaccidents-dataviz" src="http://tobiastoft.dk/wp-content/uploads/fatalbikeaccidents-dataviz.png" alt="Screenshot from the data visualisation of bike accidents" width="450" height="292" /></a><p class="wp-caption-text">Screenshot from the data visualisation of bike accidents. Beware of the bugs!</p></div>
<p>Click the part of Denmark you want to see the statistics for, and you will get a graphical representation of the fatal accidents. Red bikes are women, black are men. Mouse over a bike to see limited details on the accident.</p>
<p>Btw: For some reason the swf runs fine in the external Flash player, but acts a bit strange in the embedded browser player. Do you know why?</p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/interactive-data-visualisation/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
