physical interaction design - haw hamburgubicomp/...sebastian gregor – aw2 motivation emotional...

Physical Interaction DesignPhysical Interaction DesignSebastian Gregor

INF-M3 – Anwendungen2 (WS 08/09)

Department Informatik

HAW Hamburgg

03. Dezember 2008

Sebastian Gregor – AW2

OutlineOutline

MotivationPhidget d.toolsGainerArduino / WiringArduino / WiringSummary

2

Sebastian Gregor – AW2

MotivationMotivation

Pentiment Summer Course 2008▫ Wearable Computing / E-Textiles (Eyal Sheffer)

Cooperation Design Department▫ Master Project „Emotional Tent“aste oject „ ot o a e t

3

Sebastian Gregor – AW2

MotivationMotivationEmotional Tent:- react on visitors- visitors make the organism come alive

diff t b j t- different sub-projects:- Interactiv Skin- Tunnel- Cocoons- Five Senses- Swarm- Fluffy- LED Wall + Jacket

4

Sebastian Gregor – AW2

MotivationMotivationExperiences:p

artists have great ideas

whole different culturewhole different culturedifferent way of doing things and starting projectsmisunderstandings

need to assamble electronic parts to electronic circuitsfew have knowledge about electronics in generalfew have soldering experiences

need to integrate microcontroller gbut few can program a MCU

5

Sebastian Gregor – AW2

PhidgetPhidget„Physical widgets for prototyping physical user interfaces“„ y g p yp g p yresearch project in 2001 University of CalgaryS l G b d Ch t Fit h ttSaul Greenberg and Chester Fitchett

Phidgets, Inc. (www.phidget.com) produces electronic components

6

Sebastian Gregor – AW2

PhidgetPhidgetUSB Moduls for sensing and controlgUSB API for Programminglibraries for:

Flash / FlexFlash / Flex

Max / Msp

Java

.Net

Python

Labview

Matlab

Mi f R b i S diMicrosoft Robotics Studio

