login/register

Snip!t from collection of Alan Dix

see all channels for Alan Dix

Snip
summary

0:10
0:50
1:10
1:50
... .w.m.rauterberg//presentations/Build-It_Story/sld002.htm

Digital Desk by Pierre Wellner
http://video.google.com/videoplay?docid=5772530828816089246

Categories

/Channels/HCI stuff/early HCI

[ go to category ]

/Channels/physicality

[ go to category ]

For Snip

loading snip actions ...

For Page

loading url actions ...

0:10
0:50
1:10
1:50
2:30
2:50
3:30
3:50
4:30
5:10
5:30
6:10
6:30
7:10
7:50
 
Digital Desk by Pierre Wellner
08:04 - 5 years ago
Demonstration video made by engineers at Xerox in the early 1990's, demonstrating a conceptual system for tangible interface. Essentially, humans interact with a computer using an ordinary physical desk and just using their fingers. Even though the video is slightly dated in some fashions, the spreadsheet demo is still quite amazing. Original concept by Pierre Wellner. See also: http://www.idemployee.id.tue.nl/g.w.m.rauterberg//presentations/Build-It_Story/sld002.htm

HTML

<div id="player-div"><div id="player"><object id="object_player_1" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" height="100%" width="100%"><embed id="embed_player_1" bgcolor="#000000" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="fs=true" allowscriptaccess="always" allowfullscreen="true" src="/s/gesSu-A9nUs/googleplayer.swf?videoUrl=http://v16.lscache1.googlevideo.com/videoplayback%3Fid%3D9caf39ee6b4ad8d6%26itag%3D5%26begin%3D0%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1325705875%26sparams%3Dip,ipbits,expire,id,itag%26signature%3D319A4CF2F15344D2AC1716A78112A5A748B1121D.779D63DE4C2AB4F91D963761FBA32D09D790E29C%26key%3Dck1&amp;thumbnailUrl=http://2.gvt0.com/ThumbnailServer2%3Fapp%3Dvss%26contentid%3D9caf39ee6b4ad8d6%26offsetms%3D375000%26itag%3Dw160%26hl%3Den%26sigh%3D__W6ZmG4AFkwhVjWG1UX1hhzIvsgE%3D&amp;docid=5772530828816089246&amp;hl=en&amp;speedcontrol=0&amp;autoplay=1&amp;enablejsapi=1&amp;playerapiid=embed_player_1" height="100%" width="100%"></object></div> </div> <div id="filmstrip-metadata-div"> <div id="filmstrip-div"> <div style="width: 440px;" id="thumbnails"> <div class="preview-horiz" id="preview-fs-9caf39ee6b4ad8d6-horiz"> <div class="preview-thumbs" id="preview-thumbs"> <a class="disabled" id="preview-thumbs-prev"><span></span></a> <a style="left: 421px;" class="" id="preview-thumbs-next"><span></span></a> <div style="width: 401px; height: 80px;" class="preview-thumbs-items" id="preview-thumbs-items"> <div class="preview-thumbs-items-holder"> <div class="thumb-item" seconds="10"> <div class="thumb-img"> <img src="http://0.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=10000&amp;itag=w160&amp;hl=en&amp;sigh=__GRjjZWpOM4AdwGTkzGCiErkgCC0="> </div> <div class="thumb-time"> 0:10 </div> </div> <div class="thumb-item" seconds="50"> <div class="thumb-img"> <img src="http://1.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=50000&amp;itag=w160&amp;hl=en&amp;sigh=__ZDjB5x-sLR8bdbLn2xtEzyBxpg4="> </div> <div class="thumb-time"> 0:50 </div> </div> <div class="thumb-item" seconds="70"> <div class="thumb-img"> <img src="http://2.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=70000&amp;itag=w160&amp;hl=en&amp;sigh=__4qTHPubYOu40YDcfqZI0bA5Iey4="> </div> <div class="thumb-time"> 1:10 </div> </div> <div class="thumb-item" seconds="110"> <div class="thumb-img"> <img src="http://3.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=110000&amp;itag=w160&amp;hl=en&amp;sigh=__MjxnnpnyA6qbdXJxzLXEKyrJrmk="> </div> <div class="thumb-time"> 1:50 </div> </div> <div class="thumb-item" seconds="150"> <div class="thumb-img"> <img src="http://0.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=150000&amp;itag=w160&amp;hl=en&amp;sigh=__brDussirtOufbozyvh9bNFRGh4M="> </div> <div class="thumb-time"> 2:30 </div> </div> <div class="thumb-item" seconds="170"> <div class="thumb-img"> <img src="http://1.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=170000&amp;itag=w160&amp;hl=en&amp;sigh=__3cGt3Da0oqNdWFXjZqBW8Bj_EHY="> </div> <div class="thumb-time"> 2:50 </div> </div> <div class="thumb-item" seconds="210"> <div class="thumb-img"> <img src="http://2.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=210000&amp;itag=w160&amp;hl=en&amp;sigh=__fa-U3Cs--ZMoAZtd0Y99iIjPQHs="> </div> <div class="thumb-time"> 3:30 </div> </div> <div class="thumb-item" seconds="230"> <div class="thumb-img"> <img src="http://3.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=230000&amp;itag=w160&amp;hl=en&amp;sigh=__0kATRxShh086yfkrBfSm64Kzl3M="> </div> <div class="thumb-time"> 3:50 </div> </div> <div class="thumb-item" seconds="270"> <div class="thumb-img"> <img src="http://0.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=270000&amp;itag=w160&amp;hl=en&amp;sigh=__EiUDdzScWnR2fmuGpzes3qP7bmg="> </div> <div class="thumb-time"> 4:30 </div> </div> <div class="thumb-item" seconds="310"> <div class="thumb-img"> <img src="http://1.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=310000&amp;itag=w160&amp;hl=en&amp;sigh=__ytS6XUnEVfHrh98bVmdVXzEkgyo="> </div> <div class="thumb-time"> 5:10 </div> </div> <div class="thumb-item" seconds="330"> <div class="thumb-img"> <img src="http://2.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=330000&amp;itag=w160&amp;hl=en&amp;sigh=__of0i7I03y4kQ0NPvbIUQ9PCNsLk="> </div> <div class="thumb-time"> 5:30 </div> </div> <div class="thumb-item" seconds="370"> <div class="thumb-img"> <img src="http://3.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=370000&amp;itag=w160&amp;hl=en&amp;sigh=__LENSDSzI6Dhd2LN05qJRdPxqhQA="> </div> <div class="thumb-time"> 6:10 </div> </div> <div class="thumb-item" seconds="390"> <div class="thumb-img"> <img src="http://0.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=390000&amp;itag=w160&amp;hl=en&amp;sigh=__r_O9YZ9Elrb2ee5CQoU9GT0_uyw="> </div> <div class="thumb-time"> 6:30 </div> </div> <div class="thumb-item" seconds="430"> <div class="thumb-img"> <img src="http://1.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=430000&amp;itag=w160&amp;hl=en&amp;sigh=__mFziIDwZcA21JuPjx064k_Mrz7o="> </div> <div class="thumb-time"> 7:10 </div> </div> <div class="thumb-item" seconds="470"> <div class="thumb-img"> <img src="http://2.gvt0.com/ThumbnailServer2?app=vss&amp;contentid=9caf39ee6b4ad8d6&amp;offsetms=470000&amp;itag=w160&amp;hl=en&amp;sigh=__2c8Z21PcSpEccks3zo_6fKHZtZI="> </div> <div class="thumb-time"> 7:50 </div> </div> </div> <div>&nbsp;</div></div> </div> <div class="thumb_viewer_json" style="display: none;"> { "pixelSize" : "570", "vertical": "0", "uniqueId": "preview-fs-9caf39ee6b4ad8d6-horiz" } </div> </div> </div> </div> <div style="" id="metadata-div"> <div class="medium bold" id="video-title">Digital Desk by Pierre Wellner</div> <div style="display: none;" id="video-watchon"> <span> </span> </div> <div style="width: 220px;" id="metadata-info"> <div id="video-duration-date"> <span class="gray" id="video-duration">08:04</span> - <span class="gray" id="video-date">5 years ago</span> </div> <div id="video-desc"> <span style="display: block;" id="video-description">Demonstration video made by engineers at Xerox in the early 1990's, demonstrating a conceptual system for tangible interface. Essentially, humans interact with a computer using an ordinary physical desk and just using their fingers. Even though the video is slightly dated in some fashions, the spreadsheet demo is still quite amazing. Original concept by Pierre Wellner. See also: http://www.idemployee.id.tue.nl/g.w.m.rauterberg//presentations/Build-It_Story/sld002.htm</span></div></div></div></div>