Method at Etsy: Intro to Physical Computing
-
Upload
fahrenheit-212 -
Category
Education
-
view
2.923 -
download
0
Transcript of Method at Etsy: Intro to Physical Computing
![Page 1: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/1.jpg)
For Etsy 2011
Hello Etsy Labs!
![Page 2: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/2.jpg)
For Etsy 2011
We’re Method
2
![Page 3: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/3.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/4.jpg)
![Page 5: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/5.jpg)
San Francisco
New York
London
![Page 6: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/6.jpg)
We brainstorm.
![Page 7: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/7.jpg)
We collaborate.
![Page 8: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/8.jpg)
We ideate.
![Page 9: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/9.jpg)
We create.
![Page 10: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/10.jpg)
And we explore.
![Page 11: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/11.jpg)
![Page 12: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/12.jpg)
![Page 13: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/13.jpg)
![Page 14: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/14.jpg)
![Page 15: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/15.jpg)
For Etsy 2011
What isphysical computing?
15
![Page 16: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/16.jpg)
For Etsy 2011
Physical Computing is the digital meeting the physical.
16
![Page 17: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/17.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/18.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/19.jpg)
Introducingthe Arduino
![Page 20: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/20.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/21.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/22.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/23.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/24.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/25.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/26.jpg)
For Etsy 2011
How is physical computing being used?
26
![Page 27: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/27.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/28.jpg)
Play: Wearables Confidential 28
healthsocial/playprotectionmodularityflexibilityadaptabilityawareness
![Page 29: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/29.jpg)
Play: Wearables Confidential 29
healthsocial/playprotectionmodularityflexibilityadaptabilityawareness
![Page 30: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/30.jpg)
Play: Wearables Confidential 30
healthsocial/playprotectionmodularityflexibilityadaptabilityawareness
![Page 31: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/31.jpg)
Play: Wearables Confidential 31
healthsocial/playprotectionmodularityflexibilityadaptabilityawareness
![Page 32: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/32.jpg)
Play: Wearables Confidential 32
healthsocial/playprotectionmodularityflexibilityadaptabilityawareness
![Page 33: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/33.jpg)
Play: Wearables Confidential 33
healthsocial/playprotectionmodularityflexibilityadaptabilityawareness
![Page 34: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/34.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/35.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/36.jpg)
A switch completes the circuit, turning the output on or off.
![Page 37: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/37.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/38.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/39.jpg)
This heart rate sensor gathers informationabout the user.
![Page 40: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/40.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/41.jpg)
This heart rate sensor gathers informationabout the user.
The Kinect senses gesturesand movements.
![Page 42: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/42.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/43.jpg)
A basic outputis turning onan LED light.
![Page 44: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/44.jpg)
A more complicatedoutput is this automatedgeneration of a tattoo,called Auto Ink.
![Page 45: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/45.jpg)
For Etsy 2011
You’ve seen and probably already interacted with physical computing.
45
![Page 46: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/46.jpg)
Gaming Devices
![Page 47: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/47.jpg)
Smart Wearables
![Page 48: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/48.jpg)
InteractiveRetail Environments
![Page 49: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/49.jpg)
Home Products
![Page 50: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/50.jpg)
Mobile Devices
![Page 51: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/51.jpg)
For Etsy 2011
What we’re doing today
51
![Page 52: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/52.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/53.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/54.jpg)
For Etsy 2011
Software
Manipulating outputs through code
by changing variables
54
![Page 55: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/55.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/56.jpg)
Step 1: Wire
![Page 57: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/57.jpg)
Step 2: Test
![Page 58: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/58.jpg)
Step 3: Code
![Page 59: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/59.jpg)
Step 4: Integrate
![Page 60: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/60.jpg)
Step 5: Refine
![Page 61: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/61.jpg)
Step 6: Use!
![Page 62: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/62.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/63.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/64.jpg)
For Etsy 2011
Meet your facilitators
64
![Page 65: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/65.jpg)
For Etsy 2011
ClaudiaPhysical Computing Inventor
65
![Page 66: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/66.jpg)
For Etsy 2011
AlisWearable Technology Practitioner & Enthusiast
66
![Page 67: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/67.jpg)
For Etsy 2011
HilalThe Computing Geek
67
![Page 68: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/68.jpg)
For Etsy 2011
JoshOur Creative TechnologistGREEN GROUP GUIDE
68
![Page 69: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/69.jpg)
For Etsy 2011
LindsayUniversal CrafterRED GROUP GUIDE
69
![Page 70: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/70.jpg)
For Etsy 2011
RimarCommunication and Design EnthusiastGREY GROUP GUIDE
70
![Page 71: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/71.jpg)
For Etsy 2011
CarolaCreative OrganizerBLUE GROUP GUIDE
71
![Page 72: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/72.jpg)
For Etsy 2011
MikeExperience and Industrial DesignerPURPLE GROUP GUIDE
72
![Page 73: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/73.jpg)
For Etsy 2011
Questions?
73
![Page 74: Method at Etsy: Intro to Physical Computing](https://reader031.fdocuments.us/reader031/viewer/2022022415/53f9110e8d7f72d40e8bab9a/html5/thumbnails/74.jpg)
For Etsy 2011
Go join your groups!