Mit Processing for Android lassen sich native Android-Applikationen in der beliebten Java-basierten Programmiersprache Processing entwickeln. Wie Sie mit wenigen Zeilen eine erste eigene App programmieren, zeigen Cedric Kiefer und Jesse Scott in der aktuellen Ausgabe (WEAVE 02.2011, ab 21. März 2011 erhältlich). Den zugehörigen Code gibt es hier.

Ein gelungenes Arduino-Projekt beginnt mit den Tools und Geräten. Thomas Gläser und Chico Gold von envis precisely zeigen Ihnen welche Einzelteile und Werkzeuge sie brauchen, um mit ihrer ersten Gehversuchen beim Tinkern erfolgreich zu sein. Für eine Übersicht der Komponenten könnt Ihr euch folgende Karte von unserer Website hier herunterladen. Erste Bauanweisungen findet man dagegen hier:

Inspiration für Experimente mit dem Arduino-Boards findet Ihr hier.

Ein Effektgerät für E-Gitarren:[youtube]http://www.youtube.com/watch?v=_X0bL6WS-VY&feature=related[/youtube]

MIDI Drum-Controller mit Arduino:[youtube]http://www.youtube.com/watch?v=id9FRyI8T7k&playnext=1&list=PL1DE5DA1626EFCE45&index=10[/youtube]

Eine spielbare Luftgitarre:[youtube]http://www.youtube.com/watch?v=sJxM18o9EPs[/youtube]

Eine per Iphone steuerbare LED:[youtube]http://www.youtube.com/watch?v=O_5S2bHuXxo[/youtube]

Eine aus mehreren LEDs bestehende Skulptur:[youtube]http://www.youtube.com/watch?v=yst4eL0-Eco&feature=related[/youtube]

Das ganze als Quadrat mit fliegendem Text:[youtube]http://www.youtube.com/watch?v=b3sWHtGp4iw&feature=related[/youtube]

Anfang November veröffentlichte Microsoft mit Xbox Kinect in den USA ihre lange unter dem Arbeitstitel »Project Natal« geführte neue Steuerung für die Spielkonsole Xbox 360. Das Besondere: Spieler können erstmals allein durch Körpereinsatz gezielt mit Spielen interagieren, im Gegensatz zu Nintendos Wii oder Sonys Move sind dazu also keine Controller nötig. Kurz danach begann die Jagd nach den Treibern, mit denen sich Kinect auch auf anderen Systemen nutzen lässt.

Bereits am Erscheinungstag lobte die New Yorker Firma Adafruit Industries (www.adafruit.com) einen Preis von 1000 Dollar für denjenigen aus, der es schaffen würde, Kinect unter Windows oder einem anderen Betriebssystem zu betreiben. Dass Microsoft daraufhin mit rechtlichen Schritten drohte, nahm Adafruit Industries als Ansporn, die Prämie auf 2000 Dollar zu erhöhen. Kurz darauf postete ein Hacker namens AlexP, Mitglied der NUI Group (nuigroup.com), ein erstes Video, in dem er die Motoren von Kinect steuerte. Microsoft dementierte. Adafruit Industries Antwort: »Das ist albern – wir erhöhen auf 3000 Dollar!«

Zwei Tage später demonstrierte ein neues Video den Zugriff auf Kamera und Tiefensensoren – die Mitglieder der OpenKinect Community (openkinect.org) wuchsen schnell auf mehrere Hundert Mitglieder. So dauerte es keinen Tag, bis Hacker Héctor Martín die ersten funktionierenden Treiber unter dem Namen libfreenect (github.com/OpenKinect/libfreenect) veröffentlichte. Nun ging alles sehr schnell: Binnen weniger Stunden gab es Erweiterungen für die meisten wichtigen Frameworks – wie Processing, OpenFrameworks, Cinder oder vvvv. Endlich konnten alle Kinect nutzen und die Daten der 3-D-Kamera uneingeschränkt in ihre Projekte integrieren.

Seit dem gibt es eine ganze Reihe von Anwendungen, die die Möglichkeiten von Kinect auszuloten versuchen (genaueres beschreibt der Designer Cedric Kiefer vom Berliner Design Studio Onformative in der WEAVE 01.2011). Hier einige unserer Favoriten in Form von Videos…

