Arduino & Processing: An introduction

This presentation was made for an internal academy at deepblue networks. It shows, what tools are out there, to express ideas and use the creative potential, beyond the common graphic tools.

Transcript

1. Arduino Kreativität mit Hardware Christoph + Daniel & Code als kreatives Werkzeug Processing
2. Arduino Kreativität mit Hardware Christoph + Daniel & Code als kreatives Werkzeug Processing
3. Arduino Board
4. Integrated Drive Electronics (IDE)
5. Analog Input
6. Actuator
7. Bread Board
12. Arduino ist wie Lego Mindstorms – nur noch extrem vielfältiger! ” – Christoph Benjamin
14. Processing Code als kreatives Werkzeug
16. 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
17. 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
18. Interaktive Installationen
19. http://vimeo.com/35014340
20. Generative Gestaltung
21. http://decoded-conference.de/2011/generator.php
22. Datenvisualisierung
23. http://max-planck-research-networks.net
24. Es ist ein Paradigmenwechsel zu erkennen – Kreative coden sich ihre eigenen Werkzeuge.
25. Casey Reas & Ben Fry
31. Text Editor Console Toolbar Tabs Message Area
33. Let’s play
34. Fraktale http://www.subblue.com/gallery/album/37
35. http://push-conference.com/2012/generator.php Avatar Generator
36. Notabilia http://notabilia.net
37. Actelion Imagery Wizard http://www.onformative.com/work/actelion-imagery-wizard
38. » 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
39. » 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)?
42. 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
43. 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
44. Happy coding. Fragen? Antworten!