SlideShare a Scribd company logo
DataTiles : A Modular Platform for Mixed Physical and Graphical Interactions April 4, 2001 Jun Rekimoto *   Brygg Ullmer †   Haruo Oba * *  Sony CSL Interaction Laboratory †  MIT Media Laboratory
Motivation Flexible interface platform for controlling digital information Merging two UI paradigms    Graphicsl UIs & Physical/Tangible UI Visual+Physical “construction kit” for end users
Some historical ancestors… “ Denshi (electronic) Block” (‘70s) Japan Railload “MARS” terminal (‘70s) “ Triangles”  (Gorbet/Orth/Ishii, 1998) “ AlgoBlock” (Suzuki/Kato, 1995) “ Intelligent Beermats”  (Frazer, 1982)
DataTiles
Transparent objects (tiles) as information modules -> tight coupling of input & output Integration of Physical manipulation & graphical information Used as Home-Computer interfaces, Collaboration supports, Internet-”Toys” DataTiles
Time Point Information
Tile Classes Application Tiles Portal (Remote) Tiles Parameter Tiles Container Tiles Stores information Specific Services, Applications Connects to real-world objects (places, people, devices) Visualizes & Controls other connected tiles
video
DataTiles  basic interaction style Pen Sensitive LCD Display  (“Tray”) ID-Reader tagged transparent object RFID RFID Grooves Printed Information Input devices (Pen, etc.) Input Graphical Output
Interacting with DataTiles Interaction Techniques Tile placement, reconfiguration, removal Pen manipulations on each tile (as GUI) Physical manipulators (e.g., dial) Inter-tile pen gestures Tile adjacency      communications between tiles Parameter flow:  Query Parameters, Time points Data-flow:  Image, movie, sound
Printed & Grooved Tiles = + + = printed information: high resolution, static displayed information: low resolution, dynamic grooved widget: passive haptic  feedback   combined:
Tiles with manipulators
Examples of  Tile Combinations Container Paint Portal WebCam print image real printer Application Tile Container Tile Portal Tile Container Movie Movie Movie Parameters Baseball TimeWheel Scribble time point parameter tile parameter tile query parameters
Visual Feedback of tile connection types Inter-tile pen gestures Movie TimeMachine Weather Simple connection Menu for choosing Connection types Mail Fax Animation indicating  streamed media transmission Wall Screen A People Container Invokes one-shot transmission PhotoAlbum Container Remote Portal  Suspends streamed transmission
System Configuration PC (Sony VAIO LX) Windows 2000 Pentium III (866MHz) Java JDK1.3 LCD Display with built-in pen tablet RFID tags (TIRIS) RFID reader (TIRIS) RFID multiplexer + PC interface (PIC16F873) RS232C Switches 12 antenna coils ( 100ms / ID) RFID reader coils
Sensor Configuration LCD display Back light Pen digitizer Wire to the RF reader Acrylic tile  cover glass 6mm RF tag  RFID reader coils Wire to the RFID reader RFID tag Reader coil
Implementation (software) The System dynamically loads and activates a corresponding  Java Class  for each tile ID. Each Java program also dynamically checks nearby tile classes and interfaces. public class WebCamTile extends Tile  implements  ImageCreateInterface ,    TimeMachineInterface , … { …… …… } …… Tile t = getLeftTile(); if (t instanceof  TimeMachineInterface ) { … .. } … .
User Experiences Data manipulation by physical layout Many users were willing to explore various types of tile combinations.  Some of them were beyond our expectation. Visual feedback was essential Effects of tiles’ graspable capability Users could always take control    (e.g., remove a music tile to stop it) Suitable for multi-user activities
Applications Interfaces to Networked Information Portal to Information services Information Appliances Control Remote Collaboration Media Construction Environments Movie/Music Editing, Video Jockey (Networked) Game Environment Education Tools, Toys Support of Collaborative Work, Decision making Simulation, database visualization
Summary DataTiles:   A platform environment with mixed Physical-Graphical Interactions Future Work Study of Physical Language “Grammar” Other configuration method (e.g, stacking) Active (CPU embedded) tiles with sensors

More Related Content

