Parallels in tangible interface web 2 0
1 / 21

Parallels in Tangible Interface & Web 2.0 - PowerPoint PPT Presentation

  • Uploaded on

Parallels in Tangible Interface & Web 2.0. Sharad Singh Solanki. Topics. Tangible Interface Parallels in Web 2.0 & Tangible Interfaces. Tangible Interface. Tangible Interface.

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about ' Parallels in Tangible Interface & Web 2.0' - milly

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript


  • Tangible Interface

  • Parallels in Web 2.0 & Tangible Interfaces

Tangible interface1
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.

Tangible interface examples
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 (

Tangible interface examples1
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:

Source: Tangible Media Group MIT (

Tangible interface examples2
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:

Source:Sony CSL(

Tangible interface examples3
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:

Source: MIT Research Lab (

Tangible interface2
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


  • 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)

Tui toolkit
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++


  • Papier-Mâché- Applications can be developed in JavaTM


Tangible interface3
Tangible Interface

Phidgets TM Toolset Video

Video source: & University of Caligary

Web 2 0 tui
Web 2.0 & TUI

  • Goal

  • Interaction Environment

  • Interactions

  • Technology

Web 2 0 tui goal
Web 2.0 & TUI-Goal

  • Focused on Efficient User Interactions leading to Rich User Experience with the applications

  • Easy & Fast Learnability

Web 2 0 tui interaction environment
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)

Web 2 0 tui interactions
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.

Web 2 0 tui interactions1
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.

Web 2 0 tui technology
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

Web 2 0 tui road ahead
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