This workshop will cover: an introduction to wearable design, basic electronic knowledge for soft circuitry, wearable lo-fi-prototyping and physical computing prototyping methods, and some case studies. Feel free to bring any wearable ideas, WIP wearable projects, and circuits that you want to turn into wearable ones to this workshop to discuss.

1. WEARABLE DESIGN AND
PROTOTYPING
ITP Camp 2017
Jingwen Zhu

2. WHAT IS
WEARABLE

3. WEARABLES
E-TEXTILES
SMART-TEXTILES
FASHIONABLE TECHNOLOGY
SOFT CIRCUITRYWEARABLE TECHNOLOGY
WEARABLE ELECTRONICS

4. WEARABLE

5. ELECTRONICS WEARABLE ELECTRONICS
E-textiles, smart textiles

6. SENSORY TECHNOLOGY

7. FASHION & TECHNOLOGY

8. SEEING & MEDIATED REALITY

9. NARRATIVE CLIP

10. HEARING & FEELING/TOUCHING

11. TACTILU
Feel touch from
loved one who is
away

12. EMBRACE-ME

13. IDENTITY

14. WELLBEING

15. INTIMACY & COMMUNICATION

16. TIME,SPACE,LOCATION&DISTANCE
Take me home, GPS shoes

17. FASHION DILEMMAS

18. MATERIALS

20. FASHION TECHNIQUES
Sewing, draping, design

21. ELECTRONIC BASICS

22. MICROCONTROLLERS

23. INPUT & OUTPUT

24. SOFT CIRCUITRY
Becky Stern’s Lilypad Embroidery

25. PROGRAMMING

26. CONNECTED WEARABLES

27. ELECTRICITY:
THE BASICS

28. ELECTRICITY
➤ The flow of electrical energy
➤ Two elements: power source + components

29. POWER SOURCE
AC: alternating current DC: direct current

30. POWER SOURCE
Coin Cell Battery
Lithium Polymer (LiPo) Battery

31. Power
+
Ground
-

32. COMPONENTS
➤ Sensors: convert other energy to electrical energy (input)
➤ Actuators: convert electrical energy to other forms (output)

33. SENSORS
• Switch, knob, button
• Light sensor: photocell
• Sound: Microphone

35. SENSORS
• Accelerometers: movement
• Gyroscope: rotation
• Flex sensor: bend
• Force sensor(FSR): pressure
• Stretch sensor

36. ACTUATORS
• Light: LEDs
• Movement: motors
LEDs Sewable LED sequins
Neopixel
smart RGB LEDs

37. RESISTORS
• color means resistance(value)
• talk about it later

38. CONDUCTORS
• power, components and conductive connections.
Wire Alligator clips

39. CIRCUIT: POWER + COMPONENT + CONNECTION

40. PROTOTYPE YOUR FIRST LED CIRCUIT

41. MATERIALS & COMPONENTS

42. CONDUCTIVE THREAD
Pros:
• easy to use
• multiple functions
Cons:
• easily get short circuit
Tips:
• carefully finish
• insulation

43. CONDUCTIVE FABRICS
Pros:
• large size
• different tools
• different textile
Cons:
• resistance
Tips:
• iron on / vinyl cut
• for making buttons and switches

44. CONDUCTIVE FABRIC TAPE
• Not copper tape
Pros:
• longer length
• adhesive
Cons:
• limited width
Tips:
• use it to run route for LEDs

45. CONDUCTIVE RIBBON
Pros:
• sewing machine
• 3 wires
• solderable
Cons:
• not easy to solder
• only 3 wires
Tips:
• make a tube to insulate it

46. SEWABLE LEDS

47. SEWABLE BATTERY HOLDERS

48. SEWABLE BUTTONS & SWITCHES

49. SEWABLE MICROCONTROLLERS
Flora Lilypad

50. SEWABLE SENSORS

51. MULTIPLE FLORA SENSORS
➤ Accelerometer/Gyroscope
➤ Light
➤ Color
➤ GPS

52. NEOPIXELS

54. GETTING STARTED WITH SOFT CIRCUITRY
SUNDAY, JUNE 18
3-5PM

55. WEARABLE DESIGN PROCESS

56. PROJECT PROCESS
➤ ideation
➤ research
➤ refine
➤ prototype
➤ production

58. IDEATION

59. IDEATION

60. IDEATION

62. LOFI PROTOTYPE
• Size?
• Look?

63. DIAGRAM
• Components?
• Connections?

64. COMPONENT POSITIONING
• Enough space?
• Comfortable?
• Easy to access?

65. CIRCUIT PROTOTYPE & MATERIAL TEST
• Flora/lilypad: alligator clips

66. PRODUCTION
➤ Finalize circuit
➤ Soldering
➤ Sewing

67. USEFUL RESOURCES

68. TOOLS AND COMPONENTS
Adafruit - electronic components and tools (werarable electronics, conductive fabrics
and threads)
Sparkfun - electronic components (some other components)
Tinkersphere - electronics supplies, East Village
LittleBits - modular electronics
Amazon - electronic tools and crafting tools
LessEMF.com - Conductive fabrics

69. SEWING AND CRAFTING
Mood Fabrics - fashion fabrics, supplies for wearables
B&J Fabrics - fabrics, supplies for wearables
Spandex World - spandex
M&J Trimmings / Pacific Trimmings - buttons, zippers, fasteners…
Canal Rubber - Latex, foam
Lion Brand Studio - Yarn

70. ART SUPPLIES
• Blick - art supplies
• Utretch - art supplies
• New York Central - art supplies
• Michael's

71. TUTORIALS
• https://www.arduino.cc/
• https://learn.sparkfun.com/
• https://learn.adafruit.com/
• http://www.instructables.com/
• http://www.kobakant.at/DIY/
• Google!
• Craftsy

72. INSPIRATIONS
• http://eyeofestival.com/
• http://www.creativeapplications.net/
• http://thecreatorsproject.vice.com/en_us
• http://www.wired.com/
• https://www.wareable.com/
• https://www.dezeen.com/tag/wearable-technology/

73. STUDIOS
• http://www.studio-xo.com/
• http://www.loomia.co/
• https://www.wearablemedia.studio/
• http://wearablex.com/