The Art of Tangible Bits A Tribute to Engelbartweb.media.mit.edu/~ishii/tmp/PFF_12-08-08.pdf ·...
Transcript of The Art of Tangible Bits A Tribute to Engelbartweb.media.mit.edu/~ishii/tmp/PFF_12-08-08.pdf ·...
© 2008 MIT Media Laboratory, Hiroshi Ishii
石井�裕Hiroshi IshiiTangible Media Group MIT Media Laboratory
The Art of Tangible BitsA Tribute to Engelbart
The Program for the FutureDecember 8, 2008The Tech Museum of Innovation, CA
© 2008 MIT Media Laboratory, Hiroshi Ishii
英雄hero
© 2008 MIT Media Laboratory, Hiroshi Ishii
Douglas Engelbart Augmenting Human Intellect
© 2008 MIT Media Laboratory, Hiroshi Ishii
1968December 9th, 1968
NLS (oN-Line System) demo at FJCC 68 in San Francisco
2008g-speak
© 2008 MIT Media Laboratory, Hiroshi Ishii
Engelbart’s Beaconto the Future
1997TBits
1981Star1968
NLS demo
2054Minority Report
future
© 2008 MIT Media Laboratory, Hiroshi Ishii
1context
© 2008 MIT Media Laboratory, Hiroshi Ishii
MIT Media Lab
© 2008 MIT Media Laboratory, Hiroshi Ishii
MIT Media Lab
© 2008 MIT Media Laboratory, Hiroshi Ishii
Future is not to predict, but to invent.
Alan Kay
© 2008 MIT Media Laboratory, Hiroshi Ishii
MIT Media LabMIT Media Lab
© 2008 MIT Media Laboratory, Hiroshi Ishii
2vision
© 2008 MIT Media Laboratory, Hiroshi Ishii
What drives Creation?
VisionConcepts, principles
Users’ needApplications
Technologies
© 2008 MIT Media Laboratory, Hiroshi Ishii
What drives Creation?
VisionConcepts, principles
Users’ needApplications
Technologies
© 2008 MIT Media Laboratory, Hiroshi Ishii
What drives Creation?
VisionConcepts, principles
Users’ needApplications
Technologies
BusinessHCI/usability
© 2008 MIT Media Laboratory, Hiroshi Ishii
What drives Creation?
VisionConcepts, principles
Users’ needApplications
Technologies
Our focus
© 2008 MIT Media Laboratory, Hiroshi Ishii
What drives Creation?
VisionConcepts, principles
Users’ needApplications
Technologies
art!
© 2008 MIT Media Laboratory, Hiroshi Ishii
What drives Creation?
VisionConcepts, principles
Users’ needApplications
Technologies
Doug!
© 2008 MIT Media Laboratory, Hiroshi Ishii
Why? Life Span
VisionConcepts, principles
ApplicationsNeed, users, task, evaluation
Technologies
>100 y
~10 y
~1 y
© 2008 MIT Media Laboratory, Hiroshi Ishii
1990ClearBoard
NTT Human Interface Labs
© 2008 MIT Media Laboratory, Hiroshi Ishii
My Art Work in 1959
© 2008 MIT Media Laboratory, Hiroshi Ishii
Shared Drawing 1992Collaborative Visual Thinking
Ref. Study on Shared Drawing and VideoDraw (PARC)Prof. Larry Leifer, Dr. John Tang, Dr. Scott Minneman,
speakgesturepointreadwritedraw
© 2008 MIT Media Laboratory, Hiroshi Ishii
ClearBoardNTT Human Interface Laboratories
Ishii and Kobayashi, 1992
© 2008 MIT Media Laboratory, Hiroshi Ishii
ClearBoardSeamless integration of interpersonal and shared drawing spaces
Ishii and Kobayashi, 1992 NTT Human Interface Laboratories
© 2008 MIT Media Laboratory, Hiroshi Ishii
3MIT
© 2008 MIT Media Laboratory, Hiroshi Ishii
1995Joined MIT Media Lab
© 2008 MIT Media Laboratory, Hiroshi Ishii
再起�Reboot
© 2008 MIT Media Laboratory, Hiroshi Ishii
Tangible Bits
physical
digital
© 2008 MIT Media Laboratory, Hiroshi Ishii
Tangible Bits
Physical embodiment ofdigital information and computation
© 2008 MIT Media Laboratory, Hiroshi Ishii
Eyes are in charge, but hands are underemployed.
© 2008 MIT Media Laboratory, Hiroshi Ishii
Orrery: Tangible Representation of Knowledge
Aesthetics which value haptic interaction with specialized physical objects ... but much richness has been lost.
© 2008 MIT Media Laboratory, Hiroshi Ishii
計算Compute
© 2008 MIT Media Laboratory, Hiroshi Ishii
Abacus: Origin of Tangible Bits
Hiroshi ISHII, born 2/4/56 Alisa ISHII, born 9/1/04
© 2008 MIT Media Laboratory, Hiroshi Ishii
1997Tangible Bits paperpresented at CHI ‘97
© 2008 MIT Media Laboratory, Hiroshi Ishii
1997March 22-27, 1997
“Tangible Bits” paper presented at CHI ‘97 in Atlanta
© 2008 MIT Media Laboratory, Hiroshi Ishii
Tangible Bits (TUI)
Graphical User Interface• Intangible representation
(pixels on a screen) +• Generic input devices as “remote-controllers”
Tangible User Interface• Tangible representation as interactive control
mechanism to manipulate the information and computation
• Continuity between physical and digital representation in design
Urp running on the Sensetable
Xerox Star
© 2008 MIT Media Laboratory, Hiroshi Ishii
4tangibles
© 2008 MIT Media Laboratory, Hiroshi Ishii© 2008 MIT Media Laboratory, Hiroshi Ishii
art& science
© 2008 MIT Media Laboratory, Hiroshi Ishii
art& science
© 2008 MIT Media Laboratory, Hiroshi Ishii
“The Computer for the 21st Century”
“The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it.”
Mark Weiser July 23, 1952 - April 27, 1999
© 2008 MIT Media Laboratory, Hiroshi Ishii
musicBottles (jazz)
© 2008 MIT Media Laboratory, Hiroshi Ishii
musicBottles (classical)
© 2008 MIT Media Laboratory, Hiroshi Ishii
Origin: Weather Bottle
present for my mothersoy sauce bottle in her kitchen
© 2008 MIT Media Laboratory, Hiroshi Ishii
art& science
© 2008 MIT Media Laboratory, Hiroshi Ishii
PingPongPlus Ishii, Lee, Wisneski, Orbanes 1999
• Digital augmentation of ping pong play with "reactive table."
• Ball tracking using microphone array underneath table.
• “From competition to collaboration”
• ICC, Tokyo 2000• Centre Pompidou, Paris 2003• Victoria and Albert Museum, London 2005
© 2008 MIT Media Laboratory, Hiroshi Ishii
PingPongPlus at Centre Pompidou, Paris 2003
• Digital augmentation of ping pong play with "reactive table."
• Ball tracking using microphone array underneath table.
• “From competition to collaboration”
© 2008 MIT Media Laboratory, Hiroshi Ishii
Invisibleextension of body - good fit
• customize• personalize• adapt• co-evolve
© 2008 MIT Media Laboratory, Hiroshi Ishii© 2008 MIT Media Laboratory, Hiroshi Ishii
art& science
painter = color maker
© 2008 MIT Media Laboratory, Hiroshi Ishii
I/O BrushKimiko Ryokai, Stefan Marti, & Hiroshi Ishii
© 2008 MIT Media Laboratory, Hiroshi Ishii
Explore patterns of colors and textures through familiar materials
© 2008 MIT Media Laboratory, Hiroshi Ishii
I/O Brush History ModeKimiko Ryokai, Stefan Marti, & Hiroshi Ishii
• From where the ink came from?
© 2008 MIT Media Laboratory, Hiroshi Ishii
I/O Brush History ModeKimiko Ryokai, Stefan Marti, & Hiroshi Ishii
• Capturing and weaving the (hi)story for every stroke
© 2008 MIT Media Laboratory, Hiroshi Ishii
The World as the Palette Colors in Barcelona
© 2008 MIT Media Laboratory, Hiroshi Ishii
感動inspire
© 2008 MIT Media Laboratory, Hiroshi Ishii
1997Dr. John Underkoffler
I/O Bulb & Luminous Room
© 2008 MIT Media Laboratory, Hiroshi Ishii
I/O Bulb and Luminous Room Underkoffler and Ishii, 1997 - 1999
• I/O Bulb–High resolution output, two-way
information
• Luminous Room–Multiple I/O bulbs illuminating
architectural space
© 2008 MIT Media Laboratory, Hiroshi Ishii
Urp: Urban Planning Workbench (an I/O Bulb AP)Underkoffler and Ishii, 1997 - 1999
light reflections
shadows
wind
© 2008 MIT Media Laboratory, Hiroshi Ishii
Urp: Urban Planning WorkbenchUnderkoffler and Ishii, 1997 - 1999
© 2008 MIT Media Laboratory, Hiroshi Ishii
Luminous Room with multiple I/O BulbsUnderkoffler and Ishii, 1997 - 1999
Distributed Illuminating Light
© 2008 MIT Media Laboratory, Hiroshi Ishii
Painted Bits (GUI) andTangible Bits (TUI)
Graphical User Interface• Intangible representation
(pixels on a screen) +• Generic input devices as “remote-controllers”
Tangible User Interface• Tangible representation as interactive control
mechanism to manipulate the information and computation
• Continuity between physical and digital representation in design
Urp running on the Sensetable
Xerox Star
© 2008 MIT Media Laboratory, Hiroshi Ishii
Tangible User Interface
physical
digital
© 2008 MIT Media Laboratory, Hiroshi Ishii
5future
© 2008 MIT Media Laboratory, Hiroshi Ishii
2054Minority Report
© 2008 MIT Media Laboratory, Hiroshi Ishii
Minority © 2008 MIT Media Laboratory, Hiroshi Ishii
Minority
© 2008 MIT Media Laboratory, Hiroshi Ishii
Minority Report
© 2008 MIT Media Laboratory, Hiroshi Ishii
© 2008 MIT Media Laboratory, Hiroshi Ishii
Future
© 2008 MIT Media Laboratory, Hiroshi Ishii
SF
© 2008 MIT Media Laboratory, Hiroshi Ishii
2008Future is now
© 2008 MIT Media Laboratory, Hiroshi Ishii
2008Future is now
December 8th, 2008Program for the Future
The Tech Museum of InnovationSan Jose, CA
© 2008 MIT Media Laboratory, Hiroshi Ishii
Ggesture
© 2008 MIT Media Laboratory, Hiroshi Ishii
Ggesture
© 2008 MIT Media Laboratory, Hiroshi Ishii
g-speak
Oblong Industries
© 2008 MIT Media Laboratory, Hiroshi Ishii
Airborne Warning And Control System
© 2008 MIT Media Laboratory, Hiroshi Ishii
Airborne Warning And Control System
Early Warning System
© 2008 MIT Media Laboratory, Hiroshi Ishii
Early Warningsfor the Future
MIT Media Lab
© 2008 MIT Media Laboratory, Hiroshi Ishii
Future is not to predict, but to invent. Alan Kay
2008g-speak%#$#%
© 2008 MIT Media Laboratory, Hiroshi Ishii
Engelbart’s Beaconto the Future
1997TBits
1981Star1968
NLS demo
2054Minority Report
future
© 2008 MIT Media Laboratory, Hiroshi Ishii
The Future is Already Here - It's Just Not Evenly Distributed.
William Gibson
© 2008 MIT Media Laboratory, Hiroshi Ishii
未来Future
© 2008 MIT Media Laboratory, Hiroshi Ishii
Today
today
© 2008 MIT Media Laboratory, Hiroshi Ishii
2050
today 2050
© 2008 MIT Media Laboratory, Hiroshi Ishii
2100
today 2050 2100
© 2008 MIT Media Laboratory, Hiroshi Ishii
2200
today2050 2100
2200
© 2008 MIT Media Laboratory, Hiroshi Ishii
How do you want to be remembered by people living in 2200? What will you leave for them? �
today2050 2100
2200
© 2008 MIT Media Laboratory, Hiroshi Ishii
死後memento mori
© 2008 MIT Media Laboratory, Hiroshi Ishii
未来Future
© 2008 MIT Media Laboratory, Hiroshi Ishii
Thanks to my hero, Doug Engelbart!
Hiroshi IshiiTangible Media Group MIT Media Laboratoryhttp://tangible.media.mit.edu/
© 2008 MIT Media Laboratory, Hiroshi Ishii
Thanks!
Hiroshi IshiiTangible Media Group MIT Media Laboratoryhttp://tangible.media.mit.edu/
© 2008 MIT Media Laboratory, Hiroshi Ishii