Sketching with Hardware

Day 1














GIF by Robin Davey, http://robindavey.co.uk/

Course Overview

1Monday Fundamentals, Keyboard Hacking, Experiments
2Tuesday Arduino, Project Topic
3Wednesday Brainstorming Day
4Thursday Own Project
5Friday Own Project
  Saturday
  Sunday
6Monday Own Project
7Tuesday Final Presentation, Wrap Up

Day 1

09:00 Introduction, Fundamentals
10:00 Practical Exercise
12:00 Break
13:00 Keyboard Hacks
15:00 Mini Presentation

Organization…

»You Shall…«

  • use the lab upstairs. Keep it tidy!
  • use the materials provided and/or bring your own. You might even get your money back
  • might use the laser cutter / 3D printer. Ask!
  • ask if you need anything!

Blog

Each Team

  • … has to document their project on the blog (photos, videos, text)
  • … has to make a video of their project (upload to youtube/vimeo/... and embed into blog post)
  • … has to present their project on the Open Lab Day
  • Due: 1 week after final presentation
  • → Take photos, videos all the time!

Master-Students

  • Document 1 full day ("deliverable", needed for grades)
  • Due: 1 week after final presentation
  • → Take photos, videos all day long!

What are We Doing Here?

Interaction Design

Bill Verplank – worked at Xerox 1978-1986

Video: Verplank

Mental Model
Transducers (Output)
Computer
Transducers (Input)

Physical Computing

Physical Computing

Is an approach to learning how humans communicate through computers
that starts by considering how humans express themselves physically.
Tom Igoe

Examples from SwH

Walkman Remote

Examples from SwH

Walkman Remote

Examples from SwH

Walkman Remote

Examples from SwH

Walkman Remote

Examples from SwH

Walkman Remote

Video: Walkman Remote

Examples from SwH

Grantiger Alois

Grantiger Alois (SWH 2014a)

Examples from SwH

MADLAB

MADLAB (SWH 2014a)

Examples from SwH

RESCUTE

RESCUTE (SWH 2014a)

Team Up!

Team Up!

  • 8 teams, 2 people each
  • Tech + Art
  • BA + MA (if possible)
  • Name tags

How Does Electricity Work?

Electricity is Like Water!

Circuit


(das ist übrigens ein Kurzschluss!)

Electricity

+
"where it comes from" "where it flows to"
RED BLACK
+, VCC -, GND, Ground, „Masse”, „Erde”

Really, Electricity is Just Like Water!

Voltage U [Volt]
deutsch: Spannung
Speed
Current I [Ampere]
deutsch: Stromstärke
Mass
Power P [Watt] = U * I
Resistance R [Ω]
deutsch: Widerstand
= U/I
Ohm's Law

A fast, thin shot of water hurts, but does not harm you.
A slow moving flow of water does not hurt, but is powerful.
A fast and big flow of water flushes you away!

Let it flow, make it glow!

A Simple Circuit

Metal Conducts Electricity.


Instead of wires, you can also use:

  • Aluminum Foil
  • Metal Cases (→ Bicycle)
  • Copper Plates / Copper Tape
  • Conductive Thread
  • Conductive Ink
  • Skin (partially)
  • Salty Liquids

Be creative.




Image Source: funny-pictures

Tool Time!

Breadboard

Breadboard

("Steckboard", "Prototyping Board")

Breadboard Connections

Breadboard Internals

Realistic Circuit on a Breadboard

 

Realistic Circuit

Messy VS Clean

Safety First

  • Electronics are toxic to you
  • Lead in some of the parts
  • Wash up afterwards
  • Don't eat and drink
  • Don't inhale the fumes
  • Iron gets really hot
  • You are toxic to electronics
  • Static-sensitive: don't shuffle your feet
  • Heat and force can kill circuits

Multimeter

Video by Collin Cunningham

Experiment

  • Measure the battery's Voltage
  • Check continuity on different things! (Switches, metal, Arduino Ground-Pins)

Soldering

Video by CuriousInventor.com

Switches & Buttons

On and Off…

No matter where you break it!

DIP Switch

Magnetic Switch

Tilt Switch / Ball Switch

Copper Tape = Switch

Conductive Thread

Conductive Ink

Experiment

  • Check continuity on some switches
  • Power Supply + Resistor + LED + Button
  • Arduino + Resistor + LED + Button

Resistors

Video by Collin Cunningham

Resistors: Codes

Resistors: Potentiometer

Resistors: Potentiometer

Resistors: Potentiometer

Experiment

  • Check continuity on some switches
  • Check resistance on some resistors
  • Check resistance on a potentiometer
  • Battery + Resistor + LED

Sketching Circuits

Symbols (US)

Schematic (EU)

Units

10n × Spoken Written Example
1012 1'000'000'000'000 Tera… T… TB
109 1'000'000'000 Giga… G… GHz
106 1'000'000 Mega… M…
103 1'000 Kilo… K… Km
1 1  
10-3 0,001 Milli… m… mW
10-6 0,000 001 Micro… μ… μF
10-9 0,000 000 001 Nano… n… ns
10-12 0,000 000 000 001 Pico… p… pH

You ♥ Data Sheets

Sketching Circuits

CircuitLab

https://www.circuitlab.com

Circuit Simulator

http://www.falstad.com/circuit/

EAGLE

http://www.cadsoftusa.com/eagle-pcb-design-software/

Fritzing

http://fritzing.org/news/fritzing-gets-the-bends/

"Hello, Computer!"




Quelle: UTEXAS

Example: Baseball HID

Example: Baseball HID

Example: Baseball HID

Example: Baseball HID

Example: Baseball HID

Hack a Keyboard

Now!

How a Keyboard Works

Keyboard Hacking

Keyboard Hacking

Keyboard Hacking

Keyboard Hacking

Keyboard Hacking

Keyboard Hacking

Keyboard Hacking

Keyboard Hacking

Keyboard Hacking

Keyboard Hacking

Task!

  • Design a game controller for an online game that works with the keyboard
  • Create a switch through: foil, tilt switch, coins etc.
  • Finished with presentation by 15:00

Presentation

Keyboard Hacks

Homework

sketch credits © elisa canducci

Homework: Software

  • Check out Arduino: arduino.cc
  • Download Arduino 1.0.5 IDE

MA Students: Don't forget to document!

End of Day 1