PPT
DataTiles: a modular platform for mixed physical and graphical interactions (...
PPT
A multiple device approach for Supporting Whiteboard-based Interactions (Reki...
PPT
Pick-and-Drop: A Direct Manipulation Technique for Multiple Computer Environm...
PPT
Jun Rekimoto, "Time-Machine Computing: A Time-centric Approach for the Inform...
PPTX
THE TILE
PPTX
Tile Child Marketing Plan
PPTX
tile device
PPTX
Embedded & Tangible Interaction Design
DataTiles: a modular platform for mixed physical and graphical interactions (...
A multiple device approach for Supporting Whiteboard-based Interactions (Reki...
Pick-and-Drop: A Direct Manipulation Technique for Multiple Computer Environm...
Jun Rekimoto, "Time-Machine Computing: A Time-centric Approach for the Inform...
THE TILE
Tile Child Marketing Plan
tile device
Embedded & Tangible Interaction Design

Similar to DataTiles: a modula platform for mixed physical and digtial interactions (Rekimoto, CHI2001) (20)

PPT
Tangible User Interface Showcase
PPTX
Multisensory and multimedia
PPTX
Multisensory and multimedia
PPT
LUCID project context - Professor Keith Osman
PDF
Programming The Real World
PDF
Pres tei gsc-jw
PPT
Multi-Touch Tangible Interface; HCI trends, projects, and development
PPTX
Presentation to Konferencja Biblioteki PL
PDF
Being human : Future of human computer interaction
PPT
Phidget sensors
PPTX
Inform- interacting with a dynamic shape display
PPTX
Basics of rfid blaze automation
DOCX
automatic car parking system
PDF
Interactive Tabletops and Surfaces - Lecture 07 - Next Generation User Interf...
PDF
426 lecture6b: AR Interaction
PDF
Tangible 3D Tabletops
PPT
Pervasive Checkers
PDF
Challenging the boundaries of interactive experiences
PPT
Long Island Adult Learning Conference - 2001
PDF
Comp4010 lecture6 Prototyping
Tangible User Interface Showcase
Multisensory and multimedia
Multisensory and multimedia
LUCID project context - Professor Keith Osman
Programming The Real World
Pres tei gsc-jw
Multi-Touch Tangible Interface; HCI trends, projects, and development
Presentation to Konferencja Biblioteki PL
Being human : Future of human computer interaction
Phidget sensors
Inform- interacting with a dynamic shape display
Basics of rfid blaze automation
automatic car parking system
Interactive Tabletops and Surfaces - Lecture 07 - Next Generation User Interf...
426 lecture6b: AR Interaction
Tangible 3D Tabletops
Pervasive Checkers
Challenging the boundaries of interactive experiences
Long Island Adult Learning Conference - 2001
Comp4010 lecture6 Prototyping
Ad

Recently uploaded (20)

PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
project resource management chapter-09.pdf
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
Web App vs Mobile App What Should You Build First.pdf
PDF
Accuracy of neural networks in brain wave diagnosis of schizophrenia
PDF
WOOl fibre morphology and structure.pdf for textiles
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
1 - Historical Antecedents, Social Consideration.pdf
PPTX
Tartificialntelligence_presentation.pptx
PPTX
Chapter 5: Probability Theory and Statistics
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
August Patch Tuesday
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
DP Operators-handbook-extract for the Mautical Institute
PPTX
A Presentation on Artificial Intelligence
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPTX
Programs and apps: productivity, graphics, security and other tools
Agricultural_Statistics_at_a_Glance_2022_0.pdf
project resource management chapter-09.pdf
A comparative study of natural language inference in Swahili using monolingua...
Web App vs Mobile App What Should You Build First.pdf
Accuracy of neural networks in brain wave diagnosis of schizophrenia
WOOl fibre morphology and structure.pdf for textiles
NewMind AI Weekly Chronicles - August'25-Week II
1 - Historical Antecedents, Social Consideration.pdf
Tartificialntelligence_presentation.pptx
Chapter 5: Probability Theory and Statistics
Zenith AI: Advanced Artificial Intelligence
MIND Revenue Release Quarter 2 2025 Press Release
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Group 1 Presentation -Planning and Decision Making .pptx
August Patch Tuesday
Enhancing emotion recognition model for a student engagement use case through...
DP Operators-handbook-extract for the Mautical Institute
A Presentation on Artificial Intelligence
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Programs and apps: productivity, graphics, security and other tools
Ad

DataTiles: a modula platform for mixed physical and digtial interactions (Rekimoto, CHI2001)

  • 1. DataTiles : A Modular Platform for Mixed Physical and Graphical Interactions April 4, 2001 Jun Rekimoto * Brygg Ullmer † Haruo Oba * * Sony CSL Interaction Laboratory † MIT Media Laboratory
  • 2. Motivation Flexible interface platform for controlling digital information Merging two UI paradigms Graphicsl UIs & Physical/Tangible UI Visual+Physical “construction kit” for end users
  • 3. Some historical ancestors… “ Denshi (electronic) Block” (‘70s) Japan Railload “MARS” terminal (‘70s) “ Triangles” (Gorbet/Orth/Ishii, 1998) “ AlgoBlock” (Suzuki/Kato, 1995) “ Intelligent Beermats” (Frazer, 1982)
  • 5. Transparent objects (tiles) as information modules -> tight coupling of input & output Integration of Physical manipulation & graphical information Used as Home-Computer interfaces, Collaboration supports, Internet-”Toys” DataTiles
  • 7. Tile Classes Application Tiles Portal (Remote) Tiles Parameter Tiles Container Tiles Stores information Specific Services, Applications Connects to real-world objects (places, people, devices) Visualizes & Controls other connected tiles
  • 9. DataTiles basic interaction style Pen Sensitive LCD Display (“Tray”) ID-Reader tagged transparent object RFID RFID Grooves Printed Information Input devices (Pen, etc.) Input Graphical Output
  • 10. Interacting with DataTiles Interaction Techniques Tile placement, reconfiguration, removal Pen manipulations on each tile (as GUI) Physical manipulators (e.g., dial) Inter-tile pen gestures Tile adjacency  communications between tiles Parameter flow: Query Parameters, Time points Data-flow: Image, movie, sound
  • 11. Printed & Grooved Tiles = + + = printed information: high resolution, static displayed information: low resolution, dynamic grooved widget: passive haptic feedback combined:
  • 13. Examples of Tile Combinations Container Paint Portal WebCam print image real printer Application Tile Container Tile Portal Tile Container Movie Movie Movie Parameters Baseball TimeWheel Scribble time point parameter tile parameter tile query parameters
  • 14. Visual Feedback of tile connection types Inter-tile pen gestures Movie TimeMachine Weather Simple connection Menu for choosing Connection types Mail Fax Animation indicating streamed media transmission Wall Screen A People Container Invokes one-shot transmission PhotoAlbum Container Remote Portal Suspends streamed transmission
  • 15. System Configuration PC (Sony VAIO LX) Windows 2000 Pentium III (866MHz) Java JDK1.3 LCD Display with built-in pen tablet RFID tags (TIRIS) RFID reader (TIRIS) RFID multiplexer + PC interface (PIC16F873) RS232C Switches 12 antenna coils ( 100ms / ID) RFID reader coils
  • 16. Sensor Configuration LCD display Back light Pen digitizer Wire to the RF reader Acrylic tile cover glass 6mm RF tag RFID reader coils Wire to the RFID reader RFID tag Reader coil
  • 17. Implementation (software) The System dynamically loads and activates a corresponding Java Class for each tile ID. Each Java program also dynamically checks nearby tile classes and interfaces. public class WebCamTile extends Tile implements ImageCreateInterface , TimeMachineInterface , … { …… …… } …… Tile t = getLeftTile(); if (t instanceof TimeMachineInterface ) { … .. } … .
  • 18. User Experiences Data manipulation by physical layout Many users were willing to explore various types of tile combinations. Some of them were beyond our expectation. Visual feedback was essential Effects of tiles’ graspable capability Users could always take control (e.g., remove a music tile to stop it) Suitable for multi-user activities
  • 19. Applications Interfaces to Networked Information Portal to Information services Information Appliances Control Remote Collaboration Media Construction Environments Movie/Music Editing, Video Jockey (Networked) Game Environment Education Tools, Toys Support of Collaborative Work, Decision making Simulation, database visualization
  • 20. Summary DataTiles:   A platform environment with mixed Physical-Graphical Interactions Future Work Study of Physical Language “Grammar” Other configuration method (e.g, stacking) Active (CPU embedded) tiles with sensors