[vimeo]http://vimeo.com/16818988[/vimeo]
Der Entwickler Memo Akten bei ersten Test mit Kinect: Dank libfreenect und ofxKinect für openFrameworks realisierte er einen Prototypen, bei dem man ein 3D-Objekt mit zwei Händen routieren kann. Den Sourcecode dafür findet man unter github.com/​memo/​ofxKinect-demos

[vimeo]http://vimeo.com/16985224[/vimeo]
Eine Kinect-Installation, bei der sich virtuelle Handpuppen bewegen lassen. Realisiert von Emily Gobeille und Theo Watson (Design I/O).

[vimeo]http://vimeo.com/17358021[/vimeo]
Razorfish entwickelte mit einem Kinect-Treiber hingegen eine Mal-Anwendung, die sich per Bewegung nutzen lässt.
[vimeo]http://vimeo.com/17180651[/vimeo]
Ein paar Jungs des MIT Media Lab haben eine Browser-Erweiterung entwickelt, mit der sich via Kinect jegliche Websites nutzen lassen soll. Weitere Infos unter http://depthjs.media.mit.edu/

[youtube]http://www.youtube.com/watch?v=dRPEns8MS2o&feature=youtu.be[/youtube]
Ein kleiner Roboter lässt sich via Kinect durch die Gegend kommandieren.

Eine lange Liste weiterer Beispiele findet man übrigens unter www.creativeapplications.net/kinect/

Mit der Version 1.0 von Processing.js – erschienen Anfang November – kommt die für Designer besonders geeignete Programmiersprache nun ins Web. Und das bedeutet auch: In Kombination mit HTML5 könnte Processing.js beispielsweise unter iOS ein Flash- und Silverlight-Killer werden. Für die User Interface Design GmbH (www.uid.com) haben Art Director Markus Knauer und Software Engineer Manuel Hofmeister einen ersten Einsatz gewagt: sie haben mit Processing.js und HTML5 ein Weihnachtsspecial realisiert – eines mit einem guten Zweck noch dazu.

Ein bisschen länger, als gedacht, hat es schon gedauert: „Wir haben rund 10 Tage für die Anwendung gebraucht. Eigentlich wollten wir schneller sein, aber wir hatten ein paar unvorhergesehene Schwierigkeiten“, erklärt Markus Knauer. Auch die Schneeflöckchen mit angemessener Performance rieseln zu lassen, war nicht ganz so einfach, wie erwartet.

Ein dynamisches Processing-Partikelsystem sorgt unter www.uid.com/christmas2010/index.html dafür, dass viele gute Wünsche von Usern – über eine generative Animation in Schneeflocken verpackt – durch eine Winterlandschaft rieseln. Das Besondere: die Schneeflocken werden direkt auf ein HTML5-Canvas-Element gezeichnet. Plug-ins oder proprietäre Software-Tools sind also nicht mehr notwendig.

Unser Weihnachtswunsch an alle Leser!

Den Grund für die Wahl der Technologien, beschreibt Markus Knauer wie folgt: „Wir sind immer an neuen Technologien interessiert“. Außerdem zeige sich immer wieder, dass das Interesse an Open-Source-Lösungen – vor allem in Forschungsprojekten – sehr groß ist. Und: „Die Debatte um Flash auf dem iPhone oder iPad lässt erahnen, dass sich HTML5 in Kombination mit Tools wie processing.js künftig in den Wettstreit von Flash und Silverlight einmischen könnte“, findet Knauer.

Das Potential von Processing.js schätzt UID jedenfalls positiv ein: Sobald Processing.js seine Kinderkrankheiten abgelegt habe – so Knauers Fazit – könne es durchaus eine ernst zu nehmende Flash- oder Silverlight-Alternative werden. Und das mit dem Vorteil, dass es sich hierbei um eine OpenSource-Lösung mit einer äußerst aktiven Community handelt:

