1. Parallels in Tangible Interface & Web 2.0 Sharad Singh Solanki

2. Topics Tangible Interface Parallels in Web 2.0 & Tangible Interfaces

3. Tangible Interface

4. Definition: the use of physical artifacts as representations and controls for digital information (Brygg Ullmer & Hiroshi Ishii,MIT) Tangible interfaces use objects instead of traditional input and output means (keyboard, mouse and screen) to work with computers.

5. Tangible Interface-Examples I/O Brush is a drawing tool to explore colors, textures, and movements found in everyday materials by "picking up" and drawing with them. Source: Tangible Media Group MIT ( http://tangible.media.mit.edu ) I/O Brush - Kimiko Ryokai and Professor Hiroshi Ishii

6. Tangible Interface-Examples “Programmable Beads" - communicate with neighboring beads along a string. Put these beads together in different ways and you get different dynamic patterns of light. Source: Tangible Media Group MIT (http://llk.media.mit.edu/projects/summaries/beads.shtml) Video Source: http://lcs.www.media.mit.edu/groups/el/projects/beads/beads-dark-cut.MPG Programmable Beads - Rick Borovoy and Kwin Kramer

7. Tangible Interface-Examples The DataTiles system integrates the benefits of two major interaction paradigms: graphical and physical user interfaces. Source:Sony CSL( http://www.csl.sony.co.jp/ ) Video Source: http://www.csl.sony.co.jp/person/rekimoto/movies/tile2.mpg DataTiles - Jun Rekimoto, Brygg Ullmer, and Haro Oba

8. Tangible Interface-Examples This project highlights new means for querying relational databases and live datastreams through the manipulation of physical objects. Source: MIT Research Lab ( http://tangible.media.mit.edu ) Tangible Query Interface - Brygg Ullmer, Zachary Malchano, and Professor Hiroshi Ishii Video source: http://tmg-video.media.mit.edu/tqi/tqi_352x240.mpg

9. Tangible Interface There are 4 characteristics concerning representation and control: 1.Physical representations are computationally coupled to underlying digital information. 2.Physical representations embody mechanisms for interactive control. 3.Physical representations are perceptually coupled to actively mediated digital representations 4.Physical state of tangibles embodies key aspects of the digital state of a system And: 1.Tangible interfaces rely on a balance between physical and digital representations. 2.The elements of TUIs are spatially re-configurable (in contrast to tangible digital appliances)

10. TUI Toolkit Phidgets™, or physical widgets, are software building blocks that help a developer construct physical user interfaces. Applications can be developed in Visual Basic, VBA (Microsoft Access and Excel), LabView, Java, Delphi, C and C++Phidgets™ (http://www.phidgets.com/index.html)http://www.phidgets.com/index.html Papier-Mâché- Applications can be developed in Java TM (http://guir.berkeley.edu/projects/papier-mache/)http://guir.berkeley.edu/projects/papier-mache/

11. Tangible Interface Phidgets TM Toolset Video Source:Phidget.com & University of Caligary Video source: http://www.cpsc.ucalgary.ca/grouplab/papers/videos/Phidgets.UIST01.wmv

12. Parallels in Web 2.0 & Tangible Interfaces

13. Web 2.0 & TUI Goal Interaction Environment Interactions Technology

14. Web 2.0 & TUI-Goal Focused on Efficient User Interactions leading to Rich User Experience with the applications Easy & Fast Learnability

15. Web 2.0 & TUI- Interaction Environment Center and Periphery of User's Attention within Physical Space (Ishii and Ullmer, Tangible Bits) Browser as a space for web 2.0

16. Web 2.0 & TUI-Interactions Widgets –Drag & Drop interfaces –Point & Click –Metaphors driven interactions –Gesture & Intention based Interactions Multi user interactions & Sociability –Real time Collaboration-eg.Meebo TM –Social Networking/Group Participation- eg. Del.icio.us

17. Web 2.0 & TUI-Interactions metaDESK- In the metaDESK design, Ishii & Ullmer have tried to push back from GUIs into the real world, physically embodying many of the metaphorical devices (windows, icons, handles) they have popularized.

18. Web 2.0 & TUI-Technology Event driven Programming Usage of pointing devices compared to Keyboard entry More client side programming Tagging Asynchronous application model Common Technology Platform

19. Web 2.0 & TUI-Road Ahead Web 2.0 support in handheld devices eg. mobile version of Konfabulator, Opera Mini™ Online gaming service providers Online shopping service providers And so on…. Happy thinking

20. Questions??

21. Thank you