Parallels in tangible interface web 2 0
Download
1 / 21

Parallels in Tangible Interface & Web 2.0 - PowerPoint PPT Presentation


  • 63 Views
  • 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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
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

Topics
Topics

  • 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 (http://tangible.media.mit.edu)


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


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: http://www.csl.sony.co.jp/person/rekimoto/movies/tile2.mpg

Source:Sony CSL(http://www.csl.sony.co.jp/)


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: http://tmg-video.media.mit.edu/tqi/tqi_352x240.mpg

Source: MIT Research Lab (http://tangible.media.mit.edu)


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

    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)


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

    (http://www.phidgets.com/index.html)

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

    (http://guir.berkeley.edu/projects/papier-mache/)


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



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. Del.icio.us


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




ad