„Processing ist in den letzten Jahren gereift und wurde lange und in unzähligen Updates verbessert und erweitert. Dank der großen und etablierten Community existiert eine Vielzahl von Librarys und Tools, die Processing auf verschiedenste Anwendungsgebiete erweitern und die stabil und zuverlässig arbeiten. Processing ist sehr performant. Gleichzeitig gibt es viele gute Bücher, Blogs und Tutorials, die den Einstieg erleichtern und bei schwierigen Fragen weiterhelfen“, erklärt Knauer.

Links: Manuel Hofmeister (Software Engineer). Rechts: Markus Knauer (Art Direktor), UID.

Processing.js ist im Vergleich dazu natürlich noch ein absolut junges Tool. „Man ist (noch) viel eher mit Bugs und Workaraounds konfrontiert – zudem ist es recht Performance-hungrig und bietet bisher nur einen kleinen Teil des Funktionsumfangs von Processing“, räumt Knauer ein. Auch die Ressourcen zum Erlernen von Processing.js sind naturgemäß noch nicht so umfangreich. Aber: „Dafür hat Processing.js den unschlagbaren Vorteil, dass es direkt auf das Html5-Canvas zeichnen kann ohne dass man ein Java-Applet starten muss“, so Hofmeister.

Zur Frage der Konkuzzenzfähigkeit von Processing.js gegenüber Flash & Co. meint Markus Knauer: “”Wir hatte in unserem Fall ein Partikelsystem aus insgesamt 600 einzelnen Objekten – also Bedarf an viel Performance. Diese Anforderung dürften nicht allzuviele Anwendungen stellen. Animationen mit wesentlich weniger Objekten stellen überhaupt kein Problem dar. Zudem gibt es bisher einige Funktionen, die vermutlich noch nicht für Processing.js optimiert wurden und dadurch zur Zeit noch etwas unperformant sind. Ich gehe davon aus, dass diese Probleme in der Zukunft gelöst werden”. Somit sei die Frage nach der Konkurrenzfähigkeit momentan auch noch Spekulation. “Berechtigte Hoffnungen bestehen aber durchaus”, ergänzt Knauer.

Auch bei der Browserfragen sieht es wohl schon ganz gut aus: „Problemfrei läuft die Anwendung in den meisten aktuellen Browsern wie Firefox, Safari, Opera oder Chrome Beta“, erklärt Hofmeister. Der aktuelle Internet Explorer bildet mal wieder eine Ausnahme – aber der IE 9 Beta hat die neue Technologie integriert und kann die Anwendung somit anzeigen. Und so ist es wohl vor allem noch eine Frage der Zeit, bis mit Hilfe von Processing.js und HTML5 zahlreiche neue, interessante Visualisierungen entstehen.

Ubiquitous Computing, das Internet der Dinge, das Outernet, Smart Objects und wie es nicht alles heißt – ja, unsere Welt wird interaktiver, intelligenter, augmentierter, digitaler… Keine Frage, dass das ein heißes Thema für alle Designer, Entwickler, Konzepter – also auch Agenturen und Studios – ist. Entsprechend einfache Tools, mit deren Hilfe “sogar” Designer programmieren und interaktive, elektronische Prototypen herstellen können gibt es auch schon seit einiger Zeit. Kein Wunder also, dass die Tinker-Szene immer mehr Fahrt aufnimmt. Zuletzt bei der Palo Altonale – einem zweitägigen Tinker-Workshop, organisiert von der Hamburger Tinker-Gruppe Palo Altona und der Good School in Hamburg. WEAVE war mit dabei. Ein Bericht über den Verlauf und die Ergebnisse… //Hinweis: Die nächste Palo Altonale findet am 4. & 5. März 2011 statt. Infos unter www.good-school.de//

Es war schon ein großes Vorbild, dem rund 15 Kreative am 29. und 30. Oktober in der Hamburger Good School nacheifern wollten: Das Palo Alto Research Center, in dem so bahnbrechende Dinge wie der erste Computerdrucker, eines der ersten Computerspiele oder die erste grafische Computer-Oberfläche entwickelt wurden… Ein bisschen grundlegender musste die Palo Altonale schon anfangen – schließlich ging es darum, jedem – auch programmiertechnisch Unversierten – das Tinkering (sprich Arduino) näher zu bringen.

