<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress.com" -->
<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>jonning &amp;laquo; WordPress.com Tag Feed</title>
	<link>http://en.wordpress.com/tag/jonning/</link>
	<description>Feed of posts on WordPress.com tagged "jonning"</description>
	<pubDate>Wed, 10 Feb 2010 09:20:56 +0000</pubDate>

	<generator>http://en.wordpress.com/tags/</generator>
	<language>en</language>

<item>
<title><![CDATA[DREAMfreq! // final prototype]]></title>
<link>http://tinkeraction.wordpress.com/2008/12/14/dreamfreq-final-prototype/</link>
<pubDate>Sun, 14 Dec 2008 16:50:35 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/12/14/dreamfreq-final-prototype/</guid>
<description><![CDATA[This is my final prototype, which will be showing part of the interactions in my concept.  I prototy]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p style="text-align:justify;"><img class="aligncenter size-full wp-image-561" title="picture-157e" src="http://tinkeraction.wordpress.com/files/2008/12/picture-157e.jpg" alt="picture-157e" width="500" height="375" />This is my final prototype, which will be showing part of the interactions in my concept.  I prototyped using processing with arduino to simulate the tuning of colours through the sliding action.  I hacked an optical mouse and used it to track movements along the X-axis.  Using processing, I was able to translate the the position of the mouse cursor, into values that were able to change the RGB LEDs accordingly.</p>
<p style="text-align:justify;">I&#8217;ve also fitted a mini speaker within the lamp to have sounds playing from within the lamp, and the sliding movements of the lamp will also trigger a fast-forward in the audio clip.  This is to simulate the tuning of the sound recordings when you tune the colours.</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-563" title="finalprototype" src="http://tinkeraction.wordpress.com/files/2008/12/finalprototype.jpg" alt="finalprototype" width="499" height="220" /></p>
<p><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=4179659&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=4179659&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p style="text-align:justify;">This is a video of my prototype at the graduation exhibition.  It is showing the tuning of colours thru the sliding movement of the lamp.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[DREAMfreq! // interactions]]></title>
<link>http://tinkeraction.wordpress.com/2008/12/14/dreamfreq-interactions/</link>
<pubDate>Sun, 14 Dec 2008 16:17:38 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/12/14/dreamfreq-interactions/</guid>
<description><![CDATA[The freqLight switches on via a simple downward push on the top.  freqLight senses the action and li]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p style="text-align:justify;"><img class="size-full wp-image-531 aligncenter" title="push-light" src="http://tinkeraction.wordpress.com/files/2008/12/push-light.jpg" alt="The freqLight switches on via a simple downward push on the top.  freqLight senses the action and lights up gradually.  It will shine the colour pattern that was recorded the previous night.  This colour pattern is referred to as the Sleep Symphony." width="500" height="260" />The <strong><em>freq</em>Light</strong> switches on via a simple downward push on the top.  <em>freq</em>Light senses the action and lights up gradually.  It will shine the colour pattern that was recorded the previous night.  This colour pattern is referred to as the <strong>Sleep Symphony</strong>.<!--more--></p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-532" title="slide" src="http://tinkeraction.wordpress.com/files/2008/12/slide.jpg" alt="slide" width="500" height="259" />To change the colour of <em>freq</em>Light, the user will physically shift the lamp either to the left or to the right.  Shifting the lamp will simulate the passing through of the <strong>Hue values</strong> and the light changes accordingly.</p>
<p style="text-align:justify;">As the colour evolves, the user will be able to <strong>hear sounds</strong> coming out of the lamp.  These sounds are either the recordings of the user&#8217;s dream journals or sounds captured from the space, tagged by that specific Hue value.  Metaphorically, this action <strong>simulates the tuning of a radio</strong>, using the <strong>colours as frequency channels</strong>.  Once the user had selected his desired colour, the top part of <em>freq</em>Light will start to behave according to what was recorded for the past 7 nights.</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-539" title="tuning" src="http://tinkeraction.wordpress.com/files/2008/12/tuning.jpg" alt="tuning" width="500" height="259" />Since the behaviour of the lamp is dependant on the user&#8217;s sleep patterns, the rhythm and intensity will be erratic, just like the movements while asleep.  Visually, this lamp behaviour simulates the burning flame of a candle, adding a poetic expression in the lamp.  The user is then able to scroll through the behaviours of the lamp to arrive at a more stable behaviour or to listen to the recordings.  To do this, the user will physically rotate the lamp <strong>clockwise</strong> or <strong>anti- clockwise</strong> on its base, which is <strong>like controlling the dial on a radio/tape recorder to forward or backward</strong> the media.  As he arrives at a dream journal (i.e. voice recording), the flickering stops and the whole lamp, both the top and bottom, changes to a uniform colour.</p>
<p style="text-align:justify;">The sound recordings (both the environmental sounds and dream journals) will be stored in an onboard memory.  It has sufficient memory to contain accumulated data over 7 nights, after which the oldest piece of information will be overwrite by the latest input.  During replays, the sound recordings of a certain colour frequency will be played one after another and then looped.</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-540" title="pouring" src="http://tinkeraction.wordpress.com/files/2008/12/pouring.jpg" alt="pouring" width="500" height="276" />Removing the recordings is also possible through a simple &#8216;<strong>pouring</strong>&#8216; gesture.  While the audio are being played, to remove them from the memory, the user will pick up the lamp and inverts it.  The lamp sensing this change in orientation will set a mark on the audio clip and when the lamp is put back on its base, an end mark is set and the content that was in between these 2 points will have been deleted.</p>
<p style="text-align:justify;">As the sound recordings will be put in loop, if the user does not want to hear them, he is able to tune down the volume and <em>freq</em>Light will stand there in silence lighting up the space.  The volume is manipulated via rotating the top part of the lamp.</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-544" title="lamp-sense-pillow" src="http://tinkeraction.wordpress.com/files/2008/12/lamp-sense-pillow.jpg" alt="lamp-sense-pillow" width="500" height="260" />Now, when the user decides to sleep, the sensing pillow senses a change in pressure as the user rest his head on it.  This triggers the <em>freq</em>Light to switch to fade mode.  In the fade mode, the lamp dims and then brightens <strong>simulating our respiratory patterns</strong>.  This behaviour also helps to calm to the user, and thus inducing sleep.  Simultaneously, this activates the monitoring of the sleep patterns.  Intensity of the lamp will be reduced gradually through the night.</p>
<p style="text-align:justify;">The pillow senses the head movements of the user.  Whenever the pillow senses a shift in pressure and position, it will send a signal wirelessly to the <em>freq</em>Light to increase the Hue values.  Since the Hue values are derived from the colour wheel, the colour will start evolving and end with the same colour.  The choice of colour is Red, as <strong>Red symbolises full of energy</strong>, which causes movement.</p>
<p style="text-align:justify;">When the user wakes up the next morning, as his head lifts from the pillow, <em>freq</em>Light automatically switches back to lamp mode <strong>retaining the longest colour state</strong> it was in for that night.   Hence reflecting the REM stage of the user&#8217;s sleeping patterns for that night.  During the REM stage, the body is said to be &#8220;paralysed&#8221; because this stage is also known as the dream phase.  The paralysis is a natural state induced by the brain to prevent bodily harm while dreaming.</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-545" title="wakeup" src="http://tinkeraction.wordpress.com/files/2008/12/wakeup.jpg" alt="wakeup" width="500" height="260" />Then the top part of the lamp starts to display the user&#8217;s sleep observation for the night.  The display shows the colours and the changing rate in a <strong>compressed time frame</strong>, which is controllable by the user.  This allows the user to have a quick awareness of how his night has been.</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-546" title="recorddream" src="http://tinkeraction.wordpress.com/files/2008/12/recorddream.jpg" alt="recorddream" width="500" height="260" />Now, if the user wants to record a journal entry of his dream last night, he simply picks up the lamp and speaks into the top of the <em>freq</em>Light, <strong>like talking into a microphone</strong>.  The recorded will be saved as a sound clip in <em>freq</em>Light&#8217;s onboard memory, and it also syncs to mobile devices and computers archiving the media.</p>
<p style="text-align:justify;">After about 60 minutes of inactivity, <em>freq</em>Light will start to dim and eventually switch to standby mode.  Therefore there is no conventional on/off switch on the <em>freq</em>Light.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[DREAMfreq! // Concept definition]]></title>
<link>http://tinkeraction.wordpress.com/2008/12/14/dreamfreq-concept-definition/</link>
<pubDate>Sun, 14 Dec 2008 15:49:56 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/12/14/dreamfreq-concept-definition/</guid>
<description><![CDATA[DREAMfreq! is an interactive lighting system that consists of an ambient lamp, which I called the fr]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p style="text-align:justify;"><strong>DREAM<em>freq</em>!</strong> is an interactive lighting system that consists of an ambient lamp, which I called the <em>freq</em>Light, and a sensing pillow.  The pillow will have embedded sensors to sense the user&#8217;s head movement.  Every movement made by the user will trigger an accumulated increment in the hue values of the <em>freq</em>Light, transforming the colours.</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-525" title="systems" src="http://tinkeraction.wordpress.com/files/2008/12/systems.jpg" alt="systems" width="500" height="276" /><!--more-->The increase in the hue values will be gradual and constant.  So when the user wakes up and see the end state of his <em>freq</em>Light, he will have a brief idea of how his previous night has been.</p>
<p>DREAM<em>freq</em>! also records sound.  This ability serves as an enhancement to the monitoring of the sleep patterns.  The user is able to playback observations from past nights, enabling him to watch his lamp colour evolve in relation to the exact rate of change.  As the colour evolves, the environmental sounds captured that night will also be played.  So if the user snores while he sleeps, his snoring symphony will be heard on the replay.  With this added piece of information, the user will have a better understanding of his night.</p>
<p>The next layer of interaction happens when the user wakes up.  If the night before, he has got an interesting dream that he wants to remember, he is able to trigger the sound capture function of the <em>freq</em>Light.  With images of his dreams still fresh in his mind, he quickly activates the sound recorder and verbally describes the dream out loud.  <em>freq</em>Light records 60 seconds of his speech and becomes his personal dream capture.</p>
<p>After which, to revisit the dreams, he tunes the <em>freq</em>Light to a colour, and all the sound that is recorded in that specific range of colour will be played.  If in that colour he tagged a dream recording, the voice recordings will be played back in the midst of the rest of the environmental sounds.  Just like tuning a radio frequency, hence the name &#8211; <strong>DREAM<em>freq</em>!</strong></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[DREAMfreq! // Concept]]></title>
<link>http://tinkeraction.wordpress.com/2008/12/14/dreamfreq-concept/</link>
<pubDate>Sun, 14 Dec 2008 15:35:36 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/12/14/dreamfreq-concept/</guid>
<description><![CDATA[DREAMfreq! is a concept ambient lighting system that monitors an individual&#8217;s sleeping behavio]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=4171887&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=4171887&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p style="text-align:justify;"><strong>DREAM<em>freq</em>!</strong> is a concept ambient lighting system that monitors an individual&#8217;s sleeping behaviours.  It senses the user&#8217;s movement while sleeping and translates them into soothing colours that light up the space.  With this layer of information, the user is able to have a rough understanding of what has been happening while he was unconscious.  It could help the user on taking decisions of his sleep time, changing the mattress for a better sleep, or lowering the temperature of the room because it is warmer in the summer.</p>
<p style="text-align:justify;">Another aspect of the concept is based on the fact that everyone dreams while they are asleep.  <!--more-->As mentioned in the investigation phase two, dreams occur when we enter the REM (Rapid Eye Movement) stage of our sleep cycle.  In this stage, brain activity starts building up, and rapid eye movements could be observed.  As one wakes up, he transits from a sub-conscious state of mind to conscious.  During this quick transition period (usually about 10 minutes), fragments of our dreams are still &#8220;visible&#8221; in our head.  However, as we get out of the bed to start our day, we fully transit into our conscious state and hence the dream fragments were lost.</p>
<p style="text-align:justify;">One method that is widely practised by anyone who wants to remember his dreams is to keep a dream journal.  A dream journal could exist in any form.  Essentially the idea is to quickly capture the dream by scribbling down keywords, doodling representations or even voice recordings, upon waking up.  This act of capturing embeds the dream into our conscious state of mind.  Thus allowing us to revisit the dream and further define them clearly at a later time.</p>
<p style="text-align:right;"><span style="color:#00ffff;">Proceed to the next post for more project details &#8230;</span></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Thesis: Prototype_07]]></title>
<link>http://tinkeraction.wordpress.com/2008/11/09/thesis-prototype_07/</link>
<pubDate>Sat, 08 Nov 2008 23:28:39 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/11/09/thesis-prototype_07/</guid>
<description><![CDATA[Now, I&#8217;m starting to prototype according to what I&#8217;m designing.  Putting parts of my pre]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=2190211&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=2190211&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p style="text-align:justify;">Now, I&#8217;m starting to prototype according to what I&#8217;m designing.  Putting parts of my previous prototypes together for the final design.  This prototype triggers the LEDs via IR sensors, and then uses the potentiometer to tune the colours. I&#8217;ve also added a homemade lamp reflector to test the effects of the light bouncing off the wall.  I&#8217;m considering using the wall as a reflector to increase the lighted surface area.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Thesis: Self Observation]]></title>
<link>http://tinkeraction.wordpress.com/2008/11/08/thesis-self-observation/</link>
<pubDate>Sat, 08 Nov 2008 20:33:59 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/11/08/thesis-self-observation/</guid>
<description><![CDATA[A time lapse observation video of my sleeping behaviour. I was trying to understand how much one act]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=4180060&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=4180060&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p style="text-align:justify;">A time lapse observation video of my sleeping behaviour. I was trying to understand how much one actually move about during sleep when supposedly only the brain is active.  5 hours of sleep in 3 mins 30 secs.  Enjoy!</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Thesis: Prototype_06]]></title>
<link>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_06/</link>
<pubDate>Sat, 08 Nov 2008 20:21:56 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_06/</guid>
<description><![CDATA[First attempt in using arduino to control dc motor. I experimented with IR distance sensor to trigge]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=2155563&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=2155563&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p style="text-align:justify;">First attempt in using arduino to control dc motor. I experimented with IR distance sensor to trigger the motor. and then using a potentiometer to change the hue of the RGB LEDs and also changing the rotating direction of the motor. I added the 2 flaps of tape to the dc motor to show the change in direction.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Thesis: Prototype_05]]></title>
<link>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_05/</link>
<pubDate>Sat, 08 Nov 2008 20:19:02 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_05/</guid>
<description><![CDATA[Created a capacitive touch sensor out of a piece of soft fabric. I programmed it to gradually increa]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=2142132&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=2142132&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p>Created a capacitive touch sensor out of a piece of soft fabric. I programmed it to gradually increase the hue values of the RGB LEDs upon contact of the hand.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Thesis: Prototype_04]]></title>
<link>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_04/</link>
<pubDate>Sat, 08 Nov 2008 20:14:09 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_04/</guid>
<description><![CDATA[Instead of the potentiometer, I switched to using a push button to control the increment of the hue ]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=2132631&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=2132631&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p>Instead of the potentiometer, I switched to using a push button to control the increment of the hue values.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Thesis: Prototype_03]]></title>
<link>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_03/</link>
<pubDate>Sat, 08 Nov 2008 20:08:25 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_03/</guid>
<description><![CDATA[My first attempt on RGB LEDs.  Again, using the potentiometer to simulate an analog input, I used it]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=2098989&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=2098989&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p>My first attempt on RGB LEDs.  Again, using the potentiometer to simulate an analog input, I used it to tune the colours.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Thesis: Prototype_02]]></title>
<link>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_02/</link>
<pubDate>Sat, 08 Nov 2008 20:03:02 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_02/</guid>
<description><![CDATA[Using push button to switch on LED, and using potentiometer to give pulses.]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=2089287&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=2089287&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p>Using push button to switch on LED, and using potentiometer to give pulses.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Thesis: Prototype_01]]></title>
<link>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_01/</link>
<pubDate>Sat, 08 Nov 2008 19:56:08 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/11/08/thesis-prototype_01/</guid>
<description><![CDATA[Using potentiometer as an analog input to change the state of the LED.  Stable to fading.]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=2089269&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=2089269&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p>Using potentiometer as an analog input to change the state of the LED.  Stable to fading.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Are you a DREAMfreq!?]]></title>
<link>http://tinkeraction.wordpress.com/2008/11/08/are-you-a-dreamfreq/</link>
<pubDate>Sat, 08 Nov 2008 16:08:22 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/11/08/are-you-a-dreamfreq/</guid>
<description><![CDATA[DREAMfreq! is my currently ongoing Master thesis project. DREAMfreq! is a concept ambient lighting s]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p class="MsoNormal" style="text-align:justify;"><span style="font-family:DIN-RegularAlternate;"><a href="http://tinkeraction.wordpress.com/files/2008/11/dreamfreq_logo.png"><img class="aligncenter size-full wp-image-471" title="dreamfreq_logo" src="http://tinkeraction.wordpress.com/files/2008/11/dreamfreq_logo.png" alt="dreamfreq_logo" width="500" height="200" /></a></span></p>
<p style="text-align:justify;"><strong>DREAM<em>freq</em>!</strong> is my currently ongoing Master thesis project.</p>
<p style="text-align:justify;"><strong>DREAM<em>freq</em>!</strong> is a concept ambient lighting system that takes interest in sensing human emotions through natural sleeping behaviours.  It allows users to evaluate their sleep patterns and supports in the collection of their voice recorded dream journals.  Using light objects as a translation medium to sense and to trigger access into our emotions; the captured information (i.e. sleeping behaviours and audio) is translated into ambient illumination which the user is able to access and playback in the future.</p>
<p style="text-align:justify;">DREAM<em>freq</em>! is not an accurate measure of the users&#8217; emotions, but an interactive layer that perceives user behaviours while they are asleep and unconscious, which could help to inform their conscious.  Essentially DREAM<em>freq</em>! creates awareness; it is up to self-interpretations to make sense of the emotions.  Allowing this bridge between our conscious and sub-conscious will open a channel to a quality sleep and better lifestyle.</p>
<p style="text-align:justify;">
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Domus Academy 08 | Master Thesis]]></title>
<link>http://tinkeraction.wordpress.com/2008/09/15/domus-academy-08-master-thesis/</link>
<pubDate>Mon, 15 Sep 2008 16:06:43 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/09/15/domus-academy-08-master-thesis/</guid>
<description><![CDATA[So this week was the official kick-off of the Final Thesis at Domus Academy, MA I-Design.  The topic]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p style="text-align:justify;"><a href="http://tinkeraction.files.wordpress.com/2008/09/light-1-copy.jpg"><img class="aligncenter size-full wp-image-395" title="light-1-copy" src="http://tinkeraction.wordpress.com/files/2008/09/light-1-copy.jpg" alt="" width="500" height="317" /></a><strong><span style="color:#00ccff;">So this week was the official kick-off of the Final Thesis at Domus Academy, MA I-Design.  The topic which I&#8217;ve decided to investigate and work on is the topic of &#8220;LIGHT EMITTING DESIGNS&#8221; aka LEDs.</span></strong></p>
<p style="text-align:justify;">Essentially we are required to design an interactive light piece.  This blog will serve as a medium for me to archive and share my research and works-in-progress as I develop my Master Thesis.</p>
<p style="text-align:justify;">Of course, comments are welcome.  Cheeeeeeers!</p>
<p style="text-align:justify;">x.x</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[drowning.defender]]></title>
<link>http://tinkeraction.wordpress.com/2008/08/30/drowningdefender/</link>
<pubDate>Fri, 29 Aug 2008 23:51:33 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/08/30/drowningdefender/</guid>
<description><![CDATA[Temasek Design School 2004 Final Year Project Designer: Jonning Chng Introduction The sea is a formi]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><a href="http://tinkeraction.files.wordpress.com/2008/08/dd_header1.jpg"><img class="aligncenter size-full wp-image-357" src="http://tinkeraction.wordpress.com/files/2008/08/dd_header1.jpg" alt="" width="500" height="353" /></a></p>
<p><strong>Temasek Design School 2004</strong></p>
<p><strong>Final Year Project</strong></p>
<p><strong>Designer: Jonning Chng</strong></p>
<p><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<h2><span style="color:#ff6600;">Introduction</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<p style="text-align:justify;">The sea is a formidable lure.  Its unknown drags the panic stricken, its currents pulls away.  Based on these two conditions, one physical, the other psychological, the design for <strong>Drowning Defender</strong> addresses both factors in concept and in design.<!--more--></p>
<p style="text-align:justify;">The Drowning Defender is a two-part lifesaving device, consisting of a jet propulsion unit, and a floating aid.  When racing towards a victim, the two units work as one, with the propulsion unit adding speed to shorten the distance between lifesaver and victim.  The enhancement in speed is one of the key added values of this product.  Upon reaching the victim, the floating aid is used to support the victim.  The floating aid is designed to better support the victim, with the added structure of a leg stand that helps support the vertical weight of the victim.  The aerodynamic design of the main floating device caters to the carrying of the upper torso that allows the victim to fully lean their weight on the device.  This way, the floating aid provides an extra sense of security.  With the help of the leg stand, the victim is able to rest their feet on a solid surface, instead of having their feet hanging weightlessly in the water (which is the usual cause of anxiety in victims).  These will eminently reduces panic and anxiety, key psychological issues in the success of rescue efforts.</p>
<p style="text-align:justify;">The propulsion unit is activated in the last leg of rescue by the lifesaver, as it carries the weight of lifesaver and victim, to speedily assist in the return to safety.</p>
<p style="text-align:justify;">The Drowning Defender is an innovation that understands the preservation of human life.</p>
<p style="text-align:justify;"><a href="http://tinkeraction.files.wordpress.com/2008/08/dd_reddot.jpg"><img class="size-medium wp-image-361 alignleft" src="http://tinkeraction.wordpress.com/files/2008/08/dd_reddot.jpg?w=212" alt="" width="170" height="240" /></a>Drowning Defender has been awarded a <strong><span style="color:#ff0000;"><span style="color:#000000;">red</span>dot</span> Award in 2005</strong>, and was recognised as a Top Nominee for <strong><span style="color:#ff9900;">INDEX</span>:<span style="color:#ff9900;">Award</span> 2005</strong>.</p>
<p style="text-align:justify;">
<p style="text-align:justify;">
<h2 style="text-align:right;"><span style="color:#ff6600;">Images of Physical Model 1:1 scale<br />
</span></h2>
<div id="attachment_367" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.files.wordpress.com/2008/08/productimage_01.jpg"><img class="size-full wp-image-367" src="http://tinkeraction.wordpress.com/files/2008/08/productimage_01.jpg" alt="drowning.defender - lifesaving system, complete" width="500" height="353" /></a><p class="wp-caption-text">drowning.defender - Lifesaving system, complete</p></div>
<div id="attachment_368" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.files.wordpress.com/2008/08/productimage_02.jpg"><img class="size-full wp-image-368" src="http://tinkeraction.wordpress.com/files/2008/08/productimage_02.jpg" alt="Rescue Floating Aid" width="500" height="353" /></a><p class="wp-caption-text">Rescue floating aid</p></div>
<div id="attachment_369" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.wordpress.com/files/2008/08/productimage_04.jpg"><img class="size-full wp-image-369" src="http://tinkeraction.wordpress.com/files/2008/08/productimage_04.jpg" alt="Front jet propulsion unit" width="500" height="353" /></a><p class="wp-caption-text">Front jet propulsion unit</p></div>
<h2 style="text-align:center;"><span style="color:#ff6600;"><strong>:: Steps in the rescue ::</strong></span> <a href="http://tinkeraction.files.wordpress.com/2008/08/rescuesteps.jpg"><img class="aligncenter size-full wp-image-384" src="http://tinkeraction.wordpress.com/files/2008/08/rescuesteps.jpg" alt="" width="500" height="743" /></a></h2>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[EVERYDAYSALONE]]></title>
<link>http://tinkeraction.wordpress.com/2008/08/29/everydaysalone/</link>
<pubDate>Thu, 28 Aug 2008 23:22:07 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/08/29/everydaysalone/</guid>
<description><![CDATA[Domus Academy 2008 &#8211; Around Mobile | Always Beta! Project Leader: Setsu Ito Collaborators: Jak]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><a href="http://tinkeraction.files.wordpress.com/2008/08/esheader-copy.jpg"><img class="aligncenter size-full wp-image-308" src="http://tinkeraction.wordpress.com/files/2008/08/esheader-copy.jpg" alt="" width="500" height="170" /></a></p>
<p><strong>Domus Academy 2008 &#8211; <a href="http://projects.domusacademy.net/ambeta/">Around Mobile &#124; Always Beta!</a></strong></p>
<p><strong>Project Leader: <a href="http://www.studioito.com/english/home.html">Setsu Ito</a></strong></p>
<p><strong>Collaborators:</strong></p>
<p><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0in; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman";} @page Section1 	{size:8.5in 11.0in; 	margin:1.0in 1.25in 1.0in 1.25in; 	mso-header-margin:.5in; 	mso-footer-margin:.5in; 	mso-paper-source:0;} div.Section1 	{page:Section1;}  --><strong>Jakkapun Charinrattana, Michelle Man, Jonning Chng</strong></p>
<h2><span style="color:#00ffff;">Abstract</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]-->Undoubtedly, Milan turns into the most vibrant city overnight because of the Salone del Mobile.  It is the time when artists and designers alike get the opportunity to showcase their work in galleries and urban infrastructures all over the city, be it bus stops, bridges, or even footpaths. People can immerse themselves in the world of creativity, wherever they are.<a href="http://tinkeraction.files.wordpress.com/2008/08/abstract_salone.jpg"><img class="aligncenter size-large wp-image-302" src="http://tinkeraction.wordpress.com/files/2008/08/abstract_salone.jpg?w=500" alt="" width="500" height="217" /></a></p>
<p style="text-align:justify;">As the Salone ends, the liveliness fades, artists and designers resort to the conventional ways to exhibit their works, in the physical and the virtual environment, confined to assigned spaces.</p>
<p style="text-align:justify;"><strong>EVERYDAYSALONE</strong> is a revolutionary online community-based system that blurs the boundaries between the virtual and physical reality.  By integrating virtual artwork with the real physical environment, a new form of self-expression is born, allowing the freedom to show artwork anywhere, hence creating a Salone atmosphere in our everyday lives.<!--more--></p>
<h2><span style="color:#00ffff;">Keywords</span></h2>
<p style="padding-left:30px;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--><strong>+  Freedom</strong></p>
<p style="padding-left:30px;"><strong>+  Portability</strong></p>
<p style="padding-left:30px;"><strong>+  Self-Expression</strong></p>
<p style="padding-left:30px;"><strong>+  Social-Expansion</strong></p>
<p style="padding-left:30px;"><strong>+  Discovery of new landscape</strong></p>
<h2><span style="color:#00ffff;">Introduction</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->Unique events like <strong>Salone del Mobile</strong> bring an array of creative people together.  City streets and urban spaces turn into live galleries that allow various artists and designers to showcase their works.  The city becomes &#8220;alive&#8221; and so are the people, who come together to experience the creativity, and exchange &#8220;ratings&#8221; on the best design spots.  The excitement of not knowing what and who you will run into is probably the most attractive part.<a href="http://tinkeraction.files.wordpress.com/2008/08/intro.jpg"><img class="aligncenter size-full wp-image-313" src="http://tinkeraction.wordpress.com/files/2008/08/intro.jpg" alt="" width="500" height="216" /></a></p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]-->As the Salone ends, the city returns to its former self.  People retreat into their own &#8220;personal space&#8221;, and resume to their daily lives.  Art is no longer &#8220;everywhere&#8221; but confined to Design Museums, or online websites.</p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">Details</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->This project attempts to recreate a Salone atmosphere in the urban space that is not limited to a certain time of the year, but integrated into our everyday lives.  By embedding virtual artwork into the physical environment, artists have the freedom to showcase their work anywhere, with the physical environment as the &#8220;canvas&#8221;.  A new behaviour is created as the viewers no longer need to resort to the conventional ways to discover and view artwork.</p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->The design proposal is an <strong>online community-based system</strong> that enables an interchange of information between <strong>exhibitors</strong> (e.g. artists, designers) and <strong>viewers</strong>.<a href="http://tinkeraction.files.wordpress.com/2008/08/01overview.jpg"><img class="aligncenter size-full wp-image-317" src="http://tinkeraction.wordpress.com/files/2008/08/01overview.jpg" alt="" width="436" height="272" /></a></p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->However, unlike other online portfolio or design websites, the exhibitors can show their works in the physical environment without disrupting the existing urban infrastructure.  This extension into space dimensions can be done by virtually &#8220;pasting&#8221; his artwork on the desired physical location using the &#8220;<strong>Sketchpad</strong>&#8221; device, which registers the location and orientation via GPS by the system.  This system allows the viewer to see the artwork through his mobile phone camera, connected wirelessly to the online system.  Once viewed, the viewer can give ratings, comments, or save the link to share with his friends in order to participate in the EVERYDAY<strong>SALONE </strong>community.</p>
<p style="text-align:justify;"><strong>The process consists of 5 steps:</strong></p>
<h3 style="text-align:justify;"><span style="color:#ff9900;">1. Subscription to EVERYDAY<strong>SALONE </strong></span><a href="http://tinkeraction.files.wordpress.com/2008/08/02subscription.jpg"><img class="aligncenter size-full wp-image-321" src="http://tinkeraction.wordpress.com/files/2008/08/02subscription.jpg" alt="" width="515" height="144" /></a></h3>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->The exhibitor subscribes to EVERYDAY<strong>SALONE</strong> service, and creates an online user profile.  The system uses his uploaded avatar image to generate a unique <strong>High Capacity Colour Barcode</strong>, called <strong>grID. </strong>The exhibitor can save this grID and print it out on an ordinary inkjet printer for later use as a sticker.  He will also receive the <strong>Sketchpad </strong>device via mail in order to proceed.  These two things complete his subscription process.</p>
<h3 style="text-align:justify;"><span style="color:#ff9900;">2. Uploading work onto EVERYDAYSALONE</span> <a href="http://tinkeraction.files.wordpress.com/2008/08/03upload.jpg"><img class="aligncenter size-full wp-image-325" src="http://tinkeraction.wordpress.com/files/2008/08/03upload.jpg" alt="" width="515" height="149" /></a></h3>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->The <strong>exhibitor</strong> creates artwork using his computer and uploads his work onto the online system. This generates a unique link to his profile page.</p>
<h3 style="text-align:justify;"><span><span style="color:#ff9900;">3. &#8220;Pasting&#8221; and exhibiting Artwork </span></span><a href="http://tinkeraction.files.wordpress.com/2008/08/04pasting.jpg"><img class="aligncenter size-full wp-image-327" src="http://tinkeraction.wordpress.com/files/2008/08/04pasting.jpg" alt="" width="515" height="211" /></a></h3>
<p style="text-align:justify;"><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=1621996&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1621996&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p style="text-align:justify;">The <strong>exhibitor</strong> downloads the link of the artwork onto his &#8220;<strong>Sketchpad</strong>&#8221; device and uses the device to virtually &#8220;paste&#8221; the artwork onto the physical environment.  (The artwork cannot be seen through the naked eye).  The device registers the location via GPS of the pasted artwork, and sends the information back to the online system for storage and processing.  Once completed, he finds a landmark nearby the artwork (e.g. a bus stop) with the EVERYDAY<strong>SALONE </strong>poster on it, and pastes the <strong>grID </strong>that he printed out earlier in the assigned space.</p>
<h3 style="text-align:justify;"><span style="color:#ff9900;">4. Viewer accessing Artwork</span></h3>
<p style="text-align:justify;"><a href="http://tinkeraction.files.wordpress.com/2008/08/05view.jpg"><img class="aligncenter size-full wp-image-332" src="http://tinkeraction.wordpress.com/files/2008/08/05view.jpg" alt="" width="515" height="167" /></a></p>
<p style="text-align:justify;"><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=1622273&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1622273&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p style="text-align:justify;">The viewer who notices the EVERYDAY<strong>SALONE</strong> poster, captures the <strong>grID</strong> pasted on it using his mobile phone camera.  This automatically sends a request to the online system, which identifies the viewer&#8217;s location, and the artwork of the <strong>exhibitor</strong> whose <strong>grID</strong> he captured.  The system then sends the related data: GPS directions to the artwork, and also the streaming image/render (360<sup>o</sup> views) of the artwork previously pasted by the <strong>exhibitor</strong>, viewable from the mobile phone screen.</p>
<h3 style="text-align:justify;"><span style="color:#ff9900;">5. Viewer participating in the community</span> <a href="http://tinkeraction.files.wordpress.com/2008/08/05commentin.jpg"><img class="aligncenter size-full wp-image-334" src="http://tinkeraction.wordpress.com/files/2008/08/05commentin.jpg" alt="" width="515" height="197" /></a></h3>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->Once viewed, the <strong>viewer</strong> can give feedback to the community by sharing views/comments or give ratings to the artwork.  They can even send the captured image or link to their friends.  This forms an ongoing cycle that connects the <strong>viewers</strong> and <strong>exhibitors</strong> together, allowing an interactive rapport that builds on the creative community.</p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">Sketchpad Details</span><a href="http://tinkeraction.files.wordpress.com/2008/08/prod-d.jpg"><img class="aligncenter size-full wp-image-336" src="http://tinkeraction.wordpress.com/files/2008/08/prod-d.jpg" alt="" width="500" height="369" /></a></h2>
<p style="text-align:justify;"><!--[if !mso]&#62; &#60;!  v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --> <!--[endif]--><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--></p>
<p style="text-align:justify;"><!--[if gte vml 1]&#62; &#60;![endif]-->The <strong>Sketchpad</strong> device has the main function of virtually &#8220;pasting&#8221; the artwork onto the physical environment and allows the editing of the artwork.  The beauty of this design is the ability to use it in any orientation.  We wanted this device to be as ‘invisible&#8217; as possible to the user, because designers need to feel less restrictive to be creative.  The indented holes in the back profile of the <strong>Sketchpad</strong> are soft silicone buttons.  Pressing on any of the back buttons will trigger the menu on the graphical interface.  This enhances the freedom of use of the device, as the user is able to hold it in any orientation and still able to activate the menu selection.  The touch screen with special pressure sensor allows any pin-like surface to be used as a pen (e.g. a pen cap) without the need for a specific stylus.  Equipped with modern technologies like GPS, distance sensor, and digital image capturing, this device allows the user to place the artwork more precisely onto the physical environment.</p>
<p style="text-align:justify;"><a href="http://tinkeraction.files.wordpress.com/2008/08/pad-dimension1.jpg"><img class="aligncenter size-full wp-image-338" src="http://tinkeraction.wordpress.com/files/2008/08/pad-dimension1.jpg" alt="" width="500" height="351" /></a></p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">In Conclusion &#8230;</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->This project creates a new &#8220;virtual&#8221; landscape for the urban infrastructure.  A device with a simple user interface allows the exhibitor to showcase their work anywhere in the city.  Therefore, the exhibition of their works is no longer limited to conventional mediums such as physical spaces or even online galleries.  For example, instead of using a flat background for the artwork, the &#8220;canvas&#8221; itself is the cityscape, making the artwork and the urban landscape more dynamic.</p>
<p>This project brings about a new behaviour for people to view and exchange comments about art or design, allowing exhibitors to publicize their work.  The thrill of discovering new artwork, designs, or even installations wherever the viewers happen to be makes this project more interesting.  Everyday activities like waiting for the bus could be an entirely new experience.</p>
<p>In addition, the use of the <strong>grIDs</strong> (<strong>High Capacity Colour Barcode</strong>) allows the exhibitor to customize their own IDs.  Simple reproduction of this code through printing makes it a &#8220;low-tech&#8221; form of self-advertisement like a name card.  Most importantly, the 2D or 3D artworks are displayed &#8220;virtually&#8221; which means that the urban infrastructure is preserved.</p>
<p>This system is especially suitable for young artists who wish to publicize their work with limited funds.  However, the target users are not limited to creative exhibitors.  The usage can be extended for commercial purposes, such as selling or buying items.  Advances in technology in the future may also enable 3D animations to be &#8220;pasted&#8221; in a certain location, which makes the viewing experience even more immersive.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Change.Clothes for D&amp;G]]></title>
<link>http://tinkeraction.wordpress.com/2008/08/27/changeclothes-for-dg/</link>
<pubDate>Wed, 27 Aug 2008 18:32:37 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/08/27/changeclothes-for-dg/</guid>
<description><![CDATA[Domus Academy 2008 &#8211; Retail Therapy Project Leader: Massimo Banzi Collaborators: Su Hyun Lee, ]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><a href="http://tinkeraction.wordpress.com/files/2008/08/header3-cc.jpg"><img class="aligncenter size-full wp-image-292" src="http://tinkeraction.wordpress.com/files/2008/08/header3-cc.jpg" alt="" width="500" height="161" /></a></p>
<p><strong>Domus Academy 2008 &#8211; <a href="http://projects.domusacademy.net/interactiondesign/?p=289">Retail Therapy</a></strong></p>
<p><strong>Project Leader: <a href="http://www.tinker.it/en/Main/HomePage">Massimo Banzi</a></strong></p>
<p><strong>Collaborators:</strong> <strong>Su Hyun Lee, Ekene Ijeoma, Jonning Chng</strong></p>
<h2><span style="color:#00ffff;">Abstract</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--><strong>Change.Clothes</strong> is an installation for D&#38;G&#8217;s stores where people can change the clothes of 3 visualised D&#38;G models using clothing from the store.  By physically moving clothing items, it triggers the models to take off and put on the particular piece of clothing.  Change Clothes could be used for promoting D&#38;G&#8217;s collections, and creates a point for consumers to interact with the installation, with other consumers, and also with D&#38;G.  The images of models are displayed by projecting interactive video on semi-transparent surfaces.  The videos will be seen from both inside and outside the store; hence it could also be a form of window display.<!--more--></p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">Keywords</span></h2>
<p style="text-align:justify;padding-left:30px;"><strong>+  Experimentation</strong></p>
<p style="text-align:justify;padding-left:30px;"><strong>+  Freedom</strong></p>
<p style="text-align:justify;padding-left:30px;"><strong>+  Irony</strong></p>
<p style="text-align:justify;padding-left:30px;"><strong>+  Anti-conformism</strong></p>
<p style="text-align:justify;padding-left:30px;"><strong>+  Playfulness</strong></p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">Introduction</span><a href="http://tinkeraction.files.wordpress.com/2008/08/dgmodels.jpg"><img class="size-full wp-image-251 alignright" src="http://tinkeraction.wordpress.com/files/2008/08/dgmodels.jpg" alt="" width="239" height="314" /></a></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->More than a style, D&#38;G represents a lifestyle: a brand that speaks the language of youth, and enjoys experimenting with materials and forms in complete freedom.  D&#38;G lives in a metropolitan world without geographic borders, from which it derives stimulation, inspiration, icons which is then transformed into collections brimming with style, irony and anti-conformism.</p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->In most retail stores, mannequins are used as means to communicate the brand&#8217;s image.  They are usually fitted with the brand&#8217;s latest collection to show the progressiveness in their products.  Other than showcasing the latest outfits, body language of the mannequins on display paints a picture of the brand&#8217;s style and story.  The importance of body language is something which is consistent throughout fashion and lifestyle advertisements.</p>
<p>Mannequins tell consumer what to wear and how to wear the brands&#8217; collection.  They portray different characters and personalities of a brand through different styles and poses but can also be used to communicate different things such as the consumer&#8217;s <strong>playfulness, togetherness, shareness and styleness </strong>in the store.</p>
<h3 style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--><a href="http://tinkeraction.files.wordpress.com/2008/08/mannequins.jpg"><img class="aligncenter size-full wp-image-257" src="http://tinkeraction.wordpress.com/files/2008/08/mannequins.jpg" alt="" width="500" height="203" /></a>What if the consumer actions could change how the mannequins behave?  Wouldn&#8217;t this be ironic?</h3>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->In the mid 1970s, the concept of using real models as mannequins was created.  These &#8220;Mannequin Models&#8221; would pose for up to an hour at a time in the windows of the store as &#8220;Living Mannequins&#8221;.  Below is an example of a &#8220;Living Mannequin&#8221;  in the window display:</p>
<p style="text-align:justify;"><span style='text-align:center; display: block;'><object width='425' height='350'><param name='movie' value='http://www.youtube.com/v/zisKb8GahTc&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;hd=0' /><param name='allowfullscreen' value='true' /><param name='wmode' value='transparent' /><embed src='http://www.youtube.com/v/zisKb8GahTc&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;hd=0' type='application/x-shockwave-flash' allowfullscreen='true' width='425' height='350' wmode='transparent'></embed></object></span></p>
<p style="text-align:justify;">D&#38;G&#8217;s models can be used as &#8220;Living Mannequins&#8221;.  And they can change what they do and wear based on consumers actions.  Through these actions the consumers can <strong>gather </strong>and <strong>share </strong>their <strong>playfulness and style </strong>with D&#38;G and other consumers.</p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">Details</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:Batang; 	panose-1:2 3 6 0 0 1 1 1 1 1; 	mso-font-alt:汉鼎简黑变; 	mso-font-charset:129; 	mso-generic-font-family:auto; 	mso-font-format:other; 	mso-font-pitch:fixed; 	mso-font-signature:1 151388160 16 0 524288 0;} @font-face 	{font-family:"\@Batang"; 	panose-1:0 0 0 0 0 0 0 0 0 0; 	mso-font-alt:"\@Arial Unicode MS"; 	mso-font-charset:129; 	mso-generic-font-family:auto; 	mso-font-format:other; 	mso-font-pitch:fixed; 	mso-font-signature:1 151388160 16 0 524288 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0in; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:Batang; 	mso-fareast-language:KO;} @page Section1 	{size:8.5in 11.0in; 	margin:1.0in 1.25in 1.0in 1.25in; 	mso-header-margin:.5in; 	mso-footer-margin:.5in; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --><strong>Change.Clothes</strong> is an installation for D&#38;G&#8217;s stores where people can change the clothes of 3 D&#38;G models using clothing from the store.  Change.Clothes could be used for promoting D&#38;G&#8217;s collections.  The images of models are displayed by projecting video on semi-transparent surface.  Since we are proposing this setup to be located at the storefront, before the segmentation of the genders, the videos will be seen from both inside and outside the store.  This will become a secondary window display, hence creating curiosity in passers-by walking by the store.</p>
<div id="attachment_270" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.files.wordpress.com/2008/08/facade.jpg"><img class="size-large wp-image-270" src="http://tinkeraction.wordpress.com/files/2008/08/facade.jpg?w=500" alt="Installation seen from outside the store." width="500" height="277" /></a><p class="wp-caption-text">Installation seen from outside the store.</p></div>
<div id="attachment_271" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.files.wordpress.com/2008/08/dg1.jpg"><img class="size-large wp-image-271" src="http://tinkeraction.wordpress.com/files/2008/08/dg1.jpg?w=500" alt="Installation setup in the store." width="500" height="234" /></a><p class="wp-caption-text">Installation setup in the store.</p></div>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->The installation will have pieces of outfits from a collection available.  Customers are able to place pieces of clothing in front of a model and watch the model on screen put on the same piece of apparel.  When you remove or replace the piece of clothing, this will trigger the visualized model to take off the same clothing, and pass it to the next model that is standing in the next screen.  <strong>This on-going taking off and putting on process will generate random combinations of style.  Hence the consumers are exposed to a wide range of possible fits with D&#38;G&#8217;s collection.</strong> With Change.Clothes consumers are able to mix and match clothing to have a rough visual feel, before physically trying them on.</p>
<div id="attachment_273" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.files.wordpress.com/2008/08/interacting.jpg"><img class="size-full wp-image-273" src="http://tinkeraction.wordpress.com/files/2008/08/interacting.jpg" alt="Consumers will interact with the installation by taking selected items from the rack and placing them on the interactive table in front of the screens." width="500" height="289" /></a><p class="wp-caption-text">Consumers will interact with the installation by taking selected items from the rack and placing them on the interactive table in front of the screens.</p></div>
<div id="attachment_275" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.wordpress.com/files/2008/08/basic-setup.jpg"><img class="size-full wp-image-275" src="http://tinkeraction.wordpress.com/files/2008/08/basic-setup.jpg" alt="Basic setup of the installation." width="500" height="255" /></a><p class="wp-caption-text">Basic setup of the installation.</p></div>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->Programming for this installation is done using Openframework software.  And each piece of clothing is tagged using RFID.  The system recognizes the items via the RFID tags, and through the Arduino board, will trigger the specific videos to play.  For the prototype installation, we worked with 3 models, 3 pieces of top, and 3 pieces of bottoms.  Based on that we worked out a total of 48 possible combinations.  And we filmed a total of 288 different videos to be triggered by the interactions.</p>
<p style="text-align:justify;">The whole idea of the interaction is to make the videos seem seamless.  Hence the video shooting process was rather tedious as we had to make sure we had all the directions of passing covered for each piece of clothing.  Passing to the left, passing to the right and passing to the front.</p>
<p style="text-align:justify;">Below is a simulation video of the visualised models interacting with the consumers.   As the consumer place an item on the installation, the model will pick up and put on that item.   Physically removing the item will trigger the model to remove the clothing and passing on to another model.</p>
<p style="text-align:justify;"><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=1618927&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1618927&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p style="text-align:justify;"><a href="http://tinkeraction.files.wordpress.com/2008/08/photosofexhibit.jpg"><img class="aligncenter size-full wp-image-282" src="http://tinkeraction.wordpress.com/files/2008/08/photosofexhibit.jpg" alt="" width="502" height="378" /></a></p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">In Conclusion &#8230;</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:Batang; 	panose-1:2 3 6 0 0 1 1 1 1 1; 	mso-font-alt:汉鼎简黑变; 	mso-font-charset:129; 	mso-generic-font-family:auto; 	mso-font-format:other; 	mso-font-pitch:fixed; 	mso-font-signature:1 151388160 16 0 524288 0;} @font-face 	{font-family:"\@Batang"; 	panose-1:0 0 0 0 0 0 0 0 0 0; 	mso-font-alt:"\@Arial Unicode MS"; 	mso-font-charset:129; 	mso-generic-font-family:auto; 	mso-font-format:other; 	mso-font-pitch:fixed; 	mso-font-signature:1 151388160 16 0 524288 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0in; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:Batang; 	mso-fareast-language:KO;} @page Section1 	{size:8.5in 11.0in; 	margin:1.0in 1.25in 1.0in 1.25in; 	mso-header-margin:.5in; 	mso-footer-margin:.5in; 	mso-paper-source:0;} div.Section1 	{page:Section1;} - --><strong>Change.Clothes</strong> is an installation that is ideal for a retail environment as it is engaging and it serves a function in allowing consumers to mix and match clothing with a ‘physical&#8217; body to try on the pieces, before deciding to try it on themselves.  It also triggers social interaction when other consumers within the store come together to interact with the installation.  Consumers are able to share views and comment on outfits, hence confirming their decision in purchasing the goods.  Since the visualized model starts off wearing just undergarments, this further enhances D&#38;G&#8217;s brand identity that is often associated with sexuality, thus injecting a little bit of playful fun in the whole experience.</p>
<p style="text-align:justify;">
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[G2S :: Green Gardening System]]></title>
<link>http://tinkeraction.wordpress.com/2008/08/27/g2s-green-gardening-system/</link>
<pubDate>Wed, 27 Aug 2008 12:07:28 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/08/27/g2s-green-gardening-system/</guid>
<description><![CDATA[Domus Academy 2008 &#8211; Domestic Garden Project Leaders: Domenico Pisaturo, Claudio Moderini Coll]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><img class="aligncenter size-large wp-image-212" src="http://tinkeraction.wordpress.com/files/2008/08/headerg2s.jpg?w=500" alt="" width="500" height="123" /></p>
<p><strong>Domus Academy 2008 &#8211; <a href="http://projects.domusacademy.net/interactiondesign/?p=293">Domestic Garden</a></strong></p>
<p><strong>Project Leaders: Domenico Pisaturo, Claudio Moderini</strong></p>
<p><strong>Collaborators: </strong></p>
<p><strong>Gianpaolo Tucci, Mauro D&#8217;Alessandro, Jonning Chng<br />
</strong></p>
<h2><span style="color:#00ffff;">Abstract</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  -->Our project aims to design a system that connects user&#8217;s home behaviours to the cultivation of a garden shared by a community.  The system creates environmental awareness in the user through suggestions of sustainable behaviours that is translated into the satisfaction of the garden needs.  A reward system in terms of harvest is put in place to stimulate the community towards a sustainable lifestyle.<!--more--></p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">Keywords</span></h2>
<p style="padding-left:30px;"><strong>+  awareness </strong></p>
<p style="padding-left:30px;"><strong>+  sustainability </strong></p>
<p style="padding-left:30px;"><strong>+  behaviours </strong></p>
<p style="padding-left:30px;"><strong>+  resource optimization </strong></p>
<p style="padding-left:30px;"><strong>+  harvest </strong></p>
<h2><span style="color:#00ffff;">Introduction</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:Batang; 	panose-1:2 3 6 0 0 1 1 1 1 1; 	mso-font-alt:汉鼎简黑变; 	mso-font-charset:129; 	mso-generic-font-family:auto; 	mso-font-format:other; 	mso-font-pitch:fixed; 	mso-font-signature:1 151388160 16 0 524288 0;} @font-face 	{font-family:"\@Batang"; 	panose-1:0 0 0 0 0 0 0 0 0 0; 	mso-font-alt:"\@Arial Unicode MS"; 	mso-font-charset:129; 	mso-generic-font-family:auto; 	mso-font-format:other; 	mso-font-pitch:fixed; 	mso-font-signature:1 151388160 16 0 524288 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0in; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:Batang; 	mso-fareast-language:KO;} @page Section1 	{size:8.5in 11.0in; 	margin:1.0in 1.25in 1.0in 1.25in; 	mso-header-margin:.5in; 	mso-footer-margin:.5in; 	mso-paper-source:0;} div.Section1 	{page:Section1;} - -->G<sup>2</sup>S is system that is applicable to different models of dwellings: high rise urban infrastructures and horizontal flat neighbourhoods.  Essentially our interactive system works in the domestic environment, as a medium between users and the common garden, which is the shared open space in which the community seed, cultivate and harvest different crops (i.e. food fruits, flowers, etc.).   This space is eventually perceived as our domestic garden.</p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->The system is set in a community of users who are concern about their footprint on the environment, and loves the idea of cultivating biological food for a healthy diet.  Hence, our project hopes to encourage people to a more sustainable lifestyle.</p>
<p style="text-align:justify;">Our research was oriented to survey daily resource consumption in an average urban lifestyle.  As the footprint of humans on the planet is getting more evident, it is important to encourage people to be aware about the concept of sharing resources with the nature, because this will be more and more necessary in the future.  Some of our research is referencing from existing <a href="http://www.google.it/search?hl=en&#38;client=firefox-a&#38;rls=org.mozilla%3Aen-US%3Aofficial&#38;hs=huc&#38;q=vertical+farm&#38;btnG=Search"><strong><em>verticalfarm</em> projects</strong></a>.</p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">Details</span></h2>
<p style="text-align:justify;"><!--[if !mso]&#62; &#60;!  v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --> <!--[endif]--><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]-->Like human beings, plants require water and energy for their growth and survival.  G<sup>2</sup>S is an interactive system which is aimed at harmoniously connecting plants with people in terms of behaviours and needs.</p>
<p style="text-align:justify;"><a href="http://tinkeraction.files.wordpress.com/2008/08/garden-needs.jpg"><img class="aligncenter size-full wp-image-216" src="http://tinkeraction.wordpress.com/files/2008/08/garden-needs.jpg" alt="" width="500" height="331" /></a></p>
<p style="text-align:justify;">Through the system&#8217;s interface, the user is able to monitor his resource consumption within the home.  Resources are identified as water and energy consumed in daily home activities.  Primarily, G<sup>2</sup>S works on a utility system whereby the user is able to project and set his consumption rates for the month, which is defined in our project as 100%.  Within this 100% of resources (<strong><em>Water Bank</em></strong> and <strong><em>Energy Bank</em></strong>), the user will able to make contributions to the garden whenever he feels that he has the capacity to do so.</p>
<p style="text-align:justify;"><a href="http://tinkeraction.files.wordpress.com/2008/08/needsbanks.jpg"><img class="aligncenter size-full wp-image-218" src="http://tinkeraction.wordpress.com/files/2008/08/needsbanks.jpg" alt="" width="500" height="331" /></a></p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->The system&#8217;s interface also allows the user to constantly monitor the status of the garden.  Status in terms of health, needs, and harvest periods of the crops.  This information could be communicated to the user both through a local network and a mobile web service.  Hence, the interface is essentially the triggering point of actions performed on the common garden.  Garden needs are defined as water and energy; therefore the user can remotely decide to satisfy these needs via the contributions of their exceeding daily resources.  In return, the system will assign them a corresponding amount of credits to use for the harvest sharing.</p>
<p style="text-align:justify;"><a href="http://tinkeraction.wordpress.com/files/2008/08/suggest.jpg"><img class="aligncenter size-full wp-image-220" src="http://tinkeraction.wordpress.com/files/2008/08/suggest.jpg" alt="" width="500" height="331" /></a></p>
<p style="text-align:justify;"><!--[if !mso]&#62; &#60;!  v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --> <!--[endif]--><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><strong>G<sup>2</sup>S is also designed to be able to suggest to the user home activities in terms of water and energy consumption according to their objective.</strong> These objectives are defined as mid-long term cultivation planning.  For instance, if the user learns that the upcoming harvest is something that he wants, through the system he is able to indicate the amount he intends to receive.  The system understands the user&#8217;s objectives and suggests different combination of daily activities (ie duration of appliance usage, duration of showers, etc).  These suggested home actions will maintain the overall consumption under a sustainable threshold which allows them to reach an optimum level of contributions, hence achieving their objectives.</p>
<p style="text-align:justify;"><strong>Scenario Illustrations ::</strong></p>
<p style="text-align:justify;">&#60; coming soon &#8230; &#62;</p>
<p><strong>System Functions ::</strong></p>
<div id="attachment_230" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.files.wordpress.com/2008/08/sys_func_011.jpg"><img class="size-large wp-image-230" src="http://tinkeraction.wordpress.com/files/2008/08/sys_func_011.jpg?w=500" alt="" width="500" height="302" /></a><p class="wp-caption-text">Monthly excess of allocated resources are translated into credits for the exchange of available harvests.</p></div>
<p style="text-align:center;"><a href="http://tinkeraction.files.wordpress.com/2008/08/sys_func_01.jpg"> </a></p>
<div id="attachment_233" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.files.wordpress.com/2008/08/sys_func_02.jpg"><img class="size-full wp-image-233" src="http://tinkeraction.wordpress.com/files/2008/08/sys_func_02.jpg" alt="System visualises a comparison between the users resource consumption and the gardens needs." width="500" height="302" /></a><p class="wp-caption-text">System generates a comparison between the users resource consumption and the gardens needs.</p></div>
<div id="attachment_234" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.files.wordpress.com/2008/08/sys_func_03.jpg"><img class="size-large wp-image-234" src="http://tinkeraction.wordpress.com/files/2008/08/sys_func_03.jpg?w=500" alt="System translates the gardens needs visually for the user." width="500" height="302" /></a><p class="wp-caption-text">System translates the gardens needs visually for the user.</p></div>
<div id="attachment_235" class="wp-caption aligncenter" style="width: 510px"><a href="http://tinkeraction.files.wordpress.com/2008/08/sys_func_04.jpg"><img class="size-large wp-image-235" src="http://tinkeraction.wordpress.com/files/2008/08/sys_func_04.jpg?w=500" alt="User is able to set objectives in terms of harvests and system will suggest home activities in relation to resource consumption." width="500" height="302" /></a><p class="wp-caption-text">User is able to set objectives in terms of harvests and system will suggest home activities in relation to resource consumption.</p></div>
<h2 style="text-align:justify;"><span style="color:#00ffff;">In Conclusion &#8230;</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->Currently G<sup>2</sup>S is a basic ubiquitous home system that we are proposing.  What we have presented gives a brief outline of how the concept of gardening could be fused into daily habits of our society and promoting sustainability as a result, creating sustainable awareness in people in relation to their physical behaviours in their homes.  What G<sup>2</sup>S is doing basically gives users a concrete translation of their daily activities into contribution towards a shared cultivation.  In return of their good behaviours, they get to enjoy a good harvest of biological food.</p>
<p style="text-align:justify;">The potentiality of our project is primarily focused on the elements surrounding the idea of gardening.  A future enhancement to the project will be to focus more on the physical aspect of gardening.  For instance, physical daily involvement by the user can be encouraged through bonus credits system, or recognition of ‘gardener-status&#8217; levels.  In this case, G<sup>2</sup>S can enhance its role of directing people towards a more sustainable civilization.  To further stimulate the awareness, knowledge and experience sharing can also be possible through the system, hence creating a collaborative environment within the community.  Remote monitoring could also be implemented through mobile web services.  This will allow the users to be more closely knitted to their garden and their sustainable cause.  We do believe this consciousness of sustainable habits can be embedded deeper in modern lifestyles through involvement of people in collaborative activities like gardening.</p>
<h6><span style="color:#c0c0c0;">&#60;<em>some of the icon graphics are extracted from sites like www.istockphoto.com</em>&#62;</span></h6>
<p style="text-align:justify;">
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[EDEN 2.0 :: my garden of life stories]]></title>
<link>http://tinkeraction.wordpress.com/2008/08/25/eden-20-my-garden-of-life-stories/</link>
<pubDate>Mon, 25 Aug 2008 12:15:39 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/08/25/eden-20-my-garden-of-life-stories/</guid>
<description><![CDATA[Domus Academy 2008 &#8211; accessOS x ITSME Project Project Leaders: Chiara Diana, Claudio Moderini ]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><img class="alignnone size-full wp-image-81" src="http://tinkeraction.wordpress.com/files/2008/08/eden_header2.jpg" alt="" width="499" height="176" /></p>
<p><strong>Domus Academy 2008 &#8211; <a href="http://projects.domusacademy.net/accessos/">accessOS x ITSME Project</a><br />
</strong></p>
<p><strong>Project Leaders: Chiara Diana, Claudio Moderini</strong></p>
<p><strong>Collaborators: </strong></p>
<p><strong>Lars Rosengren, Lionel Chen Chu-Hsiang, Jonning Chng<br />
</strong></p>
<h2><span style="color:#00ffff;">Abstract</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]-->The project focuses on developing a user interface for an operating system built upon the metaphor of story telling, incorporating relations between people and communication, as fundamental building blocks. We focus on how to design a structure for how to navigate, create, edit, share and collaborate on multiple stories. Eden 2.0 is a representation of your life stories, visualised as a garden of trees, outside your window. It captures a concept for how to interact and navigate through an operating system built on stories and relations.  The design aims to provide a powerful collaboration environment, while incorporating simplicity and an easy to understand organic structure of navigation.<!--more--></p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">Introduction</span></h2>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; 72   1024x768 &#60;![endif]--><!--[if gte mso 9]&#62; Normal   0         false   false   false &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<p><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --></p>
<p><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--[endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<p style="text-align:justify;">Today the culture of computer use sees the purpose of computing in establishing contacts, enabling social connections, accessing networks, creating, publishing and sharing contents.  These complexities of human actions and interactions are starting make the current desktop metaphor seem obsolete.</p>
<p style="text-align:justify;">Based on the theme <strong>accessOS</strong>, <strong>Eden</strong><strong> 2.0</strong> is built upon stories, relations and venues as the main pillars of the system.  Our starting point of the project was to find an organic structure of organising and navigating data.  This would be more flexible to handle connections and evolution of elements in the operating system.</p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->Our main focus was to investigate how to represent a navigational structure that works with multiple stories in an operating system.  And eventually to visualise a simple, easy to understand structure to integrate the stories and elements.</p>
<p style="text-align:justify;"><img class="alignnone size-full wp-image-101" src="http://tinkeraction.wordpress.com/files/2008/08/metaphor.jpg" alt="" width="500" height="375" /></p>
<p style="text-align:justify;"><!--[if !mso]&#62; &#60;!  v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --> <!--[endif]--><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--[endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--></p>
<p style="text-align:justify;">Eden 2.0 is essentially based on the metaphor of a garden.  Standing at the window, looking out to your garden of life stories.  Trees in the garden represent stories.  Stories that the user has planted and has full control over.  From a single stem, the tree branches out forming sub-stories that is part of a main story.</p>
<p style="text-align:justify;"><!--[if gte vml 1]&#62; &#60;![endif]--></p>
<p style="text-align:justify;">The stories are contextually organised on the screen, in order to quickly be able to focus on the recently most important stories, based on historical access, quantity of content and frequency of recent access.</p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">Details</span></h2>
<p style="text-align:justify;"><!--[if !mso]&#62; &#60;!  v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --> <!--[endif]--><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]-->Eden 2.0 primarily has two spaces, the main working space and the navigational space.  The navigational space could be perceived in 2 different perspectives; the front navigational view gives a general overview of your stories, allowing easy access to more recent stories.  Whereas navigating the garden from the top allows the ability to easily zoom in and out to locate specific stories, sub-stories and elements.</p>
<p style="text-align:justify;"><img class="alignnone size-full wp-image-106" src="http://tinkeraction.wordpress.com/files/2008/08/spaces.jpg" alt="" width="500" height="375" /></p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:Batang; 	panose-1:2 3 6 0 0 1 1 1 1 1; 	mso-font-alt:바탕; 	mso-font-charset:129; 	mso-generic-font-family:auto; 	mso-font-format:other; 	mso-font-pitch:fixed; 	mso-font-signature:1 151388160 16 0 524288 0;} @font-face 	{font-family:"\@Batang"; 	panose-1:0 0 0 0 0 0 0 0 0 0; 	mso-font-alt:"\@Arial Unicode MS"; 	mso-font-charset:129; 	mso-generic-font-family:auto; 	mso-font-format:other; 	mso-font-pitch:fixed; 	mso-font-signature:1 151388160 16 0 524288 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0in; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:Batang; 	mso-fareast-language:KO;} @page Section1 	{size:8.5in 11.0in; 	margin:1.0in 1.25in 1.0in 1.25in; 	mso-header-margin:.5in; 	mso-footer-margin:.5in; 	mso-paper-source:0;} div.Section1 	{page:Section -->The main work space is divided into panels.  On the left side there is the <strong>Information/Notification Panel</strong> that provides real-time information about the operating system, such as navigation preview of the stories, information of elements being accessed and system notifications.  On the right, the <strong>Communications/Actions Panel </strong>organises the user&#8217;s contacts and communications.  It is also possible to navigate the garden with the Communications/Actions Panel, by filtering stories through selection of contacts and communications.</p>
<p style="text-align:justify;"><img class="alignnone size-full wp-image-109" src="http://tinkeraction.wordpress.com/files/2008/08/workwindows.jpg" alt="" width="500" height="375" /></p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->When the pointing device positioned at the top or bottom of the screen, the Applications Bar and Time Bar will slide into view.  The <strong>Applications Bar</strong> at the top acts as the point of access to all applications available on the system and there is a preview feature of recently used applications.  The motion of the Applications Bar emulates the movement of a window blind; hence relating to the metaphor of a window looking into the garden.  Bottom of the screen, the <strong>Time Bar</strong> will slide into view.  The Time Bar is another navigational tool of the operating system.  Selection of time frames will filter off stories that do not fall within the selected time periods.</p>
<p style="text-align:justify;">The configuration of the main work space is inspired by Mondrian&#8217;s grid-based paintings.<img class="alignright size-medium wp-image-171" src="http://tinkeraction.wordpress.com/files/2008/08/mondrianwindows.jpg?w=300" alt="" width="300" height="225" /> The user is able to customise and manage the work space depending on the user&#8217;s needs.  There are some icons to quickly configure the space to some basic layouts, or the user can simply click on the panels and drag to position and resize.</p>
<p style="text-align:justify;"><!--[if !mso]&#62; &#60;!  v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --> <!--[endif]--><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]-->Opening the window (main work space), the user will gain access to the garden of stories.  In the garden view, the Information/Notification Panel and the Communications/Actions Panel will remain in view as peripheral panels at the <!--[if gte vml 1]&#62; &#60;![endif]-->side.  They are still active and accessible in the navigational space.</p>
<p style="text-align:justify;"><img class="alignnone size-full wp-image-176" src="http://tinkeraction.wordpress.com/files/2008/08/openwindow.jpg" alt="" width="500" height="375" /></p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->In the garden, trees represent stories.  To create a new story is like planting a new seed.  And the seed will grow into a tree depending on the amount of content and activities.  Clicking on the <strong>&#8220;+&#8221;</strong> icon will open up options to create a new story.  Stories could also be created by selecting multiple elements.  Dragging trees or elements into trees, will allow the user to create sub-stories in that story.  Visually, it is like the tree has grown a new branch.</p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]-->In the front navigational view, stories with more activities and recent access will appear in the foreground of the garden.  While the older stories will slowly fade into the back, towards the horizon.</p>
<p style="text-align:justify;"><img class="alignnone size-large wp-image-179" src="http://tinkeraction.wordpress.com/files/2008/08/topnav.jpg?w=500" alt="" width="500" height="375" /></p>
<p style="text-align:justify;"><!--[if !mso]&#62; &#60;!  v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --> <!--[endif]--><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]-->To get an overview of all the stories, the user is able to switch to the top navigational view.  Navigation in the top view is based on hyperbolic tree structure.  Clicking on a story or an element will immediately centres the selection, and highlighting all related elements and contacts.</p>
<p style="text-align:justify;">In natural trees, analysis of the tree rings is able to provide various information about the tree.  For instance  age and seasonal climatic conditions, etc.  Emulating that, our tree structure organisation will have the more recent elements located near the centre of the story representation.  Main methods of navigation in this space is <strong>panning</strong> and <strong>zooming</strong>.</p>
<p>As the elements are being selected, filtered information starts to appear in the peripheral panels, i.e contacts and communications.  Filtering of information is also possible through selection of time frame period on the timeline is located at the bottom of the screen.  By simply clicking and dragging on the desired period, the visualisation will filter off information that does not fit into the selection.</p>
<p><img class="aligncenter size-large wp-image-181" src="http://tinkeraction.wordpress.com/files/2008/08/timenav.jpg?w=500" alt="" width="500" height="375" /></p>
<p><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--[endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<h2><span style="color:#00ffff;">In Conlusion &#8230;</span></h2>
<p style="text-align:justify;">In a wide context Eden 2.0 provides a good example how to build an easy to understand mental model, for navigating a perceived three-dimensional space.  Furthermore, the hyperbolic tree structure is good way of dynamically organising and making connections between elements in an operating system, which is worth further investigation, but which also poses a level of complexity to the user.  Another relevant aspect that is highlighted in Eden 2.0 is the time bar.  This gives an example how a user can quickly visualise data from a specific moment or moments in time.  Finally, although mildly expressed in the project, Eden 2.0 opens up for interesting combinations of web service integration, which combined with a complex versioning system, can become a powerful tool for collaboration between people.</p>
<p style="text-align:justify;"> </p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62;  Normal 0   false false false        MicrosoftInternetExplorer4  &#60;![endif]--><!--[if gte mso 9]&#62;   &#60;![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:Batang; 	panose-1:2 3 6 0 0 1 1 1 1 1; 	mso-font-alt:바탕; 	mso-font-charset:129; 	mso-generic-font-family:auto; 	mso-font-format:other; 	mso-font-pitch:fixed; 	mso-font-signature:1 151388160 16 0 524288 0;} @font-face 	{font-family:"\@Batang"; 	panose-1:0 0 0 0 0 0 0 0 0 0; 	mso-font-alt:"\@Arial Unicode MS"; 	mso-font-charset:129; 	mso-generic-font-family:auto; 	mso-font-format:other; 	mso-font-pitch:fixed; 	mso-font-signature:1 151388160 16 0 524288 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0in; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:Batang; 	mso-fareast-language:KO;} @page Section1 	{size:8.5in 11.0in; 	margin:1.0in 1.25in 1.0in 1.25in; 	mso-header-margin:.5in; 	mso-footer-margin:.5in; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[iMON :: a kids' play-thing]]></title>
<link>http://tinkeraction.wordpress.com/2008/08/22/imon-a-kids-play-thing/</link>
<pubDate>Fri, 22 Aug 2008 17:32:41 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/08/22/imon-a-kids-play-thing/</guid>
<description><![CDATA[Domus Academy 2008 &#8211; Excentric|Eccentrico Project Leader: Stefano Cardini Collaborators: Hyeon]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><img class="alignnone size-large wp-image-44" src="http://tinkeraction.wordpress.com/files/2008/08/imon-header.jpg?w=500" alt="" width="500" height="161" /></p>
<p><strong>Domus Academy 2008 &#8211; <a href="http://projects.domusacademy.net/excentric/">Excentric&#124;Eccentrico</a><br />
</strong></p>
<p><strong>Project Leader: <a href="http://www.stefanocardini.com/">Stefano Cardini</a></strong></p>
<p><strong>Collaborators: </strong></p>
<p><strong>Hyeonjeong Jeon, Trusha Sawant, Gianpaolo Tucci, Jonning Chng<br />
</strong></p>
<h2><span style="color:#00ffff;"><strong>Abstract</strong></span></h2>
<p style="text-align:justify;">Children have wild imaginations.  Having imaginary companions is part of a child&#8217;s growing up days.  Imaginative play is nature&#8217;s way of teaching the developing child some of life&#8217;s simple lessons.  iMON is a portable toy that gives life to their imaginary creations, who will stick by the child in times of fear and loneliness.  Interaction between the child and the device stimulates enjoyment and establishes connections with other children.  iMON will make every childhood experience a long lasting one.<!--more--></p>
<p style="text-align:justify;">
<h2 style="text-align:justify;"><span style="color:#00ffff;"><strong>Keywords</strong></span></h2>
<h2 style="text-align:justify;"><img class="alignnone size-large wp-image-50" src="http://tinkeraction.wordpress.com/files/2008/08/keywords.jpg?w=500" alt="" width="500" height="430" /></h2>
<h2 style="text-align:justify;"><span style="color:#00ffff;">Introduction</span></h2>
<p style="text-align:justify;">Most children create imaginary companions in their mind to help them deal with difficult situations.  It was once considered a problem if a child has an evident imaginary friend.  However, through the years, that notion has changed.  Having an imaginary friend is a natural tool for the child to explore the world around him.  Observing interactions between the child and his imaginary friend gives clues to the mental and emotional well-being of the child.  They will tend to give their imaginary friend attributes that they themselves lack of.  Hence, such observation is another form of communication from the children to the world around them.  Having an imaginary friend also allows the child to practice authority and responsibilities at a very young age, as children are always being told what to do.</p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<p style="text-align:justify;">Toys stimulate the child&#8217;s imagination that is not yet so encumbered with ‘real&#8217; things.  The toy has to be the center of attention and lends itself to diversity without limitations.  Thus bridging reality with fantasy.</p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<p style="text-align:justify;">Most interactive toys are intended to be a child&#8217;s friend but they resemble more of an electronic pet than a friend.  These toys seek attention; they beg to be played with, fed, and talked to with the simplest of interactions.  And they usually just end up as another material that the family possesses.</p>
<p style="text-align:justify;">Instead, iMON is a playful device with visualising functionalities, tactile feedback and it stimulates creativity as it has customisable features.  Another purpose of iMON is to provide the child a sense of companionship and security in times of fear especially in the dark.</p>
<p><img class="alignnone size-full wp-image-58" src="http://tinkeraction.wordpress.com/files/2008/08/family.jpg" alt="" width="500" height="176" /></p>
<h2><span style="color:#00ffff;">Details</span></h2>
<p><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<p style="text-align:justify;">iMON is designed to enhance the imaginative play of the child.  With projection capabilities, the child is able to visualize their ideal imaginary friend with customisable parts.  iMON takes the form of non human-like aesthetics.  This language is adopted because most children have common fear of monsters and creatures.  Therefore, iMON is a monster that the child has by his side in his ‘fight&#8217; against the other monsters.  Monster versus monster; this creates an ironic sense.</p>
<p style="text-align:justify;">In times of fear, the child is able to project the animated image of his imaginary friend on any surface.  With the visualisation, it assures and reduces anxiety in the child.  When you give a tight hug, it glows.  This tactile feedback will provide increased assurance and calm the child&#8217;s emotions.</p>
<p style="text-align:justify;"><img class="alignnone size-full wp-image-64" src="http://tinkeraction.wordpress.com/files/2008/08/assurance.jpg" alt="" width="509" height="338" /></p>
<p style="text-align:justify;"><strong>Plug-ins : Decorative</strong> ::</p>
<p style="text-align:justify;">Allows the child to customize the look of his/her iMON to resemble what they had imagined.  This creates a closer emotional connection and sense of ownership between the child and the toy.</p>
<p style="text-align:justify;"><strong>Plug-ins : Functional</strong> ::</p>
<p style="text-align:justify;">Besides customising the physical look of their creations, some of these attachable components will also alter the functional capabilities of their toy.  Thus making their imaginary friend a unique and special one.  The functional plug-ins enables iMON to perform various interactive activities, which varies from simple to complex functions.  Hence, the child will never get bored with iMON, and it also promotes a ‘grow-together&#8217; environment just like a close buddy.</p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<p style="text-align:justify;">With iMON, the child&#8217;s social window is further expanded.  Collaborative game play and interactivity is another feature of iMON.  With sensors and wireless connection, the child is able to connect with other children for games and innovative story creating.</p>
<p style="text-align:justify;"><strong>Plug-ins : Stories</strong> ::</p>
<p style="text-align:justify;">Storytelling with the parent is one the favourite activities for young children. It promotes family bonding which is very crucial in a child&#8217;s early development stages.  With the embedded beam projection, iMON boosts this experience by visualising characters and scenes, bringing the story to life.  The story contents come in the form of Storybook plug-ins.  Another innovative feature of iMON is enabling the child to create his own stories.  With the Storybook plug-ins, he is able to select characters from the stories to play with, and eventually creating his own fairytales.  Collective story creating is also possible with other iMONs.</p>
<p style="text-align:justify;"><img class="alignnone size-full wp-image-69" src="http://tinkeraction.wordpress.com/files/2008/08/customplay.jpg" alt="" width="507" height="337" /></p>
<p style="text-align:justify;">All activities performed by iMON are stored and could be archived when the device is put to charge.  The charging dock has a friendly interface that allows the child to manage the contents hassle free.  Archiving memories is another emphasis of iMON.  With the archived data, the child is able to ‘re-live&#8217; his childhood experiences.</p>
<p style="text-align:justify;"><strong>Sketches &#8211; Form exploration ::</strong></p>
<p style="text-align:justify;"><img class="alignnone size-full wp-image-71" src="http://tinkeraction.wordpress.com/files/2008/08/allsketches-copy.jpg" alt="" width="500" height="333" /></p>
<p style="text-align:justify;"><strong>Scenario Illustrations</strong> ::</p>
<p style="text-align:justify;"><span style='text-align:center; display: block;'><br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=1628347&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1628347&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" /></object><br />
</span></p>
<p style="text-align:justify;">1. The scenario starts with the child first time receiving an iMON.  He names and personalize his iMON.</p>
<p style="text-align:justify;">2. The scene then goes on to show one of the play functions that could be individual or collaborative play.</p>
<p style="text-align:justify;">3. The video ends by showing how iMON besides being a fun toy, also helps in a child&#8217;s daily life.</p>
<p style="text-align:justify;"><strong>Product Details</strong> ::</p>
<p style="text-align:justify;"><img class="alignnone size-full wp-image-76" src="http://tinkeraction.wordpress.com/files/2008/08/prodd.jpg" alt="" width="500" height="276" /></p>
<p style="text-align:justify;"><!--[if gte mso 9]&#62; Normal   0         false   false   false                             MicrosoftInternetExplorer4 &#60;![endif]--><!--[if gte mso 9]&#62; &#60;![endif]--><!--  --><!--[if gte mso 10]&#62; &#60;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<h2 style="text-align:justify;"><span style="color:#00ffff;">In Conclusion &#8230;</span></h2>
<p style="text-align:justify;">To sum it up, iMON grants children the possibility of giving ‘life&#8217; to their imaginary friend.  The projected visualisation, tactile and sound feedback creates an intuitive interaction between the child and their companion.  It also provides sense of security to the child in moments of fear and insecurity.  Customisation features promotes creativity and inculcates the <em>Learning-by-Doing</em> method (Bruno Munari).  Personalisation will also give the child a sense of ownership and uniqueness.  iMON allows the children to make connections with their parents and friends, thus improving their social development.  In the future, after the child has stepped into his teenage or adult years, iMON will serve as a chest full of treasured memories of their childhood experiences.</p>
<p style="text-align:justify;padding-left:30px;"><strong>Future possibilities</strong> :-</p>
<ul>
<li>Develop various contents in form of games, stories, etc.</li>
<li>Develop new modes of interactions through using newer technologies.</li>
<li>Facilitate ‘growing-together&#8217;, intellectually and emotionally.</li>
<li>Develop a iMON shop and a play spot catered for collaborative play possibilities.</li>
<li>Using similar technological platform, develop versions for the older market.</li>
</ul>
<p style="text-align:justify;">
<p style="text-align:justify;">
<p style="text-align:justify;">
<p class="MsoNormal" style="text-align:justify;">
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Lean, Mean Circle drawing machine]]></title>
<link>http://tinkeraction.wordpress.com/2008/02/20/lean-mean-circle-drawing-machine/</link>
<pubDate>Wed, 20 Feb 2008 22:00:17 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/02/20/lean-mean-circle-drawing-machine/</guid>
<description><![CDATA[. So yesterday we just completed our first Physical Computing Lab. It was a 2 day introductory sessi]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><div>.</div>
<div>So yesterday we just completed our first Physical Computing Lab.  It was a 2 day introductory session with  <a title="Tinker.it" href="http://www.tinker.it/">Massimo Banzi</a>.  We were let loose to &#8216;hack&#8217; a bunch of cheap china-made toys.  It was great as we were all given a chance to unleash the kid in us.  On the 2nd day we were tasked to create a drawing robot and here you&#8217;ll see some TINKERING in ACTION&#8230;</div>
<div style="text-align:center;"><a title="blog01.jpg" href="http://tinkeraction.wordpress.com/files/2008/02/blog01.jpg"><img src="http://tinkeraction.wordpress.com/files/2008/02/blog01.jpg" alt="blog01.jpg" width="444" height="292" /></a></div>
<div style="text-align:center;">Well, as you can see, we were rather please with our creation.</div>
<div><a title="img-021.jpg" href="http://tinkeraction.wordpress.com/files/2008/02/img-021.jpg"></a></p>
<div style="text-align:center;"><a title="img-021.jpg" href="http://tinkeraction.wordpress.com/files/2008/02/img-021.jpg"><img src="http://tinkeraction.wordpress.com/files/2008/02/img-021.jpg" alt="img-021.jpg" width="444" height="582" /></a></div>
<div style="text-align:center;">And now, see it in action!</div>
<div style="text-align:center;"><span style='text-align:center; display: block;'><object width='425' height='350'><param name='movie' value='http://www.youtube.com/v/hvClG4hx7fw&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;hd=0' /><param name='allowfullscreen' value='true' /><param name='wmode' value='transparent' /><embed src='http://www.youtube.com/v/hvClG4hx7fw&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;hd=0' type='application/x-shockwave-flash' allowfullscreen='true' width='425' height='350' wmode='transparent'></embed></object></span></div>
</div>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Kids Toys Matrix Ver. 1.0]]></title>
<link>http://firstgrp2.wordpress.com/2008/02/18/kids-toys-matrix-ver-10/</link>
<pubDate>Mon, 18 Feb 2008 21:54:42 +0000</pubDate>
<dc:creator>firstgrp2</dc:creator>
<guid>http://firstgrp2.wordpress.com/2008/02/18/kids-toys-matrix-ver-10/</guid>
<description><![CDATA[]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><a href="http://firstgrp2.wordpress.com/files/2008/02/toys_matrix.jpg" title="toys_matrix.jpg"><img src="http://firstgrp2.wordpress.com/files/2008/02/toys_matrix.jpg" alt="toys_matrix.jpg" height="461" width="461" /></a></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[New Balance x LimitedEdt SG]]></title>
<link>http://tinkeraction.wordpress.com/2008/02/15/new-balance-x-limitededt-sg/</link>
<pubDate>Fri, 15 Feb 2008 00:18:49 +0000</pubDate>
<dc:creator>NOJ</dc:creator>
<guid>http://tinkeraction.wordpress.com/2008/02/15/new-balance-x-limitededt-sg/</guid>
<description><![CDATA[Great news hailing from back home! Singapore based sneaker boutique Limited Edt has collaborated wit]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>Great news hailing from back home!<br />
<a title="577le1.jpg" href="http://tinkeraction.wordpress.com/files/2008/02/577le1.jpg"><img src="http://tinkeraction.wordpress.com/files/2008/02/577le1.jpg" alt="577le1.jpg" width="446" height="302" /></a></p>
<p align="justify">Singapore based sneaker boutique <a href="http://www.limitededt.com/website2/"><span style="text-decoration:underline;">Limited Edt</span></a> has collaborated with New Balance to produce Singapore&#8217;s first ever collaboration between a local sneaker boutique and a major sporting goods company.  The Made in England <strong>New Balance 577 BBL</strong> has been made in a limited run of only 140 pairs worldwide. The shoes are individually numbered from 1 to 140.  This collaboration is to mark the 5 years anniversary of Limited Edt since they started out in 2003 as the first sneaker boutique of its kind in Singapore.<!--more--></p>
<p><a title="limited-edt-singapore-2.jpg" href="http://tinkeraction.wordpress.com/files/2008/02/limited-edt-singapore-2.jpg"><img src="http://tinkeraction.wordpress.com/files/2008/02/limited-edt-singapore-2.jpg" alt="limited-edt-singapore-2.jpg" width="441" height="182" /></a></p>
<p align="justify">The Burgundy/Black colourway of the shoe matches the interior of the store with gold threading and gold highlights representing the opulent decor of the store.  The shoe also comes with 2 sets of laces and 2 sets of lace locks.  One in gold and one in silver, with the silver representing the actual mock &#8216;Bank Vault&#8217; door within the store that is a secret chamber of some of the most limited, rare and sought after sneakers ever produced.</p>
<p><a title="limited-edt-singapore-6.jpg" href="http://tinkeraction.wordpress.com/files/2008/02/limited-edt-singapore-6.jpg"><img src="http://tinkeraction.wordpress.com/files/2008/02/limited-edt-singapore-6.jpg" alt="limited-edt-singapore-6.jpg" width="435" height="306" /></a></p>
<p align="justify">My bro, Alvys and I were involved in designing some of the graphics for this special release.  We designed the shoe box graphics and prints for T-shirts which will be given out on the day of the sneakers release.  The box has a combination lock that unlocks with the serial number of the sneaker.</p>
<p><a title="limited-edt-singapore-7.jpg" href="http://tinkeraction.wordpress.com/files/2008/02/limited-edt-singapore-7.jpg"><img src="http://tinkeraction.wordpress.com/files/2008/02/limited-edt-singapore-7.jpg" alt="limited-edt-singapore-7.jpg" width="437" height="343" /></a></p>
<p align="justify">Well, I&#8217;m really excited about this collaboration.  Can&#8217;t wait to see the outcome in person.</p>
<p align="justify">And thanks LE for the love!</p>
<p><a title="limited-edt-singapore-3.jpg" href="http://tinkeraction.wordpress.com/files/2008/02/limited-edt-singapore-3.jpg"><img src="http://tinkeraction.wordpress.com/files/2008/02/limited-edt-singapore-3.jpg" alt="limited-edt-singapore-3.jpg" width="437" height="292" /></a></p>
<p><a title="limited-edt-singapore-8.jpg" href="http://tinkeraction.wordpress.com/files/2008/02/limited-edt-singapore-8.jpg"><img src="http://tinkeraction.wordpress.com/files/2008/02/limited-edt-singapore-8.jpg" alt="limited-edt-singapore-8.jpg" width="437" height="160" /></a></p>
<p><span style="color:#333333;">Source:  <a href="http://www.limitededt.com/website2/">Limited Edt</a><a href="http://www.limitededt.com/website2/"> (SG)</a>, <a href="http://www.sneakerfreaker.com/">Sneaker Freaker</a></span></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Adrenaline Junkie]]></title>
<link>http://firstgrp2.wordpress.com/2008/02/07/adrenaline-junkie/</link>
<pubDate>Thu, 07 Feb 2008 22:06:25 +0000</pubDate>
<dc:creator>firstgrp2</dc:creator>
<guid>http://firstgrp2.wordpress.com/2008/02/07/adrenaline-junkie/</guid>
<description><![CDATA[]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><a href="http://firstgrp2.wordpress.com/files/2008/02/aj.jpg" title="aj.jpg"><img src="http://firstgrp2.wordpress.com/files/2008/02/aj.jpg" alt="aj.jpg" /></a></p>
</div>]]></content:encoded>
</item>

</channel>
</rss>
