![Page 1: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/1.jpg)
Thursday Week 10: Synthesis
1
Theory and Practice of Tangible User Interfaces
SynthesisMapping between the input and output space
week 10
![Page 2: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/2.jpg)
Thursday Week 10: Synthesis
2
Theory and Practice of Tangible User Interfaces
Physical Computing
Illustration adapted and modified from O’Sullivan and Igoe
![Page 3: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/3.jpg)
Thursday Week 10: Synthesis
3
Theory and Practice of Tangible User Interfaces
Physical Computing
Illustration adapted and modified from O’Sullivan and Igoe
![Page 4: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/4.jpg)
Thursday Week 10: Synthesis
4
Theory and Practice of Tangible User Interfaces
Transducers
Output TransducersActuators (e.g., motors, piezo, etc.)
Input TransducersSensors (e.g., pot, FSR, photo sensor, etc.)
Illustration adapted and modified from O’Sullivan and Igoe
![Page 5: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/5.jpg)
Thursday Week 10: Synthesis
5
Theory and Practice of Tangible User Interfaces
Designing Tangible UI
Illustration adapted and modified from O’Sullivan and Igoe
Designing meaningful interaction loop that takes advantage of your hands and body to manipulate digital information.
![Page 6: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/6.jpg)
Thursday Week 10: Synthesis
6
Theory and Practice of Tangible User Interfaces
![Page 7: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/7.jpg)
Thursday Week 10: Synthesis
7
Theory and Practice of Tangible User Interfaces
Responding?
Thoughtless Acts
![Page 8: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/8.jpg)
Thursday Week 10: Synthesis
8
Theory and Practice of Tangible User Interfaces
![Page 9: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/9.jpg)
Thursday Week 10: Synthesis
9
Theory and Practice of Tangible User Interfaces
Come a Little Bit Closer Bench [droog, 2001]
![Page 10: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/10.jpg)
Thursday Week 10: Synthesis
10
Theory and Practice of Tangible User Interfaces
Do Hit [van der
Poll, 2001]
![Page 11: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/11.jpg)
Thursday Week 10: Synthesis
11
Theory and Practice of Tangible User Interfaces
Output
What We Feel Output Transducers
Light LEDs
Sound Piezo
speakers
Motion DC motors
Vibration Servo motors
Pager motors
LCDs
Heat
Smell
. . . . .
Input
Input Transducers What We Do
FSR Press
Potentiometer Twist
Switch Turn
Photo sensor Shake
Accelerometer Kick
Tilt sensor Stretch
IR sensor Squeeze
Pound
Stroke
. . . . .
![Page 12: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/12.jpg)
Thursday Week 10: Synthesis
12
Theory and Practice of Tangible User Interfaces
Output
What We Feel Output Transducers
Light LED
Sound Piezo
speaker
Motion DC motor
Vibration Servo motor
Balance Pager motor
Heat LCD display
Cold Projector
Smell . . . . .
. . . . .
Input
Input Transducers What We Do
FSR Press
Potentiometer Twist
Switch Turn
Photo sensor Shake
Accelerometer Kick
Tilt sensor Stretch
IR sensor Squeeze
. . . . . Pound
Scratch
. . . . .
![Page 13: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/13.jpg)
Thursday Week 10: Synthesis
13
Theory and Practice of Tangible User Interfaces
Output
What We Feel Output Transducers
Light LED
Sound Piezo
speaker
Motion DC motor
Vibration Servo motor
Balance Pager motor
Heat LCD display
Cold Projector
Smell . . . . .
. . . . .
Input
Input Transducers What We Do
FSR Press
Potentiometer Twist
Switch Turn
Photo sensor Shake
Accelerometer Kick
Tilt sensor Stretch
IR sensor Squeeze
. . . . . Pound
Scratch
. . . . .
![Page 14: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/14.jpg)
Thursday Week 10: Synthesis
14
Theory and Practice of Tangible User Interfaces
Output
What We Feel Output Transducers
Light LED
Sound Piezo
speaker
Motion DC motor
Vibration Servo motor
Balance Pager motor
Heat LCD display
Cold Projector
Smell . . . . .
. . . . .
Input
Input Transducers What We Do
FSR Press
Potentiometer Twist
Switch Turn
Photo sensor Shake
Accelerometer Kick
Tilt sensor Stretch
IR sensor Squeeze
. . . . . Pound
Scratch
. . . . .
![Page 15: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/15.jpg)
Thursday Week 10: Synthesis
15
Theory and Practice of Tangible User Interfaces
Output
What We Feel Output Transducers
Light LED
Sound Piezo
speaker
Motion DC motor
Vibration Servo motor
Balance Pager motor
Heat LCD display
Cold Projector
Smell . . . . .
. . . . .
Input
Input Transducers What We Do
FSR Press
Potentiometer Twist
Switch Turn
Photo sensor Shake
Accelerometer Kick
Tilt sensor Stretch
IR sensor Squeeze
. . . . . Pound
Scratch
. . . . .
![Page 16: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/16.jpg)
Thursday Week 10: Synthesis
16
Theory and Practice of Tangible User Interfaces
Output
What We Feel Output Transducers
Light LED
Sound Piezo
speaker
Motion DC motor
Vibration Servo motor
Balance Pager motor
Heat LCD display
Cold Projector
Smell . . . . .
. . . . .
Input
Input Transducers What We Do
FSR Press
Potentiometer Twist
Switch Turn
Photo sensor Shake
Accelerometer Kick
Tilt sensor Stretch
IR sensor Squeeze
. . . . . Pound
Scratch
. . . . .
![Page 17: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/17.jpg)
Thursday Week 10: Synthesis
17
Theory and Practice of Tangible User Interfaces
In Class Exercise
![Page 18: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/18.jpg)
Thursday Week 10: Synthesis
18
Theory and Practice of Tangible User Interfaces
Build an instrument that produces sound in response to physical manipulation.
In Class Exercise
Blue Man Group
![Page 19: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/19.jpg)
Thursday Week 10: Synthesis
19
Theory and Practice of Tangible User Interfaces
1.
Work in teams of four.
2.
The instrument should use at least 4 input devices.
The devices can be
all the same, all different, or any combination in between.
3.
Consider your instrument to be collaborative
(or even competitive).
4.
Think critically about the mapping between the input and output space.
Guideline
![Page 20: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/20.jpg)
Thursday Week 10: Synthesis
20
Theory and Practice of Tangible User Interfaces
Input Transducers
![Page 21: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/21.jpg)
Thursday Week 10: Synthesis
21
Theory and Practice of Tangible User Interfaces
Output Transducers
![Page 22: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/22.jpg)
Thursday Week 10: Synthesis
22
Theory and Practice of Tangible User Interfaces
Piezo
SpeakerOutput 1
c d e f g a b C
period
PW
PW
period
![Page 23: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/23.jpg)
Thursday Week 10: Synthesis
23
Theory and Practice of Tangible User Interfaces
Sound LibraryOutput 2
![Page 24: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/24.jpg)
Thursday Week 10: Synthesis
24
Theory and Practice of Tangible User Interfaces
![Page 25: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/25.jpg)
Thursday Week 10: Synthesis
25
Theory and Practice of Tangible User Interfaces
Actuated SoundOutput 3
![Page 26: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/26.jpg)
Thursday Week 10: Synthesis
26
Theory and Practice of Tangible User Interfaces
Animusic
![Page 27: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/27.jpg)
Thursday Week 10: Synthesis
27
Theory and Practice of Tangible User Interfaces
STOMP
![Page 28: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/28.jpg)
Thursday Week 10: Synthesis
28
Theory and Practice of Tangible User Interfaces
MappingThink critically about the mapping between the input and output space.
![Page 29: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/29.jpg)
Thursday Week 10: Synthesis
29
Theory and Practice of Tangible User Interfaces
HomeworkPost descriptions and photos (and/or video) of your instrument on the course website.
![Page 30: Thursday Week 10: Synthesis Theory and Practice of ...courses.ischool.berkeley.edu/i290-13/f07/system/files/tangible_wk10… · Thursday Week 10: Synthesis 5 Theory and Practice of](https://reader035.vdocument.in/reader035/viewer/2022081407/5f8dd233c378513593665e09/html5/thumbnails/30.jpg)
Thursday Week 10: Synthesis
30
Theory and Practice of Tangible User Interfaces
Let’s get started!