method at etsy: intro to physical computing

74
For Etsy 2011 Hello Etsy Labs!

Upload: fahrenheit-212

Post on 16-Apr-2017

2.926 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Hello Etsy Labs!

Page 2: Method at Etsy: Intro to Physical Computing

For Etsy 2011

We’re Method

2

Page 3: Method at Etsy: Intro to Physical Computing

For Etsy 2011

MethodWe are a design & innovation consultancy. We solve business challenges through design thinking and create inspired products, services and brands.

3

Page 4: Method at Etsy: Intro to Physical Computing
Page 5: Method at Etsy: Intro to Physical Computing

San Francisco

New York

London

Page 6: Method at Etsy: Intro to Physical Computing

We brainstorm.

Page 7: Method at Etsy: Intro to Physical Computing

We collaborate.

Page 8: Method at Etsy: Intro to Physical Computing

We ideate.

Page 9: Method at Etsy: Intro to Physical Computing

We create.

Page 10: Method at Etsy: Intro to Physical Computing

And we explore.

Page 11: Method at Etsy: Intro to Physical Computing
Page 12: Method at Etsy: Intro to Physical Computing
Page 13: Method at Etsy: Intro to Physical Computing
Page 14: Method at Etsy: Intro to Physical Computing
Page 15: Method at Etsy: Intro to Physical Computing

For Etsy 2011

What isphysical computing?

15

Page 16: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Physical Computing is the digital meeting the physical.

16

Page 17: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Through software and code, we can elicit analog and reactive responses from hardware.

17

Page 18: Method at Etsy: Intro to Physical Computing

For Etsy 2011

We can communicate between the computer and hardware, opening up greater possibilities.

18

Page 19: Method at Etsy: Intro to Physical Computing

Introducingthe Arduino

Page 20: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Arduino is an open-source electronics prototyping platform based on flexible, easy-to-use hardware and software.

20

Page 21: Method at Etsy: Intro to Physical Computing

For Etsy 2011

There are different types of Arduino, designed specifically for varying projects. They can be miniature, round, and flexible.

21

Page 22: Method at Etsy: Intro to Physical Computing

For Etsy 2011

The microcontroller on the board is programmed using the Arduino programming language, which is based on Processing.

22

Page 23: Method at Etsy: Intro to Physical Computing

For Etsy 2011

In simple terms, the code controls the output, allowing us to communicate between the computer and Arduino, opening up greater possibilities.

23

Page 24: Method at Etsy: Intro to Physical Computing

For Etsy 2011 24

laptop

sensorREADS

provides actionable input from the environment

actuatorACTIVATES

causes a physical effect

in a nutshell...

CODE tells it how to behave

Page 25: Method at Etsy: Intro to Physical Computing

For Etsy 2011 25

READSprovides actionable input

from the environment

in a nutshell...

CODE tells it how to behave

ACTIVATEScauses a physical effect

Page 26: Method at Etsy: Intro to Physical Computing

For Etsy 2011

How is physical computing being used?

26

Page 27: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Physical computing is being utilized by designers, artists, and technologists to create reactive and interactive products.

27

Page 28: Method at Etsy: Intro to Physical Computing

Play: Wearables Confidential 28

healthsocial/playprotectionmodularityflexibilityadaptabilityawareness

Page 29: Method at Etsy: Intro to Physical Computing

Play: Wearables Confidential 29

healthsocial/playprotectionmodularityflexibilityadaptabilityawareness

Page 30: Method at Etsy: Intro to Physical Computing

Play: Wearables Confidential 30

healthsocial/playprotectionmodularityflexibilityadaptabilityawareness

Page 31: Method at Etsy: Intro to Physical Computing

Play: Wearables Confidential 31

healthsocial/playprotectionmodularityflexibilityadaptabilityawareness

Page 32: Method at Etsy: Intro to Physical Computing

Play: Wearables Confidential 32

healthsocial/playprotectionmodularityflexibilityadaptabilityawareness

Page 33: Method at Etsy: Intro to Physical Computing

Play: Wearables Confidential 33

healthsocial/playprotectionmodularityflexibilityadaptabilityawareness

Page 34: Method at Etsy: Intro to Physical Computing

For Etsy 2011

There are several types of inputs: i.e. code, switches or sensors

34

Page 35: Method at Etsy: Intro to Physical Computing

For Etsy 2011

A switch is a device for making and breaking the connection in an electric circuit. This allows us to control when and how the hardware responds.

35

Page 36: Method at Etsy: Intro to Physical Computing

A switch completes the circuit, turning the output on or off.

Page 37: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Circuits

Creating a closed circuit

37

+

-

Battery(Power source)

Switch(Open: circuit is not connected)

