Creating inter-�active hardware
prototypes �without code
Workshop
Olivier Brückner�blokdots
@blokdots
blokdots.com
Hello!
Olivier Brückner
@olivierbrcknr
olivierbrueckner.de
hello@olivierbrueckner.de
Hello!
👋
Kurze Vorstellungsrunde:
Wie heißt du?
Woran möchtest du dieses Semester arbeiten?
Warm up
Blink, blink, blink.
Vorbereitung
Download blokdots
Bitte lade dir blokdots herunter
link.blokdots.com / hm
blokdots.com
Vorbereitung
link.blokdots.com / hm
Google Docs File
In diesem Dokument findest du alles was du für die Workshops brauchst
💻
—— DEMO ——
Warm up
Blink, blink, blink.
🎉
Was haben wir heute vor? 🔧
Zeitplan
4. April
11. April
18. April
Hallo!
Mit blokdots arbeiten
Eigene Projekte
Show + Tell
Projektarbeit
"
"
Show + Tell
17:00
18:00
19:00
20:00
Connected Products
ProtoPie × blokdots
Eigene Projekte
Show + Tell
HEUTE
Wie kam es zu blokdots? 📖
Foto: Pascal Dreier
Foto: Pascal Dreier
Was ist das Konzept von blokdots?
Prototyping Connected Products
Was haben wir heute vor?
Software
Prototyping Connected Products
Prototyping + Sketching
Hardware
Was haben wir heute vor?
Software
Prototyping Connected Products
Prototyping + Sketching
Hardware
Was haben wir heute vor?
Kopf
(neues) Wissen
Skizze/Sketch
Darstellung
Erstellen
Sehen dass…
Lesen
Sehen als…
Buxton, Bill (2007). Sketching User Experiences: Getting the Design Right and the Right Design. S. 114
Prototyping + Sketching
Prototyping + Sketching
Frage
Hypothese
Prototyp
Antwort
Prototyping + Sketching
Prototyping + Sketching
Prototyping + Sketching
schnell
billig
ersetzbar
hilfreich
einfach
Gute Skizzen sind
Buxton, Bill (2007). Sketching User Experiences: Getting the Design Right and the Right Design. S. 111
Software
Prototyping Connected Products
Prototyping + Sketching
Hardware
What is this Workshop about?
The Arduino Platform
https://a.pololu-files.com/picture/0J7808.1200.jpg?8a7bee07ca7ffbb11e11f74e99f5c3a9
Die Arduino Platform
3.3V/5V
GND
Vin
Analog In (A0-A5)
Digital (0-13)
RX/TX (Serial)
Digital pwm~ (3,5,6,9,10,11)
D13
USB
DC in
Typisches Arduino mit Breadboard
2
http://johnny-five.io/api/button/
Typisches Arduino mit Breadboard
Grove System: Shield und Komponenten
Grove System: Starter Kit
Arduino Mikroprozessor�Board (Seeeduino Lotus)
Grove Shield
10 Grove Komponenten
Grove System
Types of Electronic Components
Digital Pins
Analog Pins
I2C Pins
0
1023
0
1
Digital Pins (pwm)
0
1
0
1
1 0 1 0 0 0 1 1
Arduino Programmieren
Arduino Programmieren
Software
Prototyping Connected Products
Prototyping + Sketching
Hardware
Was haben wir heute vor?
Connected Products
Connected Products
Weniger reden, mehr machen! 💻
Vorbereitung
link.blokdots.com / hm
Google Docs File
In diesem Dokument findest du alles was du für die Workshops brauchst
Beispiele
Zeituhr
Timer
(control)
Button
Buzzer
Dimmbares Licht
Potentiometer
LED
Mapping
Control Components
LED Warnleuchte
IFTTT
Accelerometer
LED
Buzzer
💻
—— DEMO ——
Setze deine🎚 Idee um💡
✂️
Scheren
🖍
Stifte
📦
Pappe
Build your own idea
Lass dir keine Grenzen setzen durch die Komponenten!
Benutze alles um dich herum, um deine Skizze zu bauen!
🖇
Büroklammern
❓
Deine geheime Zutat
💡
Eine (1) Idee �pro Post-It
🖊
Sharpie oder Edding
🔍
Groß und leserlich schreiben
Build your own idea
Brainstorming Post-It Guidelines:
Damit wir alle Ideen sehen können ;)
📽
—— SHOWTIME ——
Zusammen- fassung 🧾
Zusammenfassung
… etwas über Hardware gelernt
… gelernt wie �man blokdots benutzt
… und unsere ersten eigenen Prototypen erstellt!
Wir haben …
Ausblick
… verbinden blokdots mit ProtoPie
… bauen connected Products
Wir …
Vorbereitung
Bitte lade dir ProtoPie + ProtoPie Connect herunter
Damit wir nächste Woche direkt anfangen können :)
link.blokdots.com / hm
TAG 2
Zeitplan
4. April
11. April
18. April
Hallo!
Mit blokdots arbeiten
Eigene Projekte
Show + Tell
Projektarbeit
"
"
Show + Tell
17:00
18:00
19:00
20:00
Connected Products
ProtoPie × blokdots
Eigene Projekte
Show + Tell
HEUTE
Was ist ProtoPie? 🍰
ProtoPie × blokdots
ProtoPie × blokdots
🎛
📱
ProtoPie Principle
Trigger
Auslöser
Object
Element
Response
Reaktion
ProtoPie Principle
ProtoPie Principle
Trigger
Auslöser
Response
Reaktion
ProtoPie Principle
ProtoPie × blokdots
Download ProtoPie
Bitte lade dir ProtoPie und ProtoPie Connect herunter
protopie.io/download
protopie.io/download#connect-download
link.blokdots.com / hm
ProtoPie × blokdots
Bei ProtoPie Enterprise einloggen
Damit es funktioniert, gib bitte diese Daten ein
Klicke unten auf �“ProtoPie Enterprise”
Gib hier diese URL ein:
gcs-ce.protopie.cloud
Email Address�<deine email adresse>
link.blokdots.com / hm
ProtoPie × blokdots
Download ProtoPie Player
Bitte lade dir ProtoPie Player auf dein Smartphone
iOS
Android
link.blokdots.com / hm
ProtoPie × blokdots
Unser lokales WLAN
Wir brauchen das für uneingeschränkte Kommunikation, �zuhause sollte das ohne gehen
SSID
Passwort
megolla
ludens_5_Ohio
link.blokdots.com / hm
Examples
Dreh-Potentiometer Sensor Steuerung
Potentiometer
LED
ProtoPie Connect�(virtual)
💻
—— DEMO ——
Setze deine🎚 Idee um💡
📽
—— SHOWTIME ——
Danke und bis bald! 👋
Wir würden uns über Feedback von euch freuen!
https://bit.ly/pcp-feedback
The Hardware — Grove