<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Stacked User Inputs &#187; sui-cube</title>
	<atom:link href="http://stackedui.com/tag/sui-cube/feed/" rel="self" type="application/rss+xml" />
	<link>http://stackedui.com</link>
	<description>the story of a Masters Thesis for Interaction Design in Malmö Sweden</description>
	<lastBuildDate>Tue, 18 Jan 2011 07:49:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Cube Code Versions</title>
		<link>http://stackedui.com/2010/05/cube-code-versions/</link>
		<comments>http://stackedui.com/2010/05/cube-code-versions/#comments</comments>
		<pubDate>Wed, 12 May 2010 14:28:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=725</guid>
		<description><![CDATA[I haven&#8217;t posted in some time, since I am now doing a lot of writing&#8230; testing my cubes, conducting interviews, collecting research, and trying to form all of that into my final thesis. I am including many videos &#8220;inside&#8221; my thesis report to better explain the cube interactions and my interview results. Sometimes words fail ]]></description>
			<content:encoded><![CDATA[<p>I haven&#8217;t posted in some time, since I am now doing a lot of writing&#8230; testing my cubes, conducting interviews, collecting research, and trying to form all of that into my final thesis. I am including many videos &#8220;inside&#8221; my thesis report to better explain the cube interactions and my interview results. Sometimes words fail to explain what only a video can demonstrate.</p>
<p>Below are videos demonstrating the multiple versions of code I used in the cubes while testing.</p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="236" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11683417&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="420" height="236" src="http://vimeo.com/moogaloop.swf?clip_id=11683417&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="236" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11683492&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="420" height="236" src="http://vimeo.com/moogaloop.swf?clip_id=11683492&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="236" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11683522&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="420" height="236" src="http://vimeo.com/moogaloop.swf?clip_id=11683522&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/05/cube-code-versions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Test #3 Dropoff</title>
		<link>http://stackedui.com/2010/04/test-3-dropoff/</link>
		<comments>http://stackedui.com/2010/04/test-3-dropoff/#comments</comments>
		<pubDate>Sat, 24 Apr 2010 07:28:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[cube-testing]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[Unsworn-Industries]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=707</guid>
		<description><![CDATA[Friday, April 23rd, 1pm Dropped off cube for Test #3 User: Unsworn Industries]]></description>
			<content:encoded><![CDATA[<p>Friday, April 23rd, 1pm</p>
<p>Dropped off cube for Test #3</p>
<p>User: <a href="http://www.unsworn.org/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.unsworn.org/?referer=');">Unsworn Industries</a></p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="236" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11175150&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="420" height="236" src="http://vimeo.com/moogaloop.swf?clip_id=11175150&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/test-3-dropoff/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Physical + Virtual = SUI</title>
		<link>http://stackedui.com/2010/04/physical-virtual-sui/</link>
		<comments>http://stackedui.com/2010/04/physical-virtual-sui/#comments</comments>
		<pubDate>Thu, 22 Apr 2010 14:42:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[definition]]></category>
		<category><![CDATA[physical]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[virtual]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=703</guid>
		<description><![CDATA[If you have agreed to test my SUI Cube prototype, please DO NOT continue to read this blog! &#8230;until after you have been interviewed. I am in the middle of writing, pure thick thesis writing! It is much more difficult than it sounds. &#8220;Why a SUI?&#8221; A question I am asked often, and have always ]]></description>
			<content:encoded><![CDATA[<p><span style="color: #ff0000;"><strong>If you have agreed to test my SUI Cube prototype, please DO NOT continue to read this blog! &#8230;until after you have been interviewed.</strong></span></p>
<p>I am in the middle of writing, pure thick thesis writing! It is much more difficult than it sounds.</p>
<p>&#8220;Why a SUI?&#8221; A question I am asked often, and have always felt I could never give a good answer to. I feel I am closer now.</p>
<p>All of the examples that I have documented on this site so far have included two elements: physicality and virtuality. There has been a physical element, typically in the form of a button, that provided access to an interface or functionality. There has also been a virtual element, typically in the form of a touch-sensitive surface, that provided access to another interface or set of functions. Even though many of my examples have been determined NOT to be a SUI, they have all included these two elements which made them a consideration to begin with.</p>
<p>My SUI Cube prototype takes these two elements to create a simple abstraction of the concept&#8230;</p>
<p>The physical element is the one-button, 2-state, press down, interface. A person can press the button down, and when they remove pressure, the button pops back up. There is a physical displacement of finger position when using the button.</p>
<p>The virtual element is the touch-sensitive surface of the button. For my prototype it is possible to see the touch-sensitive area, but in most occasions, &#8220;touch sensitivity&#8221; is invisible. You can not see the touch sensing on an iPhone, for example. Depending on design and technology, this touch-sensitive layer in the cube could be programmed for a wide range of functionality and interaction. My prototype only has a single touch capability. What if multiple touch points could be detected? If I had more time I would consider testing these ideas. If I sewed multiple independent threads on the surface, I could detect movement, direction, and speed of my finger moving across the top. This would also offer the possibility of creating gestures! The number of interactions and programmable actions with just a simple touch-sensitive button could be limitless!</p>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/physical-virtual-sui/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apple Trackpad (example)</title>
		<link>http://stackedui.com/2010/04/apple-trackpad-example/</link>
		<comments>http://stackedui.com/2010/04/apple-trackpad-example/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 21:29:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[gestures]]></category>
		<category><![CDATA[not-a-SUI]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[trackpad]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=545</guid>
		<description><![CDATA[When I have talked with people about my &#8220;stacking&#8221; concept, the new Apple Trackpad pops up in conversation right away. It seems to be an obvious real-world example of stacking interfaces into a single device. I understand why people think of this device right away because it is Apple&#8217;s daring design decision that has provoked ]]></description>
			<content:encoded><![CDATA[<p>When I have talked with people about my &#8220;stacking&#8221; concept, the new Apple Trackpad pops up in conversation right away. It seems to be an obvious real-world example of stacking interfaces into a single device. I understand why people think of this device right away because it is Apple&#8217;s daring design decision that has provoked people to think &#8220;Do I really need a separate button?&#8221;. The Apple Trackpad is almost a larger version of the <a href="http://stackedui.com/2010/04/finished-sui-cube/">SUI Cube</a> I am now testing. It is a large button that is touch sensitive on the top! More investigation is necessary though&#8230;</p>
<div id="attachment_547" class="wp-caption alignnone" style="width: 460px"><a title="Apple Trackpad" href="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-real.jpg"><img class="size-full wp-image-547" title="apple-trackpad-real" src="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-real.jpg" alt="" width="450" height="234" /></a><p class="wp-caption-text">Apple Trackpad</p></div>
<p>The lower layer of interaction in the trackpad is the button level. When you press down, it is the same result as if you clicked a mouse or tapped the trackpad: a mouse-click event is triggered. Since a press of the trackpad and a tap on the trackpad are both registered as the same event, it could be argued that this button level could be removed from the trackpad with no degradation of interaction. It is my thought that the button level was kept in the design to assist in those few occasions when only using a tap can make an interaction more difficult than using a button. Some interactions are more efficient and manually possible through the addition of physicality, instead of attempting to combine a string of touch motions that virtually create the same result.</p>
<p>Two ways of dragging an icon across the desktop (a simplified example):</p>
<ul>
<li>Move finger to place cursor on the icon, press down with left finger, use right finger to drag cursor across screen.</li>
<li>Or, move finger to place cursor on the icon, double-tap finger but hold the finger down on the second tap, move finger to drag cursor across the screen, tap finger again to release the double-tap-hold.</li>
</ul>
<p>The button level of the trackpad provides access to a single mouse event, click.</p>
<p><br class="spacer_" /></p>
<div id="attachment_546" class="wp-caption alignnone" style="width: 460px"><a title="Apple Trackpad: button level" href="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-button-level.jpg"><img class="size-full wp-image-546" title="apple-trackpad-button-level" src="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-button-level.jpg" alt="" width="450" height="234" /></a><p class="wp-caption-text">Apple Trackpad: button level</p></div>
<p>The upper level of the Trackpad provides a plethora of interaction that goes beyond the assumed abilities of a typical trackpad. For full disclosure, I must admit that I do not have an Apple Trackpad and am only stating functionality from what I have witnessed or <a href="http://www.apple.com/macbookpro/features.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.apple.com/macbookpro/features.html?referer=');">seen online</a>.</p>
<p>All typical interactions are possible: tap, double-tap, drag. Apple expands on these interactions, though, through the use of a multi-touch trackpad: &#8220;right-click&#8221; when tap with second finger when first finger is already touching, two-finger scroll for a webpage, four-finger up to hide all open applications, four-finger down to show a small icon of each open application, pinch two fingers to zoom, rotate two fingers to rotate an image, hold your thumb down while moving your finger to perform a click-drag, press with two fingers for a &#8220;right-click&#8221;, three fingers swiped to the left or right to move back or forward while surfing the web, four fingers swiped left or right to open the Application Switcher&#8230; and on top of all that&#8230; you can customize all of these gestures through a preferences pane in the control panel!</p>
<div id="attachment_549" class="wp-caption alignnone" style="width: 460px"><a title="Apple Trackpad: touch level" href="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-touch-level.jpg"><img class="size-full wp-image-549" title="apple-trackpad-touch-level" src="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-touch-level.jpg" alt="" width="450" height="234" /></a><p class="wp-caption-text">Apple Trackpad: touch level</p></div>
<p>The Apple Trackpad is not a SUI because it does not contain multiple interfaces. This was not an immediate verdict though. If the definition of &#8220;multiple interfaces&#8221; were stretched thinly, the answer could almost be &#8220;Yes&#8221; to the multiple interfaces question.</p>
<ul>
<li>The top layer provides cursor movement control, cursor event commands, and access to a limited set of gesture commands.</li>
<li>The bottom layer provides cursor event commands, too.</li>
</ul>
<p>Where the definition of &#8220;multiple interfaces&#8221; could be stretched, and I think where most people are convinced that it is a SUI, is how gestures are incorporated into the overall functionality of the trackpad. Without the gestures, the Apple Trackpad would without a doubt not be a SUI because of the absence of opposed interfaces. The button and touch-sensitivity are both controlling the same interface. With the inclusion of gestures in the top layer of interactions, the line that separates the interfaces becomes blurred, and the definition of &#8220;interface&#8221; becomes uncertain.</p>
<p>From my inexperienced understanding of the Apple Trackpad gestures, they are simply shortcuts or &#8220;quick-keys&#8221; to functionality that is attainable by other means. The gesture is providing the user with a quicker way of performing the function by allowing the user to maintain their hand position and not move their arm to press a button, or by eliminating multiple cursor movements and click commands. Because of this, I do not consider the gestures to be an interface. I do admit, though, that more investigation is necessary&#8230;</p>
<div id="attachment_548" class="wp-caption alignnone" style="width: 460px"><a title="Apple Trackpad: SUI levels" href="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-sui-levels.jpg"><img class="size-full wp-image-548" title="apple-trackpad-sui-levels" src="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-sui-levels.jpg" alt="" width="450" height="234" /></a><p class="wp-caption-text">Apple Trackpad: SUI levels</p></div>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/apple-trackpad-example/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Test #2 Dropoff</title>
		<link>http://stackedui.com/2010/04/test-2-dropoff/</link>
		<comments>http://stackedui.com/2010/04/test-2-dropoff/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 08:29:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[apokalyps-labotek]]></category>
		<category><![CDATA[cube-testing]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=687</guid>
		<description><![CDATA[Wednesday, April 21th, 8:30am Dropped off cube for Test #2 User: Apokalyps Labotek]]></description>
			<content:encoded><![CDATA[<p>Wednesday, April 21th, 8:30am</p>
<p>Dropped off cube for Test #2</p>
<p>User: <a href="http://www.apocalypselab.net/index.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.apocalypselab.net/index.html?referer=');">Apokalyps Labotek</a></p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="236" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11101968&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="420" height="236" src="http://vimeo.com/moogaloop.swf?clip_id=11101968&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/test-2-dropoff/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Test #1 Dropoff</title>
		<link>http://stackedui.com/2010/04/test-1-dropoff/</link>
		<comments>http://stackedui.com/2010/04/test-1-dropoff/#comments</comments>
		<pubDate>Tue, 20 Apr 2010 14:54:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[cube-testing]]></category>
		<category><![CDATA[do-fi]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=680</guid>
		<description><![CDATA[Tuesday, April 20th, 2pm Dropped off cube for Test #1 User: Do-Fi]]></description>
			<content:encoded><![CDATA[<p>Tuesday, April 20th, 2pm</p>
<p>Dropped off cube for Test #1</p>
<p>User: <a href="http://do-fi.gbg.nu/site/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/do-fi.gbg.nu/site/?referer=');">Do-Fi</a></p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="236" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11079237&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="420" height="236" src="http://vimeo.com/moogaloop.swf?clip_id=11079237&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/test-1-dropoff/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Finished SUI Cube</title>
		<link>http://stackedui.com/2010/04/finished-sui-cube/</link>
		<comments>http://stackedui.com/2010/04/finished-sui-cube/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 15:29:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[arduino]]></category>
		<category><![CDATA[conductive-thread]]></category>
		<category><![CDATA[QT110]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[touch-sensing]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=633</guid>
		<description><![CDATA[The first cube is finished!]]></description>
			<content:encoded><![CDATA[<p>The first cube is finished!</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="236" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=10899135&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="420" height="236" src="http://vimeo.com/moogaloop.swf?clip_id=10899135&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/finished-sui-cube/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Cube Construction Progress #3</title>
		<link>http://stackedui.com/2010/04/cube-construction-progress-3/</link>
		<comments>http://stackedui.com/2010/04/cube-construction-progress-3/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 13:45:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[1scale1]]></category>
		<category><![CDATA[laser-cutting]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[turkish-delight]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=602</guid>
		<description><![CDATA[Time is quickly passing, so I&#8217;m taking a short break from button coding, and progressing on the cube construction. My initial sketches, based on component sizes, showed a cube that would need to be approximately 7 cm square. I would then have enough room for an Arduino Pro board, 3-AA batteries, QT110 chip, RGB LEDs, ]]></description>
			<content:encoded><![CDATA[<p>Time is quickly passing, so I&#8217;m taking a short break from button coding, and progressing on the cube construction.</p>
<p>My initial sketches, based on component sizes, showed a cube that would need to be approximately 7 cm square. I would then have enough room for an Arduino Pro board, 3-AA batteries, QT110 chip, RGB LEDs, and enough open air that the LEDs would be able to spread the light in the cube. I had a prototype cube laser cut at <a href="http://1scale1.com/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/1scale1.com/?referer=');">1scale1</a> to use while figuring out component placements and PCB board sizes. Once all the pieces for inside the cube are determined, I will have 3 final cubes laser cut, with all the necessary holes for switches cut out as well.</p>
<p>Hightlights:</p>
<ul>
<li>&#8220;<a href="http://www.instructables.com/id/how-to-defuse-an-LED/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.instructables.com/id/how-to-defuse-an-LED/?referer=');">How to diffuse an LED</a>&#8221; instructables article, showing how to sand the outside of an LED for better diffusion. I&#8217;m using this method because it doesn&#8217;t decrease the brightness too much while still nicely mixing the RGB LED.</li>
<li>Turkish Delight boxes make a great way of organizing all the pieces I need for each cube!</li>
<li>My original intent was to etch my own PCB design to speed up the cube construction process. I&#8217;m not currently familiar with the Eagle PCB design software, and it is shorribly difficult to learn, so I am opting to just use simple &#8220;swim lane&#8221; prototyping boards.</li>
</ul>
<div id="attachment_603" class="wp-caption alignleft" style="width: 155px"><a title="Almost all of this will go in the cube." href="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7317.jpg"><img class="size-thumbnail wp-image-603 " title="robnero-IMG_7317" src="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7317-145x108.jpg" alt="" width="145" height="108" /></a><p class="wp-caption-text">Almost all of this will go in the cube.</p></div>
<div id="attachment_604" class="wp-caption alignleft" style="width: 155px"><a title="Proto board will be attached to top of Arduino." href="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7331.jpg"><img class="size-thumbnail wp-image-604 " title="robnero-IMG_7331" src="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7331-145x108.jpg" alt="" width="145" height="108" /></a><p class="wp-caption-text">Proto board will be attached to top of Arduino.</p></div>
<div id="attachment_605" class="wp-caption alignleft" style="width: 155px"><a title="Small board to capture &quot;button press&quot; state." href="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7332.jpg"><img class="size-thumbnail wp-image-605 " title="robnero-IMG_7332" src="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7332-145x108.jpg" alt="" width="145" height="108" /></a><p class="wp-caption-text">Small board to capture &quot;button press&quot; state.</p></div>
<div id="attachment_606" class="wp-caption alignleft" style="width: 155px"><a title="Sanding RGB LED for better color mixing." href="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7338.jpg"><img class="size-thumbnail wp-image-606 " title="robnero-IMG_7338" src="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7338-145x108.jpg" alt="" width="145" height="108" /></a><p class="wp-caption-text">Sanding RGB LED for better color mixing.</p></div>
<div id="attachment_607" class="wp-caption alignleft" style="width: 155px"><a title="Inside cube, with proto board, Arduino, and battery pack." href="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7339.jpg"><img class="size-thumbnail wp-image-607  " title="robnero-IMG_7339" src="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7339-145x108.jpg" alt="" width="145" height="108" /></a><p class="wp-caption-text">Inside cube, with proto board, Arduino, and battery pack.</p></div>
<div id="attachment_608" class="wp-caption alignleft" style="width: 155px"><a title="Inside cube with button in place." href="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7342.jpg"><img class="size-thumbnail wp-image-608 " title="robnero-IMG_7342" src="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7342-145x108.jpg" alt="" width="145" height="108" /></a><p class="wp-caption-text">Inside cube with button in place.</p></div>
<div id="attachment_609" class="wp-caption alignleft" style="width: 155px"><a title="Cube with all components." href="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7343.jpg"><img class="size-thumbnail wp-image-609 " title="robnero-IMG_7343" src="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7343-145x108.jpg" alt="" width="145" height="108" /></a><p class="wp-caption-text">Cube with all components.</p></div>
<div id="attachment_610" class="wp-caption alignleft" style="width: 155px"><a title="Sketch for layout of components and circuits." href="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7344.jpg"><img class="size-thumbnail wp-image-610 " title="robnero-IMG_7344" src="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7344-145x108.jpg" alt="" width="145" height="108" /></a><p class="wp-caption-text">Sketch for layout of components and circuits.</p></div>
<div id="attachment_611" class="wp-caption alignleft" style="width: 155px"><a title="Collecting components for each cube." href="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7345.jpg"><img class="size-thumbnail wp-image-611 " title="robnero-IMG_7345" src="http://stackedui.com/wp-content/uploads/2010/04/robnero-IMG_7345-145x108.jpg" alt="" width="145" height="108" /></a><p class="wp-caption-text">Collecting components for each cube.</p></div>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/cube-construction-progress-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Button Coding Progress #2</title>
		<link>http://stackedui.com/2010/04/button-coding-progress-2/</link>
		<comments>http://stackedui.com/2010/04/button-coding-progress-2/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 08:32:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[arduino]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[conductive-thread]]></category>
		<category><![CDATA[QT110]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[touch-sensing]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=599</guid>
		<description><![CDATA[Added functionality: button double-press (hold red light on) button press hold + touch tap (switches rainbow color) button press hold + touch hold (cross fades between rainbow colors)]]></description>
			<content:encoded><![CDATA[<p>Added functionality:</p>
<ul>
<li>button double-press (hold red light on)</li>
<li>button press hold + touch tap (switches rainbow color)</li>
<li>button press hold + touch hold (cross fades between rainbow colors)</li>
</ul>
<p><br class="spacer_" /></p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="236" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=10703951&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="420" height="236" src="http://vimeo.com/moogaloop.swf?clip_id=10703951&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/button-coding-progress-2/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Button Coding Progress #1</title>
		<link>http://stackedui.com/2010/04/button-coding-progress-1/</link>
		<comments>http://stackedui.com/2010/04/button-coding-progress-1/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 09:01:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[arduino]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[conductive-thread]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[QT110]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[touch-sensing]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=593</guid>
		<description><![CDATA[Building the &#8220;SUI cube&#8221; prototype is progressing quickly and with only some pain&#8230; My initial electronics design made use of a very small code library that would allow me to sense the touch of the button. This method did not require any additional hardware and used only a small amount of code to detect the ]]></description>
			<content:encoded><![CDATA[<p>Building the &#8220;SUI cube&#8221; prototype is progressing quickly and with only some pain&#8230;</p>
<p><a title="Touch Button without additional hardware" href="http://stackedui.com/wp-content/uploads/2010/04/touchbutton-only-library-code.jpg"><img class="alignnone size-medium wp-image-596" title="touchbutton-only-library-code" src="http://stackedui.com/wp-content/uploads/2010/04/touchbutton-only-library-code-300x203.jpg" alt="" width="300" height="203" /></a></p>
<p>My initial electronics design made use of a very small code library that would allow me to sense the touch of the button. This method did not require any additional hardware and used only a small amount of code to detect the touch. (See photo above) It is a great piece of code and only requires connecting a single wire to a single digital pin on the Arduino.</p>
<p>However, this method did not work for the level of control that I need for my cube. My basic debugging showed that the touch is being consistently detected, but the detection cycles quickly between &#8220;touch&#8221; and &#8220;no touch&#8221;. For my cube, I need to be able to detect when a finger is touching the button for more than 1.5 seconds, an action I&#8217;m calling a &#8220;hold&#8221;. This &#8220;no hardware touch detection&#8221; would cycle between &#8220;touch&#8221; and &#8220;no touch&#8221; so quickly when my finger was &#8220;holding&#8221; on the button, that I wasn&#8217;t able to accurately interpret the &#8220;hold&#8221; action.</p>
<p>I instead moved towards a &#8220;hardware required touch detection&#8221;&#8230; (see video)</p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="236" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=10677388&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="420" height="236" src="http://vimeo.com/moogaloop.swf?clip_id=10677388&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<p>The button touch is now being detected by the Quantum QT110 QTouch Sensor IC (chip). Only a simple setup is required, connecting the chip to power, ground, a capacitor to filter out noise, a wire that will be touched, and one digital pin on the Arduino to receive the HIGH/LOW output signal. The good thing about using the chip, is that it does the touch processing for me and outputs a simple HIGH/LOW signal to the Arduino, and also allows me to detect the &#8220;hold&#8221; action! Integrating this chip to the electronics was almost too easy. The only custom wiring I did was to lengthen the &#8220;auto timeout&#8221; from 10 seconds to 60 seconds. I changed one wire from power to ground for one pin on the chip to achieve this.</p>
<p><strong>Functionality so far:</strong></p>
<ul>
<li>button press (red light on)</li>
<li>tap button touch (blue light on, repeats number of taps)</li>
<li>hold button touch (blue light, cycles brightness up and down)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/button-coding-progress-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

