1 / 21

Parallels in Tangible Interface & Web 2.0

This article delves into the concept of tangible interfaces, where physical artifacts serve as representations and controls for digital information, transcending traditional input methods like keyboards and mice. It highlights innovative examples such as I/O Brush, Programmable Beads, and DataTiles that integrate physical interaction with digital applications. Furthermore, it examines the parallels between tangible interfaces and Web 2.0, emphasizing user-centered design and real-time collaboration. By merging physical and digital representations, tangible interfaces enhance user experiences in an increasingly interactive digital landscape.

milly
Download Presentation

Parallels in Tangible Interface & Web 2.0

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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. Tangible Interface 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 -Kimiko Ryokai and Professor Hiroshi Ishii 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)

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

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

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

  9. Tangible Interface There are 4 characteristics concerning representation and control: • Physical representations are computationally coupled to underlying digital  information. • Physical representations embody mechanisms for interactive control. • Physical representations are perceptually coupled to actively mediated digital representations • Physical state of tangibles embodies key aspects of the digital state of a system And: • Tangible interfaces rely on a balance between physical and digital representations. • 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++ (http://www.phidgets.com/index.html) • Papier-Mâché- Applications can be developed in JavaTM (http://guir.berkeley.edu/projects/papier-mache/)

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

  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 Browser as a space for web 2.0 Center and Periphery of User's Attention within Physical Space (Ishii and Ullmer, Tangible Bits)

  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.MeeboTM • 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

More Related