Und so widmete sich Tag eins der Palo Altonale komplett der Arduino- und Sensorenkunde: Marcus Nowotny (Senior Consultant bei Coremedia, http://interactive-matter.org/) und Alexander Weber (freier Entwickler, http://tinkerlog.com/) gaben einen Überblick über inspirierende Projekte und führten in die Kunst der Arduino-Programmierung ein. Fabian Hemmert (Designforscher in den T-Labs der Telekom, www.fabianhemmert.com) zeigte, an welchen futuristischen Smartphones er so gerade forscht.

Am zweiten Tag waren dann eher die Teilnehmer gefragt: unter Anleitung entwickelten sie Ideen und realisierten erste Prototypen. Rund acht Stunden später konnte präsentiert werden – und was dabei heraus kam, war angesichts der kurzen Zeit und der zum Teil eher geringen Vorkenntnisse schon recht ansehlich…

Mit dem 8-Bit-Loop von Stephan Gerber kann man kleine Sound Samples aufnehmen und abspielen.

Bankrotte ist eine Sparschwein-Installation, bei der mehrere Arduino Boards mit einander kommunizieren – und die Schweine Dinge tun lassen, die man klassischerweise von Sparschweinen eigentlich nicht gewohnt ist (beispielsweise online shoppen zu gehen, Geld wieder auszuspucken oder zu zerstören).

Mit Minecraft RE kann man das Computerspiel via Drucksensoren steuern: beide Beine auf den Sensoren und man läuft vorwärts, das linke Bein und man läuft links, das rechte Bein und man läuft rechts herum. Realisiert von Marthin Poggenclass.

Bei Ponyrace treten zwei Marken gegen einander an – in Form zweier niedlicher Ponies. Wer mehr Tweets hat, ist schneller. Die Anwendung stammt von Bernd Krämer, Gründer von cream colored ponies (www.cream-colored-ponies.com).

Die Twitterdecke sucht alle Tweets dieser Welt, die (in unterschiedlichen Sprachen) “gute Nacht” oder “guten Morgen” twittern und zeigt dies per LED auf der mit einer Weltkarte versehenen Kuscheldecke an. Ein Klick – und man twittert des Morgens oder Abends beim Aufstehen bzw. Hinlegen ebenfalls “guten Morgen” oder “gute Nacht”.

Twitternose funktioniert ähnlich wie Ponyrace, nur zeigen hier die Nasen die Tweetmenge bzw. Followeranzahl an. Im Bild: Annika Richter.

Der Wii-Globe macht das Leben des globalen Jetsetters einfacher: Wer wissen will, ob es in einem bestimmten Land gerade Tag oder Nacht ist und wie warm es wohl in etwa ist, der muss einfach nur seinen Finger auf die entsprechende Stelle des Globus legen – und erhält in Form von LED-Blinken (zwanzig Mal für zwanzig Grad) sowie der Helligkeit der Globusbeleuchtung (Tag = hell) Auskunft.

Unser Fazit: Spaß hat’s gemacht und vor allem gezeigt, dass selbst unbedarfte Redakteure das Tinkern erlernen können. In diesem Sinne können wir auch alle unsere Leser nur dazu ermutigen, dem erfrischenden Spaß des Tinkerns zu fröhnen – schnelle Erfolgserlebnisse garantiert!

Für die WEAVE 03.2010 hat der Berliner Designer Cedric Kiefer nicht nur fünf Datenvisualisierungen erstellt – alle basierend auf den Online-Aktivitäten von fünf Kreativen, die sie 24 Stunden lang für uns trackten. Er zeigt in einem Tutorial auch Schritt für Schritt, wie sich Daten mittels Processing auswerten und gestalten lassen. Dazu stellt er hier nun den Quellcode sowie das Tool zum Aufzeichnen der Online-Aktivitäten zur Verfügung:

1// Das LogTool zum Aufzeichnen der Daten

2// Der Quellcode, um das Ganze besser nachvollziehen zu können

Die Bandbreite und Spezialisierung von Tools für interaktive Anwendungen wächst Jahr für Jahr. Und somit steht jeder Entwickler – und zunehmend auch jeder Designer – bei jedem neuen Projekt vor der Frage “Welches Tool ist für diesen Fall das Richtige?” Hier dazu die Ergebnisse einer Online-Umfrage des WEAVE-Autors Jens Franke:

Das Studio :envis precisely hackte in der WEAVE 05.2009 in nur 24 Stunden einen kleinen Spielzeug-Roboter, um ihn mit Hilfe von Arduino und Processing in ein Mixed-Media-Game umzufunktionieren. Passend zum Thema gibt es hier eine Linkliste von Thomas Gläser:

Die ofiizielle Website von Arduino inklusive Playground
www.arduino.cc
www.arduino.cc/playground

TinkerKit – ein Physical Computing Tinker-Kit für Designer
www.tinkerkit.com

Inspirierende Dokumentation des Toyhacking-Workshop in London mit dem Künstler und Designer Adam Somlai-Fischer und Massimo Banzi, dem CTO von Tinker.it – mit etlichen Videos
http://tinker.it/now/workshops/toyhacking

LowTech Sensors and Actuators
http://tinker.it/now/workshops/toyhacking

Instructables, ein Online-Magazin mit diversen Anleitungen zum Toy-Hacking und Tinkering
http://www.instructables.com

Make Blog, ebenfalls ein DIY-Online-Magazin
http://blog.makezine.com

Elektronic Prototyping für Designer – InstantSoup zeigt, wie es geht
http://www.nastypixel.com/instantsoup/website/cover/

Der todbot Blog bietet ebenfalls viele Tipps und Tricks für Tinkering-Freunde
http://todbot.com/blog

Freeduino – Arduino Hacks
http://freeduino.de

Immer mehr hoch spezialisierte Tools für die Entwicklung interaktiver Anwendungen machen die Wahl immer schwieriger. Wo also geht die Reise hin beim Interactive Development, fragt WEAVE-Autor Jens Franke? Dazu machte er eine Umfrage, sprach mit Entwicklern (zwei der Interviews gibt es bei uns zur Nachlese) und bietet in der WEAVE 05.2009 einen Überblick. Dazu folgend die Linkliste:

SOFTWARE

Processing – ein OpenSource Tool für generatives Design
http://processing.org/

vvvv – einem „multipurpose“ Toolkit für interaktive Medien-Umgebungen
http://vvvv.org/

FIELD – einem Werkzeug der OpenEnded Group für experimentelles und künstlerisches Programmieren
http://openendedgroup.com/field

OpenFrameworks – eine C++ Library für kreatives Programmieren
www.openframeworks.cc

Scala – eine funktionale und objektorientierte Programmiersprache mit eleganter Syntax
www.scala-lang.org

Spde
http://technically.us/spde/About

Nodebox – weitere interessante Tools für Interactive Designer & Entwickler
http://nodebox.net/code/index.php/Home

BUCHTIPPS

iPhone
http://www.apress.com/book/view/1430224592

Processing, Arduino & openFrameworks
http://oreilly.com/catalog/9780596154141/

Flash
http://www.addison-wesley.de/main/main.asp?page=deutsch/bookdetails&productid=168466

Scala
http://oreilly.com/catalog/9781934356319/

Generative Gestaltung:
http://www.typografie.de/Unsere-Buecher/Neuerscheinungen/Hartmut-Bohnacker_Benedikt-Gross_Julia-Laub_Claudius-Lazzeroni-Hrsg/Generative-Gestaltung::954.html

BLOGS

http://www.creativeapplications.net/
http://createdigitalmotion.com/
http://www.interactiondesign.se/blog/

SONSTIGES

Interessante Papiere über Interaction Design
http://tangible.media.mit.edu/papers.php

Human Centered Design Toolkit von IDEO
http://www.ideo.com/work/item/human-centered-design-toolkit/

Die zehn Gebote des Interaction Design
http://www.slideshare.net/stn1978/die-zehn-gebote-des-interaction-design

Schöne Artikel über die Entstehungsgeschichte von Processing, geschrieben von John Madea
http://www.technologyreview.com/computing/23187/page1/

New ways of interaction on Vimeo (Vimeo-Channel)
http://vimeo.com/channels/newwaysofinteraction

Tweets über Interaction Design
http://twitter.com/jensfranke