Arduino & Processing: An introduction

Slide 1

Slide 1 text

Arduino Kreativität mit Hardware Christoph + Daniel & Code als kreatives Werkzeug Processing

Slide 2

Slide 2 text

Arduino Kreativität mit Hardware Christoph + Daniel & Code als kreatives Werkzeug Processing

Slide 3

Slide 3 text

Arduino Board

Slide 4

Slide 4 text

Integrated Drive Electronics (IDE)

Slide 5

Slide 5 text

Analog Input

Slide 6

Slide 6 text

Actuator

Slide 7

Slide 7 text

Bread Board

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Arduino ist wie Lego Mindstorms – nur noch extrem vielfältiger! ” – Christoph Benjamin

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Processing Code als kreatives Werkzeug

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

One day of my life recorded #1: Programm Illustrator 06:29:48 10:56:32 00:07:27 00:15:11 00:07:22 10:56:32 00:03:54 00:04:08 00:02:42 01:27:34 00:01:23 00:01:25 00:00:11 00:00:16 00:00:07 00:31:02 Safari iPhoto Chronories Skype Acrobat QuickTime Vorschau TextEdit Keynote aktive arbeitszeit mit dem programm dauer der programmaktivität prozentuale angabe im vergleich zu den arbeitsstunden des tages (11 std.) hh:mm:ss hh:mm:ss InDesign Mail Photoshop File Zilla iCal 01:20:44 01:26:57 00:55:35 10:54:29 00:32:53 01:17:17 00:14:16 01:02:25 00:13:52 00:48:34 00:07:40 03:36:20 computer- aktivität programm- aktivität 63,5% 1,1% 1,1% 0,7% 0,5% 0,2% < 0,2% < 0,2% 13,1% 8,9% 5,2% 2,3% 2,1% 1,1% 63,5% 45,8% 16 Mal E-Mail Verkehr (davon 11 erhalten, 5 geschrieben – alle 5 waren Rückantworten) 11 126 14 Stunden Aktivität am Computer an diesem Tag besuchte Webseiten (davon 56 mehrfach, Spitzenreiter: tumblr.com mit 229 Aufrufen) verwendete Programme (Spitzenreiter: Safari mit 6,5 Stunden effektiver Nutzung) 8 3 3 2 Personen bzw. Firmen wurden per E-Mail kontaktiert Arbeitsorte wurden aufgesucht (zu Hause: Büro und Küche, in der Stadt: Caffé) Screenshots wurden während der Arbeit erstellt Termine wurden außerhalb des Büros wahrgenommen

Slide 17

Slide 17 text

09:15:39 0:00 1:00 2:00 3:00 4:00 5:00 6:00 7:00 8:00 9:00 10:00 11:00 12:00 13:00 14:00 15:00 16:00 17:00 18:00 19:00 20:00 21:00 22:00 23:00 One day of my life recorded #2: Programm Processing log-tool & processing-anwendung von cedric kiefer ausgehende pakete eingehende pakete html-aufrufe im detail nutzung von google-diensten wie youtube, google-suche, google-docs oder google-maps

Slide 18

Slide 18 text

Interaktive Installationen

Slide 19

Slide 19 text

http://vimeo.com/35014340

Slide 20

Slide 20 text

Generative Gestaltung

Slide 21

Slide 21 text

http://decoded-conference.de/2011/generator.php

Slide 22

Slide 22 text

Datenvisualisierung

Slide 23

Slide 23 text

http://max-planck-research-networks.net

Slide 24

Slide 24 text

Es ist ein Paradigmenwechsel zu erkennen – Kreative coden sich ihre eigenen Werkzeuge.

Slide 25

Slide 25 text

Casey Reas & Ben Fry

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

Text Editor Console Toolbar Tabs Message Area

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

Let’s play

Slide 34

Slide 34 text

Fraktale http://www.subblue.com/gallery/album/37

Slide 35

Slide 35 text

http://push-conference.com/2012/generator.php Avatar Generator

Slide 36

Slide 36 text

Notabilia http://notabilia.net

Slide 37

Slide 37 text

Actelion Imagery Wizard http://www.onformative.com/work/actelion-imagery-wizard

Slide 38

Slide 38 text

» Niedrige Einstiegshürde für Code-Unerfahrene » Manipulation von Parametern on the flight » (nahezu) keine Renderzeit erforderlich » Interaktivität möglich » Einsatz für Print, Web & beyond Zusammenfassung: Vorteile Processing

Slide 39

Slide 39 text

» einfaches Erzeugen von Grafiken, Animation & Interaktion » weiteres Tool im Werkzeugkasten, um sich kreativ ausdrücken » Kreation: Konzepte, CI-Entwicklung, Key visuals etc. » Frontend: Datenvisualisierung, Webseiten-Integration (Canvas) » Agentur: neue visuelle Ästhetik, andere Wahrnehmung Zusammenfassung: Warum Processing bei uns (& Arduino)?

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

Making Things Talk 40,– € Algorithms for Visual Design Using the Processing Language 51,– € Interactivity 65,– € Visualizing data Verlag O’Reilly 38,– € Buchempfehlungen Generative Gestaltung Verlag Hermann Schimdt Mainz 75,– € Processing 41,– € Programming Handbook for Visual Designers and Artists Verlag O’Reilly Using Sensors, Networks, and Arduino to see, hear, and feel your world

Slide 43

Slide 43 text

Interactive Installationen/Hacking Toys http://creativeapplications.net http://ig.hfg-gmuend.de http://ifdblog.org/ifd_main_blog http://hackaday.com/category/toy-hacks/ Links Starting Processing http://processing.org http://wiki.processing.org/w/Main_Page http://www.openprocessing.org http://sketchpad.cc http://danielsauter.com/display.php?project_id=119 Generative Gestaltung http://www.generative-gestaltung.de http://www.creativecoding.org http://artfromcode.org Andere visuelle Tools http://vvvv.org http://openframeworks.cc http://www.impure.com http://selection.datavisualization.ch

Slide 44

Slide 44 text

Happy coding. Fragen? Antworten!