<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.2.3" -->
<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/"
	>

<channel>
	<title>THIS IS INTERACTION</title>
	<link>http://interactiondesign.se/jannes/wordpress</link>
	<description>PORTFOLIO - JANNES PETERS</description>
	<pubDate>Mon, 26 Jan 2009 08:59:38 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.2.3</generator>
	<language>en</language>
			<item>
		<title>Master Thesis with Philips Design</title>
		<link>http://interactiondesign.se/jannes/wordpress/?p=76</link>
		<comments>http://interactiondesign.se/jannes/wordpress/?p=76#comments</comments>
		<pubDate>Sun, 25 Jan 2009 16:33:08 +0000</pubDate>
		<dc:creator>Jannes</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://interactiondesign.se/jannes/wordpress/?p=76</guid>
		<description><![CDATA[I&#8217;ve just started to work on my Master Thesis. I am going to work closely with Philips Healthcare on the Radiologists Reading Room, based on a project Philips presented on RSNA in 2007. I am going to blog about my work on this project here:
http://jannesdegree.wordpress.com/
]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve just started to work on my Master Thesis. I am going to work closely with Philips Healthcare on the Radiologists Reading Room, based on a project Philips presented on RSNA in 2007. I am going to blog about my work on this project here:</p>
<p><a href="http://jannesdegree.wordpress.com/">http://jannesdegree.wordpress.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://interactiondesign.se/jannes/wordpress/?feed=rss2&amp;p=76</wfw:commentRss>
		</item>
		<item>
		<title>Internship at Microsoft</title>
		<link>http://interactiondesign.se/jannes/wordpress/?p=75</link>
		<comments>http://interactiondesign.se/jannes/wordpress/?p=75#comments</comments>
		<pubDate>Sun, 02 Nov 2008 21:58:59 +0000</pubDate>
		<dc:creator>Jannes</dc:creator>
		
		<category><![CDATA[curriculum vitae]]></category>

		<category><![CDATA[Microsoft]]></category>

		<guid isPermaLink="false">http://interactiondesign.se/jannes/wordpress/?p=75</guid>
		<description><![CDATA[
&#160;
I&#8217;ve joined Microsoft for a 3 month internship in September 2008. It&#8217;s been a really great experience so far, I am involved in the real work  of the team. And I also take a lot of responsibilties already. It has been challenging to keep up with this fast-paced team, in a good way. It is  [...]]]></description>
			<content:encoded><![CDATA[<p align="justify"><a href="http://www.microsoft.com/design/" title="microsoft"><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2008/11/picture-1.png" alt="microsoft" /></a></p>
<p align="justify">&nbsp;</p>
<p align="justify">I&#8217;ve joined Microsoft for a 3 month internship in September 2008. It&#8217;s been a really great experience so far, I am involved in the real work  of the team. And I also take a lot of responsibilties already. It has been challenging to keep up with this fast-paced team, in a good way. It is  also very interesting to see the differences in the work of a consultancy (Smart Design) to a corporation (Microsoft). And I think I&#8217;ll have a better understanding what kind of work I&#8217;d like to do in my later life.</p>
]]></content:encoded>
			<wfw:commentRss>http://interactiondesign.se/jannes/wordpress/?feed=rss2&amp;p=75</wfw:commentRss>
		</item>
		<item>
		<title>Internship at Smart Design</title>
		<link>http://interactiondesign.se/jannes/wordpress/?p=73</link>
		<comments>http://interactiondesign.se/jannes/wordpress/?p=73#comments</comments>
		<pubDate>Thu, 29 May 2008 20:16:39 +0000</pubDate>
		<dc:creator>Jannes</dc:creator>
		
		<category><![CDATA[curriculum vitae]]></category>

		<category><![CDATA[Smart Design]]></category>

		<guid isPermaLink="false">http://interactiondesign.se/jannes/wordpress/?p=73</guid>
		<description><![CDATA[
I am currently doing an internship at Smart Design. Most projects I am working on are secret at this phase, so I can&#8217;t show anything yet (this is why I haven&#8217;t posted any new projects in a while). But I can tell that it is really interesting to work with clients, it is a very [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smartdesignworldwide.com/" title="picture-1.png"><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2008/05/picture-1.png" alt="picture-1.png" /></a></p>
<p>I am currently doing an internship at <a href="http://www.smartdesignworldwide.com/">Smart Design</a>. Most projects I am working on are secret at this phase, so I can&#8217;t show anything yet (this is why I haven&#8217;t posted any new projects in a while). But I can tell that it is really interesting to work with clients, it is a very different way to work as I was used to at school. I am happy to have some prototyping stuff going on and looking forward to the next months at Smart.</p>
<p>And I am looking for a company to sponsor my graduation project at Umea Institute of Design in February 2009. Also I am looking for a job as interaction designer after my graduation in July 2009. Please contact me at <a href="https://mail.google.com/mail?view=cm&amp;tf=0&amp;ui=1&amp;to=jannesp@gmail.com" target="_blank">jannesp@gmail.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://interactiondesign.se/jannes/wordpress/?feed=rss2&amp;p=73</wfw:commentRss>
		</item>
		<item>
		<title>Nokia Only Planet</title>
		<link>http://interactiondesign.se/jannes/wordpress/?p=59</link>
		<comments>http://interactiondesign.se/jannes/wordpress/?p=59#comments</comments>
		<pubDate>Wed, 23 Jan 2008 11:07:01 +0000</pubDate>
		<dc:creator>Jannes</dc:creator>
		
		<category><![CDATA[10 week project]]></category>

		<category><![CDATA[experience prototyping]]></category>

		<category><![CDATA[umea institute of design]]></category>

		<category><![CDATA[adobe flash]]></category>

		<guid isPermaLink="false">http://interactiondesign.se/jannes/wordpress/?p=59</guid>
		<description><![CDATA[Only Planet is Nokia Design&#8217;s international student program. It was our last project before the master-degree-project in the interaction-design programme at Umea Institute of Design. Phil, Mike and Juha from Nokia Design were a great help, and gave a lot of inspiration during this 10 week project.
After the some researches I focused my work on [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://onlyplanet.nokia.com/" title="Nokia Only Planet">Only Planet</a> is Nokia Design&#8217;s international student program. It was our last project before the master-degree-project in the interaction-design programme at Umea Institute of Design. Phil, Mike and Juha from Nokia Design were a great help, and gave a lot of inspiration during this 10 week project.</p>
<p>After the some researches I focused my work on a live music sharing system. You could say, its a Jukebox 2.0.</p>
<p>People in the pub have connected their mobile music players to the system. There is a visualization on the floor showing the musical connections between the different people in the room. A big rotating circle shows the name of the song, that you are listening to together. You can suggested songs to the system by selecting songs from your music library on your mobile music player.<br />
When the user moves, the cirlces around him/her will follow. Each user has circles surrounding, presenting the bands that he/she has in common with other users in the room. Connection lines are drawn between the same bands from different users.</p>
<table border="0">
<tr align="left" valign="top">
<td><a href="http://interactiondesign.se/jannes/files/nokia/prototype1.swf" target="_blank" title="floor3002.jpg"><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2008/01/floor3002.jpg" alt="floor3002.jpg" /></a></td>
<td align="left" valign="top"><a href="http://interactiondesign.se/jannes/files/nokia/prototype2.swf" target="_blank" title="mobile.jpg"><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2008/01/mobile.jpg" alt="mobile.jpg" /></a></td>
</tr>
<tr>
<td style="width: 300px" align="left" valign="top">This is a Flash prototype of a visualization that is projected to the floor. (<a href="http://interactiondesign.se/jannes/files/nokia/prototype1.swf">launch</a> or <a href="http://interactiondesign.se/jannes/files/nokia/prototype1.swf">right-click and download</a>)</td>
<td style="width: 300px" align="left" valign="top">A Flash Prototype of the user interface for a mobile touchscreen device. <a href="http://interactiondesign.se/jannes/files/nokia/prototype2.swf" target="_blank">launch</a> or <a href="http://interactiondesign.se/jannes/files/nokia/prototype2.swf">right-click and download</a> (its Flash Lite, so you can download it to your mobile device)</td>
</tr>
</table>
<table border="0">
<tr align="left" valign="top">
<td><a href="http://interactiondesign.se/jannes/files/nokia/video.mov"><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2008/01/video.jpg" alt="video.jpg" /></a></td>
<td align="left" valign="top"><a href="http://interactiondesign.se/jannes/files/nokia/report.pdf" title="report.jpg"><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2008/01/report.jpg" alt="report.jpg" /></a></td>
</tr>
<tr>
<td style="width: 300px" align="left" valign="top">A <a href="http://interactiondesign.se/jannes/files/nokia/video.mov">video</a> of the mobile user interface ran on a normal Pocket PC .</td>
<td style="width: 300px" align="left" valign="top">Report with more information about this project. <a href="http://interactiondesign.se/jannes/files/nokia/report.pdf">download PDF</a></td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://interactiondesign.se/jannes/wordpress/?feed=rss2&amp;p=59</wfw:commentRss>
<enclosure url="http://interactiondesign.se/jannes/files/nokia/video.mov" length="11938830" type="video/quicktime" />
		</item>
		<item>
		<title>vitamin B - exploration of digital tangible reading</title>
		<link>http://interactiondesign.se/jannes/wordpress/?p=52</link>
		<comments>http://interactiondesign.se/jannes/wordpress/?p=52#comments</comments>
		<pubDate>Thu, 01 Nov 2007 08:31:42 +0000</pubDate>
		<dc:creator>Jannes</dc:creator>
		
		<category><![CDATA[fiducials]]></category>

		<category><![CDATA[2 week project]]></category>

		<category><![CDATA[arduino]]></category>

		<category><![CDATA[video tracking]]></category>

		<category><![CDATA[installation]]></category>

		<category><![CDATA[hardware sketching]]></category>

		<category><![CDATA[umea institute of design]]></category>

		<category><![CDATA[experience prototyping]]></category>

		<category><![CDATA[vvvv]]></category>

		<guid isPermaLink="false">http://interactiondesign.se/jannes/wordpress/?p=52</guid>
		<description><![CDATA[ 
vitamin B is an exploration of digital and tangible reading. the user can move objects on an interactive table. projected grafics  will follow these objects. by manipulating the objects the user can browse pages or books.

done with Arduino, Reactivision and vvvv.
download documentation (pdf 1.3mb)

]]></description>
			<content:encoded><![CDATA[<p> <a href="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2007/11/untitled-4.jpg" title="untitled-4.jpg"><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2007/11/untitled-4.jpg" alt="untitled-4.jpg" /></a></p>
<p>vitamin B is an exploration of digital and tangible reading. the user can move objects on an interactive table. projected grafics  will follow these objects. by manipulating the objects the user can browse pages or books.</p>
<p><a href="http://www.youtube.com/watch?v=LpM2HwthKxM"><img src="http://img.youtube.com/vi/LpM2HwthKxM/default.jpg" width="130" height="97" border=0></a></p>
<p>done with <a href="http://www.arduino.cc/">Arduino</a>, <a href="http://mtg.upf.es/reactable/?software">Reactivision</a> and <a href="http://vvvv.org/">vvvv</a>.</p>
<p><a href="http://www.interactiondesign.se/projects/vitaminb/downloads/vitB-report.pdf" title="documentation">download documentation (pdf 1.3mb)</a></p>
<p><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2007/11/vitamine-b1.jpg" alt="vitamine-b1.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://interactiondesign.se/jannes/wordpress/?feed=rss2&amp;p=52</wfw:commentRss>
		</item>
		<item>
		<title>Experience Prototyping with Tellart</title>
		<link>http://interactiondesign.se/jannes/wordpress/?p=68</link>
		<comments>http://interactiondesign.se/jannes/wordpress/?p=68#comments</comments>
		<pubDate>Sat, 27 Oct 2007 12:29:51 +0000</pubDate>
		<dc:creator>Jannes</dc:creator>
		
		<category><![CDATA[1 week project]]></category>

		<category><![CDATA[umea institute of design]]></category>

		<category><![CDATA[hardware sketching]]></category>

		<category><![CDATA[adobe flash]]></category>

		<guid isPermaLink="false">http://interactiondesign.se/jannes/wordpress/?p=68</guid>
		<description><![CDATA[Matt and Rian from Tellart came to Umea for a 1 week prototyping workshop. It was great fun to work with them and all the stuff they brought to play around with. Our task was to prototype something to make a full working day at the computer less boring and less unhealthy.
I worked with Youle [...]]]></description>
			<content:encoded><![CDATA[<p>Matt and Rian from <a href="http://www.tellart.com/">Tellart </a>came to Umea for a 1 week prototyping workshop. It was great fun to work with them and all the stuff they brought to play around with. Our task was to prototype something to make a full working day at the computer less boring and less unhealthy.</p>
<p>I worked with Youle and Mike in this project and they had a lot of great and funny ideas. We ended up with three prototypes:<span style="color: #dbdbdb"></span></p>
<p>Prototype 1: Work out with Colleagues!</p>
<p>After a certain time of sitting, working and starring at  the your computer screen, the picture on the screen seems to shrink. You have to take both handles and pull as hard as you can, to drag the picture on the screen back in its normal position. But its not possible to do it on your own, so you have to ask a workmate or friend to help you. Our intention was to make the people in front of their computer get up from their chairs. Get your mind away from your work for a moment. Have some small workout and meet other people and talk for a while. Their is also a small fan and a blender connected to the computer, providing you with fresh air and a cool drink after the workout.</p>
<p><a href="http://www.youtube.com/watch?v=JqDkN3OC-K0"><img src="http://img.youtube.com/vi/JqDkN3OC-K0/default.jpg" width="130" height="97" border=0></a></p>
<p><a href="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2008/01/img_5730.jpg" title="img_5730.jpg"><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2008/01/img_5730.jpg" title="img_5730.jpg" alt="img_5730.jpg" height="480" width="640" /></a></p>
<p>Prototype 2: Drink sufficient Water!</p>
<p>Our second prototoype focused on the drinking habits of people working at a computer. Sometimes you forget to drink water while working, but drinking is very important for your brain  to concentrate and to be creative. So we build a system that senses how much water you drink during your work. There is a small widget on your screen, indicating the water level in your glass. When you forget to drink water for a while, the screen begins to darken&#8230; as if it runs out of power (like you are because you didnt drink enough water). After you drunk water, the screens brightens up again.<br />
We used a pressure sensor and some actionscript coding to calculate how much water was drunken.  And it worked surprisingly well.</p>
<p><a href="http://www.youtube.com/watch?v=8oIW7pdnspk"><img src="http://img.youtube.com/vi/8oIW7pdnspk/default.jpg" width="130" height="97" border=0></a></p>
<p><a href="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2008/01/img_5835.jpg" title="img_5835.jpg"><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2008/01/img_5835.jpg" alt="img_5835.jpg" /></a></p>
<p>Prototype 3: Share your Files!</p>
<p><em> no description yet </em></p>
<p><a href="http://www.youtube.com/watch?v=KOZav8heycs"><img src="http://img.youtube.com/vi/KOZav8heycs/default.jpg" width="130" height="97" border=0></a></p>
]]></content:encoded>
			<wfw:commentRss>http://interactiondesign.se/jannes/wordpress/?feed=rss2&amp;p=68</wfw:commentRss>
		</item>
		<item>
		<title>this is not a book!</title>
		<link>http://interactiondesign.se/jannes/wordpress/?p=22</link>
		<comments>http://interactiondesign.se/jannes/wordpress/?p=22#comments</comments>
		<pubDate>Mon, 22 Oct 2007 16:33:47 +0000</pubDate>
		<dc:creator>Jannes</dc:creator>
		
		<category><![CDATA[fiducials]]></category>

		<category><![CDATA[1 day project]]></category>

		<category><![CDATA[video tracking]]></category>

		<category><![CDATA[experience prototyping]]></category>

		<category><![CDATA[umea institute of design]]></category>

		<category><![CDATA[vvvv]]></category>

		<guid isPermaLink="false">http://interactiondesign.se/jannes/wordpress/?p=22</guid>
		<description><![CDATA[there is a ordinary paper notebook in front of the computer and a virtual book on the screen. as you open the real book, the virtual book will do the same but show additional content like videos that cant be shown in real books. you can flip pages, rotate or move the real book on [...]]]></description>
			<content:encoded><![CDATA[<blockquote>there is a ordinary paper notebook in front of the computer and a virtual book on the screen. as you open the real book, the virtual book will do the same but show additional content like videos that cant be shown in real books. you can flip pages, rotate or move the real book on your desk - the virtual book will do the same on the screen.</p></blockquote>
<p>i used videotracking in this simpel prototype. a freeframe module that is built into vvvv can track the id-number, position and orientation of fiducial printouts (fiducials were used in the <a href="http://mtg.upf.edu/reactable/">reactable</a> before). i never used videotracking before, but it took me only one day to make this prototype.</p>
<p><a href="http://web.mac.com/rahulsen79/Portfolio/Home.html" target="_blank">rahul</a> and me are working on extended version of this concept at the moment.<br />
<code>
<span id="s1" class="flashvideo">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</span>
<script type="text/javascript">
var s1 = new SWFObject("http://interactiondesign.se/jannes/wordpress/wp-content/plugins/flash-video-player/flvplayer.swf","s1","640</code><code>","480","7");
s1.addParam("allowfullscreen","true");s1.addParam("allowscriptaccess","true");s1.addVariable("image","http://interactiondesign.se/jannes/files/video-play.jpg");
s1.addVariable("lightcolor","333333");
s1.addVariable("autoscroll","true");
s1.addVariable("largecontrols","false");
s1.addVariable("overstretch","true");
s1.addVariable("showdigits","true");
s1.addVariable("showdownload","false");
s1.addVariable("showeq","false");
s1.addVariable("showicons","true");
s1.addVariable("showvolume","true");
s1.addVariable("thumbsinplaylist","true");
s1.addVariable("autostart","false");
s1.addVariable("bufferlength","3");
s1.addVariable("repeat","false");
s1.addVariable("rotatetime","5");
s1.addVariable("smoothing","true");
s1.addVariable("volume","80");
s1.addVariable("enablejs","true");
s1.addVariable("linkfromdisplay","false");
s1.addVariable("t","autodetect");
s1.addVariable("useaudio","false");
s1.addVariable("usecaptions","false");
s1.addVariable("usefullscreen","true");
s1.addVariable("usekeys","false");
s1.addVariable("file","http://interactiondesign.se/jannes/wordpress/flashfiles/nobook.flv");
s1.write("s1");
</script>
</code></p>
]]></content:encoded>
			<wfw:commentRss>http://interactiondesign.se/jannes/wordpress/?feed=rss2&amp;p=22</wfw:commentRss>
		</item>
		<item>
		<title>low-tech prototyping</title>
		<link>http://interactiondesign.se/jannes/wordpress/?p=23</link>
		<comments>http://interactiondesign.se/jannes/wordpress/?p=23#comments</comments>
		<pubDate>Fri, 19 Oct 2007 20:54:42 +0000</pubDate>
		<dc:creator>Jannes</dc:creator>
		
		<category><![CDATA[1 day project]]></category>

		<category><![CDATA[low-tech]]></category>

		<category><![CDATA[experience prototyping]]></category>

		<category><![CDATA[umea institute of design]]></category>

		<guid isPermaLink="false">http://interactiondesign.se/jannes/wordpress/?p=23</guid>
		<description><![CDATA[this week we had a low-tech prototyping workshop with camille and niklas. the task was to create a low-tech but hi-fi experience. we had 3 hours to archieve this purpose. thanx to stina for editing the videos&#8230;


Get the Flash Player to see this player.

var s2 = new SWFObject("http://interactiondesign.se/jannes/wordpress/wp-content/plugins/flash-video-player/flvplayer.swf","s2","640","480","7");
s2.addParam("allowfullscreen","true");s2.addParam("allowscriptaccess","true");s2.addVariable("image","http://interactiondesign.se/jannes/files/video-play.jpg");
s2.addVariable("lightcolor","333333");
s2.addVariable("autoscroll","true");
s2.addVariable("largecontrols","false");
s2.addVariable("overstretch","true");
s2.addVariable("showdigits","true");
s2.addVariable("showdownload","false");
s2.addVariable("showeq","false");
s2.addVariable("showicons","true");
s2.addVariable("showvolume","true");
s2.addVariable("thumbsinplaylist","true");
s2.addVariable("autostart","false");
s2.addVariable("bufferlength","3");
s2.addVariable("repeat","false");
s2.addVariable("rotatetime","5");
s2.addVariable("smoothing","true");
s2.addVariable("volume","80");
s2.addVariable("enablejs","true");
s2.addVariable("linkfromdisplay","false");
s2.addVariable("t","autodetect");
s2.addVariable("useaudio","false");
s2.addVariable("usecaptions","false");
s2.addVariable("usefullscreen","true");
s2.addVariable("usekeys","false");
s2.addVariable("file","http://interactiondesign.se/jannes/wordpress/flashfiles/lowtech1.flv");
s2.write("s2");


see how we did:


Get the Flash Player to [...]]]></description>
			<content:encoded><![CDATA[<p>this week we had a low-tech prototyping workshop with <a href="http://www.guchmu.com/" target="_blank">camille</a> and niklas. the task was to create a low-tech but hi-fi experience. we had 3 hours to archieve this purpose. thanx to <a href="http://www.stinajonsson.com/" target="_blank">stina</a> for editing the videos&#8230;</p>
<p><code>
<span id="s4" class="flashvideo">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</span>
<script type="text/javascript">
var s4 = new SWFObject("http://interactiondesign.se/jannes/wordpress/wp-content/plugins/flash-video-player/flvplayer.swf","s4","640</code><code>","480","7");
s4.addParam("allowfullscreen","true");s4.addParam("allowscriptaccess","true");s4.addVariable("image","http://interactiondesign.se/jannes/files/video-play.jpg");
s4.addVariable("lightcolor","333333");
s4.addVariable("autoscroll","true");
s4.addVariable("largecontrols","false");
s4.addVariable("overstretch","true");
s4.addVariable("showdigits","true");
s4.addVariable("showdownload","false");
s4.addVariable("showeq","false");
s4.addVariable("showicons","true");
s4.addVariable("showvolume","true");
s4.addVariable("thumbsinplaylist","true");
s4.addVariable("autostart","false");
s4.addVariable("bufferlength","3");
s4.addVariable("repeat","false");
s4.addVariable("rotatetime","5");
s4.addVariable("smoothing","true");
s4.addVariable("volume","80");
s4.addVariable("enablejs","true");
s4.addVariable("linkfromdisplay","false");
s4.addVariable("t","autodetect");
s4.addVariable("useaudio","false");
s4.addVariable("usecaptions","false");
s4.addVariable("usefullscreen","true");
s4.addVariable("usekeys","false");
s4.addVariable("file","http://interactiondesign.se/jannes/wordpress/flashfiles/lowtech1.flv");
s4.write("s4");
</script>
</code></p>
<p>see how we did:</p>
<p><code>
<span id="s5" class="flashvideo">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</span>
<script type="text/javascript">
var s5 = new SWFObject("http://interactiondesign.se/jannes/wordpress/wp-content/plugins/flash-video-player/flvplayer.swf","s5","640</code><code>","480","7");
s5.addParam("allowfullscreen","true");s5.addParam("allowscriptaccess","true");s5.addVariable("image","http://interactiondesign.se/jannes/files/video-play.jpg");
s5.addVariable("lightcolor","333333");
s5.addVariable("autoscroll","true");
s5.addVariable("largecontrols","false");
s5.addVariable("overstretch","true");
s5.addVariable("showdigits","true");
s5.addVariable("showdownload","false");
s5.addVariable("showeq","false");
s5.addVariable("showicons","true");
s5.addVariable("showvolume","true");
s5.addVariable("thumbsinplaylist","true");
s5.addVariable("autostart","false");
s5.addVariable("bufferlength","3");
s5.addVariable("repeat","false");
s5.addVariable("rotatetime","5");
s5.addVariable("smoothing","true");
s5.addVariable("volume","80");
s5.addVariable("enablejs","true");
s5.addVariable("linkfromdisplay","false");
s5.addVariable("t","autodetect");
s5.addVariable("useaudio","false");
s5.addVariable("usecaptions","false");
s5.addVariable("usefullscreen","true");
s5.addVariable("usekeys","false");
s5.addVariable("file","http://interactiondesign.se/jannes/wordpress/flashfiles/lowtech2.flv");
s5.write("s5");
</script>
</code></p>
<p>&#8230; i am the guy under the table.</p>
]]></content:encoded>
			<wfw:commentRss>http://interactiondesign.se/jannes/wordpress/?feed=rss2&amp;p=23</wfw:commentRss>
		</item>
		<item>
		<title>wiimote to view 3D models</title>
		<link>http://interactiondesign.se/jannes/wordpress/?p=14</link>
		<comments>http://interactiondesign.se/jannes/wordpress/?p=14#comments</comments>
		<pubDate>Sun, 14 Oct 2007 14:58:01 +0000</pubDate>
		<dc:creator>Jannes</dc:creator>
		
		<category><![CDATA[1 week project]]></category>

		<category><![CDATA[experience prototyping]]></category>

		<category><![CDATA[umea institute of design]]></category>

		<category><![CDATA[hardware sketching]]></category>

		<category><![CDATA[vvvv]]></category>

		<guid isPermaLink="false">http://interactiondesign.se/jannes/wordpress/?p=14</guid>
		<description><![CDATA[i like the approach of nintendo to make gaming more than just sitting in front of a screen and push buttons. to add a acceleromter to the contoler is a great idea to keep people off their sofa.
i used the same kind of sensor in my dataglove. but i was always looking at all the [...]]]></description>
			<content:encoded><![CDATA[<p>i like the approach of nintendo to make gaming more than just sitting in front of a screen and push buttons. to add a acceleromter to the contoler is a great idea to keep people off their sofa.</p>
<p>i used the same kind of sensor in my <a href="http://interactiondesign.se/jannes/wordpress/?p=20">dataglove</a>. but i was always looking at all the people on the internet who used bluetooth to connect wiimotes to their pc.</p>
<p>in the new interaction lab<a href="http://www.dh.umu.se/"></a> we have some nintendo wiimotes. i connected two of them to my computer and made a 3D model viewing tool.<br />
i build my own nintendo sensor bar to use the wiimotes as a pointing device. so you can drag and drop the 3D model at the desired position. i used the accelerometer to roll and pitch the 3D modell with wiimote one. with the second wiimote i used the accelerometers to zoom in and out.</p>
<p>this video is a bit odd&#8230; but at least i explain my creation face-to-face.</p>
<p><code>
<span id="s7" class="flashvideo">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</span>
<script type="text/javascript">
var s7 = new SWFObject("http://interactiondesign.se/jannes/wordpress/wp-content/plugins/flash-video-player/flvplayer.swf","s7","640</code><code>","480","7");
s7.addParam("allowfullscreen","true");s7.addParam("allowscriptaccess","true");s7.addVariable("image","http://interactiondesign.se/jannes/files/video-play.jpg");
s7.addVariable("lightcolor","333333");
s7.addVariable("autoscroll","true");
s7.addVariable("largecontrols","false");
s7.addVariable("overstretch","true");
s7.addVariable("showdigits","true");
s7.addVariable("showdownload","false");
s7.addVariable("showeq","false");
s7.addVariable("showicons","true");
s7.addVariable("showvolume","true");
s7.addVariable("thumbsinplaylist","true");
s7.addVariable("autostart","false");
s7.addVariable("bufferlength","3");
s7.addVariable("repeat","false");
s7.addVariable("rotatetime","5");
s7.addVariable("smoothing","true");
s7.addVariable("volume","80");
s7.addVariable("enablejs","true");
s7.addVariable("linkfromdisplay","false");
s7.addVariable("t","autodetect");
s7.addVariable("useaudio","false");
s7.addVariable("usecaptions","false");
s7.addVariable("usefullscreen","true");
s7.addVariable("usekeys","false");
s7.addVariable("file","http://interactiondesign.se/jannes/wordpress/flashfiles/jannes.flv");
s7.write("s7");
</script>
</code></p>
]]></content:encoded>
			<wfw:commentRss>http://interactiondesign.se/jannes/wordpress/?feed=rss2&amp;p=14</wfw:commentRss>
		</item>
		<item>
		<title>map navigation in flash</title>
		<link>http://interactiondesign.se/jannes/wordpress/?p=16</link>
		<comments>http://interactiondesign.se/jannes/wordpress/?p=16#comments</comments>
		<pubDate>Sat, 22 Sep 2007 15:17:08 +0000</pubDate>
		<dc:creator>Jannes</dc:creator>
		
		<category><![CDATA[1 week project]]></category>

		<category><![CDATA[umea institute of design]]></category>

		<category><![CDATA[adobe flash]]></category>

		<guid isPermaLink="false">http://interactiondesign.se/jannes/wordpress/?p=16</guid>
		<description><![CDATA[an interactive (google earth like) map. you can fly from the north of germany to scandinavia. use your mouse to control speed and direction.

i made this flash during a flash action script course. it took my some thinking about math to get the arrow in the middle to behave as i wanted it to. i [...]]]></description>
			<content:encoded><![CDATA[<blockquote>an interactive (google earth like) map. you can fly from the north of germany to scandinavia. use your mouse to control speed and direction.</p></blockquote>
<p><img src="http://interactiondesign.se/jannes/wordpress/wp-content/uploads/2007/10/moveyourmap-new.jpg" alt="moveyourmap-new.jpg" /></p>
<p>i made this flash during a flash action script course. it took my some thinking about math to get the arrow in the middle to behave as i wanted it to. i also tried to organise the flash file and action script in a way that makes adding more cities very easy or make it even possible to let the user add his/her own cities. unfortunatly i didnt have enough time to complete this project.</p>
<p>please try to fly to stockholm, oslo, kopenhagen, bremen, hamburg&#8230; and of course to my current home: umeå.</p>
<p><object type="application/x-shockwave-flash" data="http://www.interactiondesign.se/jannes/files/moveyourmap.swf" width="640" height="480" class="embedflash"><param name="movie" value="http://www.interactiondesign.se/jannes/files/moveyourmap.swf" /><small>(Either JavaScript is not active or you are using an old version of Adobe Flash Player. <a href="http://www.adobe.com/de/">Please install the newest Flash Player</a>.)</small></object></p>
]]></content:encoded>
			<wfw:commentRss>http://interactiondesign.se/jannes/wordpress/?feed=rss2&amp;p=16</wfw:commentRss>
		</item>
	</channel>
</rss>
