thursday week 10: synthesis theory and practice of...

30
Thursday Week 10: Synthesis 1 Theory and Practice of Tangible User Interfaces Synthesis Mapping between the input and output space week 10

Upload: others

Post on 03-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Thursday Week 10: Synthesis

30

Theory and Practice of Tangible User Interfaces

Let’s get started!