Output(Off)

+

-

Battery(Power source)

Switch(Closed: circuit is complete)

Output(On)

Page 38: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Sensors allow for sensing of and responding to the physical world. This makes reactions from the hardware possible.

38

Page 39: Method at Etsy: Intro to Physical Computing

This heart rate sensor gathers informationabout the user.

Page 40: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Gesture and movement can be a mechanism for interaction through the use of cameras, the Kinect,and accelerometers.

40

Page 41: Method at Etsy: Intro to Physical Computing

This heart rate sensor gathers informationabout the user.

The Kinect senses gesturesand movements.

Page 42: Method at Etsy: Intro to Physical Computing

For Etsy 2011

There are multiple outputs of physical computing, including light, sound, motion, and image.

42

Page 43: Method at Etsy: Intro to Physical Computing

A basic outputis turning onan LED light.

Page 44: Method at Etsy: Intro to Physical Computing

A more complicatedoutput is this automatedgeneration of a tattoo,called Auto Ink.

Page 45: Method at Etsy: Intro to Physical Computing

For Etsy 2011

You’ve seen and probably already interacted with physical computing.

45

Page 46: Method at Etsy: Intro to Physical Computing

Gaming Devices

Page 47: Method at Etsy: Intro to Physical Computing

Smart Wearables

Page 48: Method at Etsy: Intro to Physical Computing

InteractiveRetail Environments

Page 49: Method at Etsy: Intro to Physical Computing

Home Products

Page 50: Method at Etsy: Intro to Physical Computing

Mobile Devices

Page 51: Method at Etsy: Intro to Physical Computing

For Etsy 2011

What we’re doing today

51

Page 52: Method at Etsy: Intro to Physical Computing

For Etsy 2011

The Memory Bracelet

Creating a mechanism for aiding in memory

Code - will tell the Arduino when to alert us (i.e. every 5 minutes)

Arduino - will tell the actuator (led, buzzer, motor) to perform so we can see the effect

The bracelet - will be a casually wearable accessory acting as a host to contain this

mechanism

52

Page 53: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Arduinos

Many types of Arduinos

for varying purposes

Today, we’ll be using the Uno.

53

Uno Lilypad

Mega Mini

Page 54: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Software

Manipulating outputs through code

by changing variables

54

Page 55: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Outputs

Many different types of outputs

55

Light: LEDs Sound: Piezo buzzers

Motion: Piezo vibrator

Page 56: Method at Etsy: Intro to Physical Computing

Step 1: Wire

Page 57: Method at Etsy: Intro to Physical Computing

Step 2: Test

Page 58: Method at Etsy: Intro to Physical Computing

Step 3: Code

Page 59: Method at Etsy: Intro to Physical Computing

Step 4: Integrate

Page 60: Method at Etsy: Intro to Physical Computing

Step 5: Refine

Page 61: Method at Etsy: Intro to Physical Computing

Step 6: Use!

Page 62: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Potential Applications

Real-world applications for your bracelet include:

62

Alert to test blood sugar Reminder to get up and stretch Prompt to take medicine

Page 63: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Extending the idea

Through hardware, sensors, and code

The next step would be to make this bracelet independent of the computer. We can hook it

up to a battery as a powersource and use smaller Arduinos such as the Lilypad to create a

free-moving memory bracelet!

63

Page 64: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Meet your facilitators

64

Page 65: Method at Etsy: Intro to Physical Computing

For Etsy 2011

ClaudiaPhysical Computing Inventor

65

Page 66: Method at Etsy: Intro to Physical Computing

For Etsy 2011

AlisWearable Technology Practitioner & Enthusiast

66

Page 67: Method at Etsy: Intro to Physical Computing

For Etsy 2011

HilalThe Computing Geek

67

Page 68: Method at Etsy: Intro to Physical Computing

For Etsy 2011

JoshOur Creative TechnologistGREEN GROUP GUIDE

68

Page 69: Method at Etsy: Intro to Physical Computing

For Etsy 2011

LindsayUniversal CrafterRED GROUP GUIDE

69

Page 70: Method at Etsy: Intro to Physical Computing

For Etsy 2011

RimarCommunication and Design EnthusiastGREY GROUP GUIDE

70

Page 71: Method at Etsy: Intro to Physical Computing

For Etsy 2011

CarolaCreative OrganizerBLUE GROUP GUIDE

71

Page 72: Method at Etsy: Intro to Physical Computing

For Etsy 2011

MikeExperience and Industrial DesignerPURPLE GROUP GUIDE

72

Page 73: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Questions?

73

Page 74: Method at Etsy: Intro to Physical Computing

For Etsy 2011

Go join your groups!