<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8317414797363699702</id><updated>2011-04-21T20:00:27.506-04:00</updated><category term='Boston Museum of Science'/><category term='Homework 2'/><category term='welcome'/><category term='exhibit study'/><category term='Urp'/><category term='Token'/><category term='sweat'/><category term='definition'/><category term='TUIML'/><category term='Homework 1'/><category term='Constraint'/><category term='tangible'/><category term='skin sensor'/><title type='text'>Tangible User Interfaces</title><subtitle type='html'>Courtland's Take on TUI's for COMP 150</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://crh-tui.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://crh-tui.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>courtland</name><uri>http://www.blogger.com/profile/05582685434490507228</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>5</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8317414797363699702.post-4727959145953362721</id><published>2008-05-10T14:25:00.004-04:00</published><updated>2008-05-10T15:15:47.880-04:00</updated><title type='text'></title><content type='html'>&lt;span style="color: rgb(255, 0, 0);"&gt;I-Pac Arcade Controller&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://arcadelocations.classicgaming.gamespy.com/jpg/joy3.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 244px; height: 168px;" src="http://arcadelocations.classicgaming.gamespy.com/jpg/joy3.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:100%;"&gt;For our technology demonstration the idea was for us to learn a technology and be able to demonstrate it in class. Given that all of the "cool" technologies were selected when I chose my technology, I was left with a fairly mundane and fairly straightforward arcade joystick assembly-like the one pictured to the left.&lt;br /&gt;&lt;br /&gt;The &lt;a href="http://www.ultimarc.com/ipac1.html"&gt;I-PAC Arcade Controller&lt;/a&gt;   is a USB keyboard emulator that makes it easy to capture input from   switches, arcade buttons, joysticks, etc.  A WIN32 firmware programmer lets one map input ports to standard keyboard keys.&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.designnotes.com/Merchant2/graphics/00000001/MS12.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 150px;" src="http://www.designnotes.com/Merchant2/graphics/00000001/MS12.JPG" alt="" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style="font-size:100%;"&gt;The actual programming of this technology was very simple. The only real hardware is a micro switch. A switch was located at the base of each of the two buttons I was given and a four switches-on fir each direction-was found on the bottom of the joystick I was given.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.ultimarc.com/images/ipac2_top.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px;" src="http://www.ultimarc.com/images/ipac2_top.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;Wiring the USB emulator consisted of screwing wires into labeled slots on the chip and grounding the other side of the switch-probably a total of 7 minutes of work. After downloading the &lt;a href="http://www.ultimarc.com/winipac_1_2_14.exe"&gt;software&lt;/a&gt; and plunging the chip in, there was an option to view an interactive image of a standard QWERTY-keyboard presented on the screen. A user need only click the icons associated with switches that connected to the emulator and map them to specific keys on the keyboard&lt;br /&gt;&lt;br /&gt;After saving these setting. The chip is programmed and the joystick can be used the same way any other input device on the computer might be used. With only the two buttons the only obvious application of this device was to map the joystick to the directional buttons and the two button to "Enter" and "Backspace" respectively. This technology performed very reliably, despite the fact that the wiring was done with pliers and electrical tape instead of solder.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8317414797363699702-4727959145953362721?l=crh-tui.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://crh-tui.blogspot.com/feeds/4727959145953362721/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=8317414797363699702&amp;postID=4727959145953362721' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default/4727959145953362721'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default/4727959145953362721'/><link rel='alternate' type='text/html' href='http://crh-tui.blogspot.com/2008/05/i-pac-arcade-controller-for-our.html' title=''/><author><name>courtland</name><uri>http://www.blogger.com/profile/05582685434490507228</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8317414797363699702.post-2688393820111210718</id><published>2008-05-10T13:01:00.007-04:00</published><updated>2008-12-09T07:42:33.925-05:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='exhibit study'/><category scheme='http://www.blogger.com/atom/ns#' term='Boston Museum of Science'/><category scheme='http://www.blogger.com/atom/ns#' term='sweat'/><category scheme='http://www.blogger.com/atom/ns#' term='skin sensor'/><title type='text'>Museum Vist the First</title><content type='html'>&lt;span style="color: rgb(255, 0, 0);font-family:georgia;font-size:100%;"  &gt;Skin Sensor: What Makes You Sweat&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-size:100%;"&gt;Last week we visited the  &lt;a href="http://www.mos.org/"&gt;Boston Museum of Science&lt;/a&gt; as a class. The impetus for this trip was to  identify, examine and evaluate some applications of TUIs. After exploring as a group, talking with some of the museum staff, and learning about the production and testing process of a typical museum exhibit we were instructed to split up and identify and evaluate several exhibits based on some specific criteria.&lt;br /&gt;&lt;br /&gt;I found an exhibit that seemed interesting.  It was titled: &lt;/span&gt;&lt;/span&gt;&lt;span style="font-style: italic;font-size:100%;" &gt;Skin Sensor:What Makes You Sweat?&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_wXk4rGJ45Y0/SCXZ46UbCGI/AAAAAAAAAHE/fUxAjkV38Gk/s1600-h/skin.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_wXk4rGJ45Y0/SCXZ46UbCGI/AAAAAAAAAHE/fUxAjkV38Gk/s320/skin.jpg" alt="" id="BLOGGER_PHOTO_ID_5198800916619921506" border="0" /&gt;&lt;/a&gt;As can be seen in the above image, the interface consisted of a carousel, a monitor a set of sensors designed for one's hand, a panel of four buttons and  some  written information. The  Exhibit simply encouraged its users to explore the biological reaction to different mental stimuli.&lt;br /&gt;&lt;br /&gt;The idea is that a user sits in the chair in front of the the monitor and places their pointer and middle finger on the moisture sensors. Assuming the last user didn't leave the machine running, the user presses the first button on the far right labeled start and is immediately met with a live updating graph of the moisture their body is producing as a function of time.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_wXk4rGJ45Y0/SCXcEaUbCHI/AAAAAAAAAHM/ApGphBOO5sE/s1600-h/instructions.jpg"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 155px; height: 207px;" src="http://4.bp.blogspot.com/_wXk4rGJ45Y0/SCXcEaUbCHI/AAAAAAAAAHM/ApGphBOO5sE/s320/instructions.jpg" alt="" id="BLOGGER_PHOTO_ID_5198803313211672690" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;The instructions, pictured left, encourages users to think about specific people or things, to close there eyes and relax, to laugh and to try their own ideas and see how the graph behaves differently.&lt;br /&gt;&lt;br /&gt;The text used on the instructions and the height of the chair indicate that this exhibit is targeted towards a fairly young-elementary school audience, but the exhibit was intriging enough that it certianly caught my attention.&lt;br /&gt;&lt;br /&gt;There were a few interesting features of the exhibit that augmented the central exercise that was clearly the purpose of the exhibit. On the aforementioned carousel there was a device with recorded sounds. The idea was to play the sounds and see how your perspiration levels responded to the different inputs. Additionally, there was a button that allowed you to mark a point on the graph- presumably to compare ones reaction to different stimuli with greater ease. There was also and audio feedback button and a more information button-neither of which seemed to do anything.&lt;br /&gt;&lt;br /&gt;The idea behind this exhibit is to simply spark interest for further exploration. There is no informat&lt;/span&gt;&lt;span style="font-size:100%;"&gt;ion or explanation given at the exhibit. The title their refers more to the stimuli that make one sweat rather than the reasons that make one sweat.&lt;br /&gt;&lt;br /&gt;In general I found this exhibit to be an interesting one. It did not require reading. It was simple to figure out simply by interacting with the interface. It might be more successful as a teaching tool if there was some attempt at a general explanation for some of the principles behind sweating, but it is possible that if the explanation was communicated in some way other than text or audio some of the appeal associated with the simplicity of the exhibit might be lost.&lt;br /&gt;&lt;br /&gt;The exhibit has fallen into some disrepair, but it still conveys its same general message. A more attractive interface might have gone a long way towards getting it some more attention also.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8317414797363699702-2688393820111210718?l=crh-tui.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://crh-tui.blogspot.com/feeds/2688393820111210718/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=8317414797363699702&amp;postID=2688393820111210718' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default/2688393820111210718'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default/2688393820111210718'/><link rel='alternate' type='text/html' href='http://crh-tui.blogspot.com/2008/05/museum-vist-first.html' title='Museum Vist the First'/><author><name>courtland</name><uri>http://www.blogger.com/profile/05582685434490507228</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_wXk4rGJ45Y0/SCXZ46UbCGI/AAAAAAAAAHE/fUxAjkV38Gk/s72-c/skin.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8317414797363699702.post-7390542892970766663</id><published>2008-02-22T16:05:00.006-05:00</published><updated>2008-12-09T07:42:34.687-05:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='TUIML'/><category scheme='http://www.blogger.com/atom/ns#' term='Token'/><category scheme='http://www.blogger.com/atom/ns#' term='Urp'/><category scheme='http://www.blogger.com/atom/ns#' term='Homework 2'/><category scheme='http://www.blogger.com/atom/ns#' term='Constraint'/><title type='text'>Homework 1B: TUIML Familiarization</title><content type='html'>&lt;span style="color: rgb(255, 0, 0);font-family:georgia;font-size:100%;"  &gt;TUIML: A Visual Language for Modeling Tangible User Interfaces&lt;/span&gt;&lt;span style=";font-family:georgia;font-size:100%;"  &gt;&lt;o:p&gt;&lt;br /&gt;&lt;/o:p&gt;TUIML is a visual modeling language for TUIs intended to specify and analyze tangible interaction. TUIML consists of an interaction model and diagramming techniques that are used to describe the physical and digital structure and behavior of TUI. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;   &lt;br /&gt;&lt;p class="MsoNormal"  style="font-family:georgia;"&gt;&lt;span style="font-size:100%;"&gt;This assignment consists of using this language to describe the same TUI system described in Homework 1A–Urp. My analysis follows&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"  style="font-family:georgia;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_wXk4rGJ45Y0/R78_CoeMEOI/AAAAAAAAAEw/jPvmPa5onWM/s1600-h/Homework+1B.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 166px; height: 212px;" src="http://4.bp.blogspot.com/_wXk4rGJ45Y0/R78_CoeMEOI/AAAAAAAAAEw/jPvmPa5onWM/s200/Homework+1B.jpg" alt="" id="BLOGGER_PHOTO_ID_5169920211700945122" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p class="MsoNormal" face="georgia"&gt;  &lt;/p&gt;&lt;p class="MsoNormal" face="georgia"&gt;&lt;span style="color: rgb(255, 0, 0);font-size:100%;" &gt;&lt;span style=""&gt;Physical syntax:        &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;The physical properties of the tokens and constraints&lt;span style=""&gt;  &lt;/span&gt;make it clear what is to be does with the objects.&lt;span style=""&gt;  &lt;/span&gt;For example:&lt;/span&gt;&lt;/p&gt;    &lt;ul  style="margin-top: 0in;font-family:georgia;" type="square"&gt;&lt;li class="MsoNormal" style=""&gt;&lt;span style="font-size:100%;"&gt;The hands of the      clock are movable. A clock gives the time. This is not ambiguous.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style=""&gt;&lt;span style="font-size:100%;"&gt;The distance tool      is a ruler. Rulers are used to measure distance. This is not ambiguous.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style=""&gt;&lt;span style="font-size:100%;"&gt;All tokens are      placed on surfaces. The surface is clearly the only place where      interactions can occur. This is not ambiguous.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;    &lt;ul  style="margin-top: 0in;font-family:georgia;" type="square"&gt;&lt;li class="MsoNormal" style=""&gt;&lt;span style="font-size:100%;"&gt;The material wand      and the wind tool repres&lt;/span&gt;&lt;span style="font-size:100%;"&gt;ent non-physical concepts, so in having a physical      form they are somewhat ambiguous by their nature.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;    &lt;p class="MsoNormal" style="font-family: georgia;"&gt;&lt;span style="color: rgb(255, 0, 0);font-size:100%;" &gt;Observability and predictability:&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style=""&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;    &lt;/span&gt;&lt;/span&gt;    In URP, there is no internal information in the system that is not physically displayed. The tokens and objects effectively communicate all that is occurring. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p  class="MsoNormal" style="font-family:georgia;"&gt;&lt;span style="font-size:100%;"&gt;The tasks that are available in this system are made clear by the tools. There is no reason for a user to assume that he/she has further options.&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal"  style="margin-bottom: 12pt;font-family:georgia;"&gt;&lt;span style="font-size:100%;"&gt;Assuming that there are enough wind tools, materi&lt;/span&gt;&lt;span style="font-size:100%;"&gt;al wands and buildings for all of the users of the system to interact with, the only task that cannot be performed in parallel is the adjusting of the time of day. The interface accepts only one of this kind of input at a time. That said the physical state of the system communicates fully the capabilities of the system. The number of tokens is the number of access points. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;    &lt;p  class="MsoNormal" style="font-family:georgia;"&gt;&lt;span style="color: rgb(255, 0, 0);font-size:100%;" &gt;Modes:&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style=""&gt;        &lt;/span&gt;In URP,&lt;span style=""&gt;  &lt;/span&gt;placing the distance tool on the surface with only one building on the surface is a meaningless action. However, if there are two buildings on the surface and the tool is placed between the two of them the distance between the&lt;/span&gt;&lt;span style="font-size:100%;"&gt; two buildings is reported.&lt;/span&gt;&lt;/p&gt;    &lt;span style=""&gt;&lt;span style="font-family: georgia;font-family:georgia;font-size:100%;"  &gt;The physical appearance of the different tokens indicates the use of the token and the tasks that can be performed with that token. If an other task is performed with that token the system will fail to respond.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;The TUIML Tutorial which includes a more thorough explanation of the visual modeling language can be found &lt;a href="http://hci.cs.tufts.edu/comptui/papers/tuiml_tutorial.pdf"&gt;here.&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8317414797363699702-7390542892970766663?l=crh-tui.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://crh-tui.blogspot.com/feeds/7390542892970766663/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=8317414797363699702&amp;postID=7390542892970766663' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default/7390542892970766663'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default/7390542892970766663'/><link rel='alternate' type='text/html' href='http://crh-tui.blogspot.com/2008/02/homework-1b-tuiml-familiarization.html' title='Homework 1B: TUIML Familiarization'/><author><name>courtland</name><uri>http://www.blogger.com/profile/05582685434490507228</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_wXk4rGJ45Y0/R78_CoeMEOI/AAAAAAAAAEw/jPvmPa5onWM/s72-c/Homework+1B.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8317414797363699702.post-2613312322364676138</id><published>2008-02-06T22:46:00.000-05:00</published><updated>2008-12-09T07:42:34.829-05:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Homework 1'/><category scheme='http://www.blogger.com/atom/ns#' term='Urp'/><title type='text'>Homework 1A: Urp</title><content type='html'>&lt;span style="color: rgb(255, 0, 0);font-size:100%;" &gt;Urp: A Luminous-Tangible Workbench for Urban Planning and Design&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(255, 0, 0);font-family:georgia;font-size:100%;"  &gt;The Idea...&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;span style="font-family:georgia;"&gt;Two urban planners, designing a plaza, unroll a map of their area of responsibility onto a table. They place an architectural model of a building from the site on the map. Obligingly, the shadow of the building appears on the map and follows the model around as it is moved. When they place a second building model on the table, it too casts a shadow.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:georgia;"&gt;The first planner tells the second to try a different time of day. The subordinate planner places the clock widget on the table and rotates the hour hand. That shadows of the shorten, switch to the other side and stretch as the hands rotate about the face of the clock.&lt;br /&gt;&lt;br /&gt;A &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;a href="http://tangible.media.mit.edu/projects/luminousroom/mpeg_lores.mov"&gt;video&lt;/a&gt; courtesy of the &lt;a href="http://tangible.media.mit.edu/index.php"&gt;tangible media lab&lt;/a&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt; is available online.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(255, 0, 0);font-size:100%;" &gt;The Pieces&lt;/span&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;This TUI is composed of a surface, building models, a material wand, a wind tool, a distance measuring tool, and a clock.&lt;br /&gt;&lt;br /&gt;The core of the system consists of moving the hands of a clock, which represents the time of day, to change the shadows that a building casts. The user can change the reflective properties of a building by tapping the material wand to a model. The user can determine the wind flow characteristics of the area by placing the wind tool on the table. The direction of the flow can, of course be adjusted. Lastly, the user can measure the distance between any two objects on the table by touching first one object and then the other. All information output by this interface (flow lines, shadows, distances) is displayed on the surface of the table.&lt;br /&gt;&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);font-family:georgia;font-size:100%;"  &gt;&lt;br /&gt;The Analysis&lt;/span&gt;&lt;span style=";font-family:georgia;font-size:100%;"  &gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:georgia;font-size:100%;"  &gt;&lt;span style=""&gt;Design Concept:    The information represented physically in this model system are the components that are physically in reality, whic&lt;/span&gt;&lt;/span&gt;&lt;span style=";font-family:georgia;font-size:100%;"  &gt;&lt;span style=""&gt;h is perhaps why this TUI has been so successful. The&lt;/span&gt;&lt;/span&gt;&lt;span style=";font-family:georgia;font-size:100%;"  &gt;&lt;span style=""&gt; buildings are physical and the surface is physical. The wind, and the light and distances, all things that have no physical for are left digital. All of the commands have phys&lt;/span&gt;&lt;/span&gt;&lt;span style=";font-family:georgia;font-size:100%;"  &gt;&lt;span style=""&gt;ical manifestations in this system.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;  &lt;p class="MsoNormal"  style="font-family:georgia;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style=""&gt;Use Scenarios:    This system could be used by urban planners , landscape architects&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style=""&gt; or anyone who is trying to either design or present. The layout of an  area.&lt;o:p&gt;&lt;/o:p&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p  class="MsoNormal" style="font-family:georgia;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style=""&gt;Implementation:    This system is made possible by an I/O bulb. &lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_wXk4rGJ45Y0/R6yWLJLB6RI/AAAAAAAAAD0/5Vd6kZ6c8fc/s1600-h/bulb.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_wXk4rGJ45Y0/R6yWLJLB6RI/AAAAAAAAAD0/5Vd6kZ6c8fc/s200/bulb.jpg" alt="" id="BLOGGER_PHOTO_ID_5164667990872025362" border="0" /&gt;&lt;/a&gt;&lt;/span&gt; &lt;/p&gt;  &lt;span style="font-size:100%;"&gt;&lt;span style=";font-family:TimesNewRomanPSMT;font-size:100%;"  &gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style=""&gt;Interface Related Skills and Knowledge:    Another fantastic component of this system is tha one does not need to  learn anything new in order to use it successfully. It is simple and effective. If a user wants to move a building to a different location he/she simply picks up the model and moves it.&lt;br /&gt;&lt;br /&gt;If you are curious about this TUI, the full paper can be found &lt;a href="http://tangible.media.mit.edu/content/papers/pdf/Urp_CHI99.pdf"&gt;here.&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;span style=";font-family:TimesNewRomanPSMT;font-size:100%;"  &gt;&lt;a href="http://tangible.media.mit.edu/content/papers/pdf/Urp_CHI99.pdf"&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-size:85%;"&gt;&lt;a href="http://tangible.media.mit.edu/index.php"&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8317414797363699702-2613312322364676138?l=crh-tui.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://crh-tui.blogspot.com/feeds/2613312322364676138/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=8317414797363699702&amp;postID=2613312322364676138' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default/2613312322364676138'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default/2613312322364676138'/><link rel='alternate' type='text/html' href='http://crh-tui.blogspot.com/2008/02/homework-1a-urp.html' title='Homework 1A: Urp'/><author><name>courtland</name><uri>http://www.blogger.com/profile/05582685434490507228</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_wXk4rGJ45Y0/R6yWLJLB6RI/AAAAAAAAAD0/5Vd6kZ6c8fc/s72-c/bulb.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8317414797363699702.post-791980006715722846</id><published>2008-01-29T09:43:00.000-05:00</published><updated>2008-02-08T13:39:27.576-05:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='definition'/><category scheme='http://www.blogger.com/atom/ns#' term='tangible'/><category scheme='http://www.blogger.com/atom/ns#' term='welcome'/><title type='text'>Tangible Interaction and a Hello</title><content type='html'>&lt;span style="font-size:100%;"&gt;Welcome.  In this blog I will talk about human computer interaction. Most of the posts will be about Tangible User Interfaces or TUIs. The majority of my posts impressions but hopefully I will have some code to post and a project or two to walk you through. Enjoy.&lt;/span&gt;&lt;br /&gt;   &lt;br /&gt;        -Courtland&lt;br /&gt;&lt;div style="text-align: right;"&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;span style="font-size:100%;"&gt;A clarification before we start...&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;One of the pioneers in Human Computer Interaction (&lt;span style="font-weight: bold;"&gt;HCI&lt;/span&gt;), &lt;a href="http://tangible.media.mit.edu/people/hiroshi.php"&gt;Hiroshi Ishii&lt;/a&gt;, explained the benefits of  tangible interaction this way...&lt;br /&gt;&lt;br /&gt;People  have developed sophisticated skills for sensing and manipulating the physical  environment. This myriad of skills is not employed when interacting with traditional Graphical User Interface (&lt;span style="font-weight: bold;"&gt;GUI&lt;/span&gt;) systems. The goal of tangible computing is to allow the user to implement their intrinsic "physical" skills by  giving physical form to digital information.&lt;br /&gt;&lt;br /&gt;Tangible User Interfaces (&lt;span style="font-weight: bold;"&gt;TUI&lt;/span&gt;s)  employ physical objects, surfaces, and spaces as tangible embodiments of  digital information. This ranges from graspable objects  and augmented surfaces, which allow users to employ their tactile system and their sense of kinesthesia, to "ambient media"  light, sound, airflow, and water movement, which engage a users sense of activity and peripheral awareness.&lt;br /&gt;&lt;br /&gt;The idea is simply to take advantage of the richness of multimodal human senses and skills developed through  our lifetime of interaction with the physical world.&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: right;"&gt;&lt;a href="http://tangible.media.mit.edu/index.php"&gt;tangible media lab&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8317414797363699702-791980006715722846?l=crh-tui.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://crh-tui.blogspot.com/feeds/791980006715722846/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=8317414797363699702&amp;postID=791980006715722846' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default/791980006715722846'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8317414797363699702/posts/default/791980006715722846'/><link rel='alternate' type='text/html' href='http://crh-tui.blogspot.com/2008/02/tangible-interaction-and-hello.html' title='Tangible Interaction and a Hello'/><author><name>courtland</name><uri>http://www.blogger.com/profile/05582685434490507228</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>