…[http://www.phidget.com]

7

Sebastian Gregor – AW2

d toolsd.toolsHCI Group at StanfordHCI Group at Stanforddeveloped 2005 by B. Hartmann, S. R. Klemmer, et al.

d.tools was built to support design thinking rather than implementation tinkering.

hardware and software platform

pp g g p g[http://hci.stanford.edu/dtools/]

hardware and software platforminitial prototype with Flash and Phidgetsnow plug-in for Eclipse with its own h d l fhardware platformprototyping through statecharts

8[http://hci.stanford.edu/dtools/]

Sebastian Gregor – AW2

d toolsd.tools

[http://hci.stanford.edu/dtools/][http://hci.stanford.edu/dtools/]

several componentseach with own microcontroller

b h f master observes the presents of componentsinform PC through OpenSoundControl (OSC)

9

Sebastian Gregor – AW2

d toolsd.tools

10[http://hci.stanford.edu/dtools/]

Sebastian Gregor – AW2

d toolsd.toolsHCI Group at StanfordHCI Group at Stanforddeveloped 2005 by B. Hartmann, S. R. Klemmer, et al.

d.tools was built to support design thinking rather than implementation tinkering.

hardware and software platform

pp g g p g[http://hci.stanford.edu/dtools/]

hardware and software platforminitial prototype with Flash and Phidgetsnow plug-in for Eclipse with its own h d l fhardware platformprototyping through statecharts

11

Sebastian Gregor – AW2

d toolsd.tools

Ref 5[http://hci.stanford.edu/dtools/]

12

Sebastian Gregor – AW2

d toolsd.toolsHCI Group at StanfordHCI Group at Stanforddeveloped 2005 by B. Hartmann, S. R. Klemmer, et al.

d tools was built to support design thinking rather than implementation

hardware and software platform

d.tools was built to support design thinking rather than implementation tinkering. [http://hci.stanford.edu/dtools/]

hardware and software platforminitial prototype with Flash and Phidgetsnow plug-in for Eclipse with its own h d l fhardware platformprototyping through statecharts

13[http://hci.stanford.edu/dtools/]

Sebastian Gregor – AW2

d toolsd.tools

14[http://hci.stanford.edu/dtools/]

Sebastian Gregor – AW2

GainerGainerproject launched 2005 in Japanproject launched 2005 in Japanteam leader Shigeru KOBAYASHIopen-source

O l fRef 6

IO – Platform:a PSoC microcontroller (CY8C29466, Cypress) a USB-to-UART bridge (FT232RL, FTDI)

[http://gainer.cc]

an I/O module PCB board (original) resistors, capacitors, LEDs and so on

Software Libraries:Flash Max/MSP Processing

15

Sebastian Gregor – AW2

Arduino / WiringArduino / WiringWiring developed from Hernando Barragán 2003 (Interaction Design Institute Ivrea)small IO – Board based on Atmel MCUbased on Wiring the international Arduino Projekt was launchedbased on Wiring the international Arduino Projekt was launched

16

Ref 7

[http://www.arduino.cc][http://www.arduino.cc]

Sebastian Gregor – AW2

Arduino / WiringArduino / WiringIO – Board complete open-sourcecan communicate with Flash, Processing, Max/MSP,…but also stand alone programming environment based on ProcessingProcessing

17[http://www.arduino.cc]

Sebastian Gregor – AW2

Arduino / WiringArduino / Wiringuser writes SketchesC like languageuploading to IO – Board by clicking on the upload buttonclicking on the upload buttonBoot loader on Atmel starts Sketchcommunication through USB –Serial converter

environment extendable by writing lib ilibraries

18[http://www.arduino.cc]

Sebastian Gregor – AW2

Arduino / WiringArduino / Wiringdevelopment environment runs on Windows, OS X and Linuxsimple and clear extensible (Shields)several sensors and actors availableseveral sensors and actors availablehuge community several tutorials and libraries

interesting related projects

[http://www.sparkfun.com][http://www.sparkfun.com]

19

[http://www.sparkfun.com]

Sebastian Gregor – AW2

Arduino / WiringArduino / WiringLilyPad:

microcontroller board designed for wearablesdeveloped by Leah BuechleyUniverity of Colorado 2007Univerity of Colorado 2007can be sewn to fabricavailable as of October 2007 from Spark Funfully Arduino compatiblefully Arduino compatibleSpark Fun has developed a lot of different sensors

[http://www.sparkfun.com]

and actors

20

[http://www.cs.colorado.edu/~buechley/]

Sebastian Gregor – AW2

Arduino / WiringArduino / WiringFritzing:

open-source initiativestarted October 2007 University of Applied Science y ppPotsdam

support designers and …support designers and artists to take the step from physical prototyping to actual productto actual product.

[http://www.fritzing.org/][http://www.fritzing.org/]

21

Sebastian Gregor – AW2

SummarySummarya lot of different toolsPhidget hardware only / no programming environmentd.Tool no hardware available / graphical programming environment / testing and analyzing tools integratedenvironment / testing and analyzing tools integratedGainer complete open-source / libraries for Flash, Max / MSP, Processing / no programming environmentWiring / Arduino complete open-source/ programming environment / huge community and sub – project

Arduino most commonly used by artistsmissing graphical programming and simulation environment

22

Sebastian Gregor – AW2

Have a look atHave a look at

Emotional Tent: www.ambientawareness.orgPhidget Projekt: http://grouplab.cpsc.ucalgary.ca/phidgetsPhid t I hid tPhidget Inc.: www.phidget.comd.tools: http://hci.stanford.edu/dtools/Gainer: http://gainer.ccp //gWiring: http://wiring.org.co/Arduino: http://www.arduino.cc/Lil d htt // b di it d / l h/Lil P d/i d ht lLilypad: http://web.media.mit.edu/~leah/LilyPad/index.htmlFritzing: http://www.fritzing.org/

23

Sebastian Gregor – AW2

LiteratureLiterature[1] ARDUINO: Arduino Homepage. –

h // d ihttp://www.arduino.cc

[2] BUECHLEY, Leah: A Construction Kit for Electronic Textiles. In: 10th IEEE International

Symposium on Wearable Computers (2006), Oktober, S. 83 – 90Symposium on Wearable Computers (2006), Oktober, S. 83 90

[3] BUECHLEY, Leah ; EISENBERG, Michael: The LilyPad Arduino: Toward Wearable Engineering

for Everyone. In: Pervasive Computing, IEEE (2008), April, S. 12 – 15

[4] BUECHLEY, Leah ; ELUMEZE, Nwanua ; DODSON, Camille ; EISENBERG, Michael: Quilt

Snaps: A Fabric Based Computational Construction Kit. In: Proceedings of the 2005

IEEE International Workshop on Wireless and Mobile Technologies in Education 2005IEEE International Workshop on Wireless and Mobile Technologies in Education, 2005

24

Sebastian Gregor – AW2

LiteratureLiterature[5] EISENBERG, Michael ; EISENBERG, Ann ; BUECHLEY, Leah ; ELUMEZE, Nwanua: Invisibility

C id d H f l R i i i T di i l P i i l f Ubi i C i iConsidered Harmful: Revisiting Traditional Principles of Ubiquitous Computing in

the Context of Education. In: Wireless, Mobile and Ubiquitous Technology in Education

(2006), November, S. 103 – 110

[6] FITCHETT, Chester ; GREENBERG, Saul: The Phidget Architecture: Rapid Development

of Physical User Interfaces. In: Workshop ApplicationModels and Programming Tools

for Ubiquitous Computing, 2001

[7] FRITZING: Fritzing Homepage. –

http://www.fritzing.org

[8] GAINER: Gainer Homepage. –

http://gainer.cc/

25

Sebastian Gregor – AW2

LiteratureLiterature

[9] HARTMANN Björn ; KLEMMER Scott R ; BERNSTEIN Michael ; ABDULLA Leith ; BURR[9] HARTMANN, Björn ; KLEMMER, Scott R. ; BERNSTEIN, Michael ; ABDULLA, Leith ; BURR,Brandon ; ROBINSON-MOSHER, Avi ; GEE, Jennifer: Reflective Physical Prototypingthrough Integrated Design, Test, and Analysis. In: Proceedings of UIST, 2006

h l d l[10] HARTMANN, Björn ; KLEMMER, Scott R. ; BERNSTEIN, Michael ; MEHTA, Nirav: d.tools:Visually Prototyping Physical UIs through Statecharts. In: Extended Abstracts of UIST2005, 2005

[11] INC., Phidget: Phidget Homepage. –http://www.phidget.com

[12] KLEMMER Scott R ; HARTMANN Bjoern ; TAKAYAMA Leila: How Bodies Matter: Five[12] KLEMMER, Scott R. ; HARTMANN, Bjoern ; TAKAYAMA, Leila: How Bodies Matter: FiveThemes for Interaction Design. In: Proceedings of DIS, 2006

[13] WIRING: Wiring Homepage. –htt // i ihttp://wiring.org.co

26

Sebastian Gregor – AW2

Questions?Questions?

27