As I already mentioned  in an earlier blog post, for reimplementing my "Sound drawing" project to Flash I had to create a communication layer between Max/Msp and Flash. In this blog post I will report about my results and some technical information. If you want to jump directly to the technical part, please skip the part "Why am I doing this".

Why am I doing this?

I want to have access to more performance in general, I want to have access to more technical advanced stuff, I want an easy way for using external hardware devices, and last point, I want to collaborate with other media artists (without changin the working environment).

Flash is a very nice for working with graphics, videos and other media based stuff. That is the total strength of Flash, but it fails in some performance issues (compared to C++) and some algorithmic libraries (compared to libraries like IanniX, Math, OpenCV, and Sphinx4). One motivation for me in this project lies to combine the advantages of these worlds. But I don't want to change the usage of these libraries. Some libraries have to be executes as an exe Application and they just perform great in C++, and not in a Flash environment (in some cases Alchemy could be a solution).

Next point of performance is creating a scalable approach for media installation. Some media installation can't  be run by only one machine.  You need more computers, which talks to each other. For this reason, I put my focus on the Open Sound Control network protocol. As the OSC team drescribed, this protocol is made for communication between computers and media devices. It is often used in very robust environments and the documentation is very well, too. Almost every creative coding software supports the OSC communication, which is very good for collaborating with other media artists (everyone can still work in the preferred software environment).

Some hardware can already talk OSC or it uses an communication software like TUIO, iOSC, AndroidOSC. For Midi controllers you can use graphical environments like Max/Msp or PureData. These softwares have directly access to the midi hardware and can configure the most things. Afterwards you send the midi data from Max/Msp (or PureData) to Flash via OSC. In this way Flash gets access to a new level of external devices...

Flash talks OSC

First I was a little bit scared, because I thought I have to dive into the nerdie byte array socket programming part in Flash. Luckily, I found information about the FlOSC project. FlOSC is Java based application, which receives the OSC messages and routing them to the Flash XML socket. There are some great tutorials available by Eric Socolofsky and Tim Poulin (part 1, part 2, part 3). After watching all of these tutorials, I was a little bit scared of the reliable performance of this approach. The Flash XML socket is nice for chat applications or some round-based multiplayer games, but for realtime data transmission I heard bad things...

Luckily again, some time passed since FlOSC were created and Adobe provided a new binary socket API for the Flash Player. Things became even better. Since Version 2 of Adobe Air, Air supports the network UDP layer for really fast data transmission. I have not to mention that the Flash open-source is great , so I could find easily a nice library.  The tuio flash library solved almost everything I needed. I had to write my own OSCListener, which is great explained in the tuio guide and in its comments. During development I had sometimes problems with the binding of the DatagramSocket. It was obvious that the (binded) port was never closed. I had to wait until Windows shutted it down or just do it manually. Unfortunately, the UDPConnector class does not provide a close function. Therefore I added a close function by myself at the end of the class. Extending or creating a custom UDP Connector was not possible, because all members of the class are private.

public function close():void {
    if(this.connection) {
           this.connection.close();
    }
}

Max/MSP talks OSC

After this minor coding everything worked fine. So I could jump to Max/MSP. Using OSC in Max/Msp is not very difficult. The documentation is pretty good and the provided example file helps a lot. I just extended the example with one function. If the max patch receives successfully a message from the Flash Client (Adobe Air app), then send a message back to the Flash client.  For the second example you have to install the fiddle plugIn (for Windows) for Max/Msp.

Max/Msp and Flash in love

I created two mini examples. Example one just demonstrates sending messages between Flash and Max/Msp. The second example is little bit more complicated and shoud give you an idea of a real life project. The max patch analyzes an audio file and sends the pitch tracking + volume tracking data to the Flash client. The flash client reads the data and draw it on the canvas. As you can see on my screen capture video above. The performance of this test application is pretty solid and robust. Now imagine instead of the tracking data we send midi data or just some image processing data. Or we do some heavy image processing on one machine and send the data to another machine, which only renders the Flash output... I guess there are many new things possible

Download Code

The source code is available on my google project SVN or download the zip file. For the examples you must have installed Max/Msp 5, fiddle plugIn (for Windows), Flex SDK 4.5, Flash CS5 or Flash Builder 4. The code examples also requires the additional ActionScript libraries MinimalComps, MonsterDebugger, and TUIO Flash.

Related posts:

1. My most important Twitter Messages #9
2. My most important Twitter Messages #6

Allgemein (General)

• RT When buildings start to tweet: Good overview of recent media architecture examples (Via @strg_n, @Heuserkampf)
• Kurzes schönes Videoportrait über Julis von Bismarck
• Starting to upload FOTB2010 videos: Brendan Dawes - more going up regularly. (via @FOTB)
• Great Master thesis by Tim Devine about Device Shifting and #Design #mobile
• Sabine is talking about Functional Aesthetics book in TEDx Vienna
• Maybe an interesting book: Web Aesthetics - How Digital Media Affect Culture and Society
• #Arte präsentiert ein Netzwerk für Künstler, Kulturproduzenten und alle anderen
• Moving talk by Jonathan Harris on his work and the absurdities of digital livestyle
• Mendeley is a free reference manager and academic social network via Henning Schulze
• Die Qual der Wiki-Wahl - #Wikis für #Wissensmanagement in Organisationen  #dokumentation #vergleich
• Nice articles about #urban based #computing & #design No. 1 | No. 2 | No. 3
• The Museum of Lost Interactions - very interesting and nice videos, too #media #archeology #art #design
• RT open culture http://bit.ly/9qQrQD 340 free movies.
• Sounds interesting: Kickstarter is a funding platform for creative projects

Generative Art:

• More new great #generative #art tutorials from Nicolas Barradeau #flash #design
• RT Fantastic geometry blog. http://moniker.name/worldmaking/
• Neuer Monat, neuer Live-Mitschnitt. Mario Klingemann aka Quasimondo über "Schönes aus Code"

Info Design and Visualization

• Nice resource for #information visualization projects: #Crime Maps of England (London) #infovis #data #webservice
• Free-for-any-use ArcGIS Online map services: basemaps, demographic, reference, and specialty maps. 
• RT Vis JavaScript-toolkit by @mbostock: Data-Driven Documents / D3 (via @moritz_stefaner, @peterpaulrubens).

UX and Interaction Design:

• RT Nice collection about small screen solutions: (via @minstyle)
• RT The Psychology of Web Performance:  (via @uxzentrisch)
• RT loads.in - test how fast a webpage loads in a real browser from over 50 locations worldwide: (via @janchriste)
• Nice read: The ABC of behaviour #interaction #design #ux #article #read
• Android UX Patterns via @richardleggett #interaction #interface #design
• KinectTouch: turns any surface into a #TUIO touchpad using #kinect
• rule based language for describing #multitouch #gestures by Lode Hoste

Projekte und Experimente (Projects and experiments)

• Very cool body mapping #kinecthacks via @chrisoshea
• Interesting effect: Kinect Cloth Simulations #processing
• Newstweek: a device to manipulate news read by other people on wireless hotspots (cafes, libraries, airports)
• Really nice project: Esper Domino #senseware
• Nice Space Motion Design by Sebastian Neitsch
• Amazing work of Ryota Kuwakubo's - the installation The Tenth Sentiment
• Wow Legoplatformer looks so nice for some experimental prototypings... #interaction #tangible #ar

Neue Technologie (new Technologies)

• some nice thoughts on Face Tracking & Face Recognition in AR #ar #tracking
• Biometric systems are developed for the detection of faces and gestures

Programmierung und Software Design (Programming)

• RT EaselJS v0.2 is released! Focus for this release: making vector shapes & text on HTML5 canvas easier
• RT @blogblog: #ParticleSDK, a #crossplaform SDK to develop native #mobile apps from one codebase
• RT Let's take a look: Eloquent JavaScript is a guide to JavaScript that focuses on good programming techniques …
• Less Framework 4 is now out
• RT Oh lovely: CSS Easing Animation Tool by @matthewlein (via @@mrdoob)
• RT Hand detection with Blobscanner in Processing
• Nice tutorial how to work with #java + eclipse in #MaxMSP
• PixelWave - Native 2D iPhone framework based on the Flash API

Physical Computing

• RT Arduino The Documentary (2010) by gnd
• Great! @make published a site only about #arduino projects. Nice resource of tutorials and articles http://makezine.com/arduino/
• Nice tips and advices for perfect soldering. Especially for #physical #computing beginners like me via @make
• http://www.inventables.com is a great resource for new #hardware and materials in physical (computing) projects.

Game Developing:

• RT New video tutorial on creating isometric 3D with @as3isolib
• Nice read for #gamedev: #Flash #Game #Monetization: Total revenue from last 3 years
• Interesting article: Indie #Flash #Game Development: 2010 by Josh Tynjala #gamedev #monetize
• Nice #paper about #modding and the impacts: Precarious Playbour: Modders and the Digital Games Industry
• A great #paper: Moving #Learning #games Forward by http://www.educationarcade.org #serious #gaming #design
• RT DAME is an awesome free tilemap editor for Flixel. Also extendable with Lua.

Flash and Flex

• RT gskinner: Open source profiler for AS3. Definitely worth checking out.
• RT nice list of #Flash #Compression Libraries
• RT Blogged: Using BlackBerry PaymentService with Adobe AIR for the #PlayBook
• RT Huge open-source gesture library released by @GestureWorks
• Nice tutorial: #Flash + #Alchemy Series Part 2: Environment Setup
• Nice implementation of SimpleStageVideo
• RT What can you do with bytes ? - Updated!
• #Flash media server 4 #whitepaper now available
• Nice tool for using #flash content: Resolume #VJ #Software
• Creating QR Codes in ActionScript via @riarockstars
• RT Check out the latest diagramming and #visualization libraries for #Flex and #Air apps by @KapLab
• RT AS3 API: AS3Square

Related posts:

1. My most important Twitter Messages #6
2. My most important Twitter Messages #11
3. My most important Twitter Messages #4

Fangen wir mit den harten Fakten an. Das Buch ist ziemlich großformatig und hat ein schönes stabiles Hardcover. Selten so ein gutes haptisches Erlebnis mit einem Fachbuch empfunden. Auch die verschiedenen Druck- und Papiermethoden in diesem Buch sind sehr gut ausgewählt. Die Projektsammlung ist im hochqualitativen Druck eingebunden, dagegen ist der normale Inhalt des Buches mit einem einfachen Farbdruck eingebunden. Die inhaltliche Struktur des Buches, das Buchdesign, selbst, sowie die zum Buch dazugehörige Website sind perfekt und sehr gut benutzbar umgesetzt. Ein durchaus 100% gelungenes Design und Konzept. Diese Qualität schlägt sich mit einer Preisspanne von 60-75 Euro ziemlich ins Budget nieder. Doch ist jeden Euro wert! Meine Begründungen folgen in einem Kapitel-basiertem Feedback und einem Schlussfazit:

Einführung Processing:
Die Einführung ist kurz und knapp geschrieben und bringt die Entwicklungsumgebung, sowie Processing ziemlich gut aus der Sichtweise eines Designers auf den Punkt.

Einführung Kapitel 1 - Farbe:
Anfänger werden hier mit sehr einfachen Codebeispielen zum Spielen mit Farbe animiert. Besonders die Abschnitte über das Arbeiten mit Farbpaletten ist sehr
gut umgesetzt.

Einführung Kapitel 2 - Form
Nach den einfachen Farbbeispielen geht es um die Erzeugung von Formen. Grundlegende Zeichnen Methoden werden erklärt (wann und wo soll das Gezeichnete
gelöscht werden). Besonders die Verwendung von Rasterlayouts, Agenten-basiertes Zeichnen, und „Zeichnen mit komplexen Modulen“ waren sehr inspirierend und sehr gut beschrieben.

Einführung Kapitel 3 – Typo:
Dieses Kapitel liefert ein solides Grundwissen über das gestalterische Arbeiten und Erzeugen von Typographie. Die mitgelieferten Klassen unterstützen zudem das Experimentieren (z.B. das Auflösen der Schriftkontur)

Einführung Kapitel 4 – Bild:
Liefert ein solides Anfangssortiment für das Arbeiten mit Bilddaten. Den Abschnitt über „Rückkopplung von Bildausschnitten“ fand ich persönlich nicht so interessant, dafür war der Abschnitt über das Generieren von Bildcollagen umso aufschlussreicher für mich. Auch der Abschnitt „Grafik aus Pixelwerten“ wird sich sicherlich in Zukunft als hilfreich erweisen.

Fazit zu den Einführungsteil:
Die Einführung ist sehr gut gelungen. Die Codebeispiele lassen sich sehr gut verstehen und auch erweitern. Es ist wirklich die beste Einführung, die ich bisher in diesem Bereich gelesen habe. So macht das Programmieren Lernen auch für Designer Spaß!

Fortgeschritten Kapitel 1 – Zufall und Rauschen:
Zufall und Rauschen sind zwei sehr einfach zu benutzende Werkzeuge in der Programmierung. Jedoch sorgen sie genau aus diesem Grund bei Anfängern immer wieder zu Verwirrung. Dieses Kapitel gibt eine sehr ausführliche Erläuterung welche Unterschiede zwischen diesen beiden Werkzeugen bestehen. Des weiteren erfolgen Tipps in welchen Kontext Rauschen und Zufall Sinn machen können. Für mich persönlich war dieses Kapitel mit der wertvollste Teil an diesem Buch.

Fortgeschritten Kapitel 2 – Schwingfiguren
Diese Kapitel erläutert die Erzeugung von Formen mit Hilfe von Sinus und Kosinus Funktionen. Diese Funktionen sind ein elementarer Bestandteil der visuellen Programmierung, daher ist die Behandlung in diesem Buch sehr gut gewählt. Die Erzeugung von Lissajous-Figuren als Codebeispiel können den ein oder anderen Designer ein wenig verwirren. Jedoch mit ein bisschen Grundlagenwissen in Mathe sollte es kein weiteres Problem sein (der mathematische Hintergrund wird in diesem Kapitel wiederholt

Fortgeschritten Kapitel 3 – Formulierte Körper
Bisher wurden die meisten Beispiele im 2D Raum angewandt. Dieses Kapitel behandelt die Manipulation von Körpern im 3D-Raum. Von der grundlegenden 3D Darstellung geht es hin zu Erzeugung von komplexen 3D Körpern. Die Codebeispiele sind gute erklärt und auch hier lädt die hinzugefügte Mesh-Klasse zu weiteren Experimentieren ein.

Fortgeschritten Kapitel 4 – Attraktoren:
Das Arbeiten mit Kräften im 2D oder 3D Raum ähnelt sicherlich ein wenig dem Einstiegskapitel „Zeichnen mit Agenten“. Nur ist in diesem Kapitel der Agent starr und Kräfte von Außen wirken auf ihn ein. In diesem Kapitel werden erstmals physikalische Kräfte zum Generieren von Grafiken benutzt.  Dieses Kapitel hält sich nicht lange mit den theoretischen physikalischen Methodiken auf, sondern wendet einfache physikalische Grundgesetze im praktischen Gestaltungskontext an. Daher wieder ein durchaus gelungenes äußerst interessantes Kapitel.

Fortgeschritten Kapitel 5 und 6 – Baumdiagramme und Datenstrukturen

Dieses Kapitel gefällt mir mit großen Abstand am wenigsten. Die Grafiken und Codebeispiele sehen zwar schön aus, sind aber irgendwie alle Nichtssagend für die Zukunft. Hier hätte mir eine generelle Einführung oder Übersicht über Informationsvisualierung a la „A Tour through the Visualization Zoo“ besser gefallen. Erklärungen wie man Baumdiagramme, oder ein Layoutverfahren anwendet, empfand ich als zu speziell. Es kam ein wenig der Hauch eines Internet Tutorials hoch...

Anhang und Reflexion
Dieser Abschnitt fasst nochmal das komplette Buch in 6 Seiten zusammen. Eine schöne geschriebene Reflexion, jedoch aus theoretischer Sicht zu wenig. Die Theorie hinter generativen Gestaltung bleibt ein wenig auf Strecke.

Endresultat:
Ein super Buch für den praktischen anwendungsorientierten Einstieg in die „Generative Gestaltung“. Die Codebeispiele sind vorbildlich umgesetzt und erklärt. Ich hätte mir solch ein Buch sehnsüchtig in meiner Anfängerzeit gewünscht, und dass dann auch noch in der Muttersprache deutsch! Von der praktischen Seite her gibt es rein gar nichts zu bemängeln. Von theoretischer Seite weißt das Buch leider ein paar Schwächen auf. Zwar zeigt die Projektsammlung eine schöne Auswahl, doch die Beschreibungstexte lesen sich manchmal wie ein Klappentext. Der theoretische Kontext und die Idee geht dadurch in manchen Projekten ein wenig verloren. Als Referenz in einer Thesis oder Abschlussarbeit würde ich dieses Buch nicht unbedingt erwähnen. Dafür finde ich das Buch „Form + Code“ von Casey Reas und Weiteren angebrachter. Es erwähnt und verdeutlicht nochmals die theoretischen Konzepte hinter Computer-generierten Designs (Repeat,Transform, Parameterize, Visualize, Simulate, usw.). Dafür hat es seine Schwächen in der praktischen Umsetzung. Wer sich ernsthaft in diese Thematik der „Generativen Gestaltung“ einarbeiten möchte, sollte sich unbedingt beide Bücher antun!

Related posts:

1. Book review: Form + Code (Generative Art & Design)
2. Book Review: Laws of Simplicity
3. Book review: Designing Interactions

Mindmap Schulungen

Das Erstellen eines Tutorials auf seinen Blog oder Homepage stellt die einfachste Form der Wissensvermittlung dar. Dabei liegt der Vorteil in der geringen benötigten Ausstattung (nur einen Computer), die man für solch ein Tutorial braucht und in dem nicht vorhandenen Zeitdruck die passende Formulierung zu finden. Die Vorteile dieser Wissensvermittlungsform führen auch direkt zu unserem Nachteil. Im Web existieren Unmengen an (guten) Tutorials. Um aus dieser Dschungel heraus stechen zu können, muss ein ansprechendes Tutorialthema gefunden werden, zudem sollte es klar formuliert sein und mit Grafiken (Screenshots) versehen werden. Einnahmen können hierbei meiner Meinung nach nur mit Hilfe eines „Donate“ (Spenden)- Buttons am Ende des Tutorials gewonnen werden. Jedoch schätze ich aufgrund der Menge an Tutorials im Web die Spendenbereitschaft unter den User als eher gering ein, daher werden die Einnahmen sicherlich auch eher gering sein?! Nettes Worpress PlugIn für Donate Buttons und ein netter Artikel zum Spendenprinzip.

Videotutorials

Ähnlich wie bei den normalen Tutorials sind schon einige Videotutorials im Netz verfügbar. Jedoch schwankt deren Qualität aufgrund schlechter technischer Austattung oder einem schlechtem Konzept sehr. Generell finde ich Videotutorials sehr brauchbar, wenn sie sich auf dem Qualitätsniveau, wie z.B. von Lee Brimelow einpendeln. Auch das äußerst positive Feedback der Flash Community spiegelt den Nutzen dieser Tutorials spürbar wider. Ich denke hier liegt die Bereitschaft bei den Usern höher auch mal einen kleinen Betrag für ein gutes Videotutorial zu spenden. Somit empfehle ich auch hier einen „Donate“-Button einzufügen. Generell sollte man bei der Erstellung von Videotutorials auf seine technische Ausstattung, auf eine klare verständliche und ruhige(!) Stimme und auf ein Konzept mit einem roten Faden achten. Einen kleinen netten Beitrag zu Videotutorials gibt es auf Flasher Magazine Issue 1.

Volkshochschulkurse (VHS)

Jeder kennt sie sicher, die Volkshochschulkurse… Wenn ich an meinen Schreibmaschinenkurs an der Volkshochschule (VHS) zurück denke, hm naja, es gibt bessere Erinnerungen… Aber ich kenne auch einige Leute, die begeistert von dieser Institution sind. Daher nicht lange meckern und die Möglichkeiten für uns nutzen. So wäre es beispielsweise möglich Kurse im Bereich Programmieren, Game Developing, Webprogrammierung usw. anzubieten. Aber ganz so einfach ist es nicht, man muss sich ganz offiziell bei einer VHS Stelle bewerben und dann wird überprüft ob man wirklich in der Lage ist einen solchen VHS-Kurs zu halten. Die Bezahlung ist sehr abhängig von der Höhe der Qualifizierung. Ganz ohne Lehrerfahrung und ohne irgendwelche Abschlüsse könnte es schwer werden, solch einen Kurs halten zu können. Weitere Infos am besten direkt bei der VHS einholen.

(Aushilfs)Lehrer für Informatik und Design an einer Schule

Wie im Skills Blogartikel schon erwähnt, besitzen wir eine große Spanne an Wissen, die besonders für Schüler interessant sein können. Gut das Thema Aushilfslehrer hat schon eher einen negativen Ruf , aber wer Erfahrung mit Jugendlichen hat, sei es durch Vereinsarbeit oder ähnliches, kann genau diese Situation nutzen ein wenig neben her zu verdienen. Vom fachlichen Wissen sollten wir grundsätzlich in der  Lage sein Grundlagenkurse im Bereich Informatik und Mediendesign anbieten zu können. Aus didaktischer und pädagogischer Sicht sieht das wieder ganz unterschiedlich aus. Aber vielleicht hat ja der ein oder andere schon Erfahrung in diesen Bereichen. Dann könnte diese Tätigkeit als (Aushilfs)Lehrer interessant sein. Wie auch bei der Volkshochschul Sache, bitte unbedingt vorher über die Anforderungsbedingungen informieren und überprüfen ob dies wirklich eine alternative Einkommensquelle für einen darstellt.

Lehrbeauftragter an einer (Fach)Hochschule

Auf meiner alten Hochschule wurden öfters sogenannte Wahlpflichtfächer von externen Lehrbeauftragten durchgeführt. Diese externen Lehrbeauftragten referierten ein Semester lang über ihre beruflichen Themenbereich hinsichtlich der konzeptionellen und angewandten Thematik. Ich empfand diese Veranstaltungen immer als sehr hilfreich, da sie sehr praxisnah waren. Also warum nicht auch unser Praxis- und Konzeptionswissen an unseren Nachwuchs weitergeben. Die Anforderungen an den Lernstoff liegt dabei schon um einiges höher, so dass man sich gut ins Zeug legen muss um eine gute Veranstaltung anbieten zu können. Ich denke für uns könnten die Themenbereiche Software Development, Game Design & Development, Rich Internet Applications usw. interessant sein. Bei Interesse einfach mal bei einem thematisch passenden Studiengangsleiter einer in der Nähe befindlichen Hochschule nachfragen, oder noch besser, einfach die alten Professoren von der eigenen alten Hochschule aufsuchen. Vielleicht besteht ja Interesse seitens der Hochschulen…

Workshops an einer Konferenz oder generell Schulungen

Teilnahmekosten für Schulungen oder Workshops sind in der Regel immer sehr teuer. Daher könnte man vermuten, dass hier leicht und schnell gutes Geld zu verdienen ist. Dem ist nicht wirklich so. Wenn man einen Workshop auf einer Konferenzen hält, bekommt man teilweise nichts, oder Anreise- und Hotelkosten erstattet oder eine kleine Aufwandsentschädigung. Warum sollte man es dann machen?! Es geht dabei hauptsächlich um Selbstvermarktung und um neue Geschäftsbeziehungen zu knüpfen. Daher kann es sich schon lohnen in diesem Bereich aktiv zu sein. Bei dem Halten von unabhängigen Schulungen und Workshops, sprich wo man sich explizit dafür anmelden muss, kann die Bezahlung schon etwas besser aussehen. Jedoch kommt man an solch einen Job fast nur über Beziehungen ran oder man muss es im selbstständigen Rahmen anbieten. Meistens wollen die Teilnehmer einige Referenzen sehen, so dass sie sicher gehen können, dass man keinen Mist erzählt. Daher sollte man einige Zertifikate und (Projekt) Nachweise besitzen. In unserem Fall könnten die Adobe Flash + Flex Developer Zertifikate eine interessante Investition sein. Wer sein Wissen mal für einen solchen Test überprüfen möchte, sollte sich die Air-App Attest mal anschauen. Um einen ersten Eindruck von dieser Branche zu bekommen, rate ich mal kräftig Google zu penetrieren.

Wissensvermittlung im Vergleich

Berufseinsteiger sind für  mich Junior Developer. Man hat Erfahrungen mit den jeweiligen Technologien, weiß wo man zu suchen hat, wenn man nicht direkt eine Lösung kennt. Bearbeitet kleine bis mittlere Projekte und die Erfahrung wächst mit dem Alltag.

Developer sind für mich Leute, die sich schon sehr gut mit der Technik auskennen. Es werden mittlere bis große Projekte bearbeitet und mit zum Teil auch Verantwortlichkeiten im Bereich Projektmanagement übernommen. Deren Berufserfahrung würde ich zwischen 1 und 5 Jahren einstufen.

Der Senior Developer dagegen ist ein alter Fuchs in Sachen Technologie. Er hat ein sehr gutes umfassendes technologisches Wissen, weiß wie die Technik und auch die Kunden ticken, wie lange ungefähr Arbeitspakete brauchen werden. Er kennt die gängigen Projektmanagement Tools und ist zum Teil für einige (Junior) Developer verantwortlich. Er ist Ansprechpartner bei Problemen und Fragen. Um solch einen Erfahrungsschatz erreichen zu können, benötigt man mind. 3-5 Jahren im Beruf.

Bei dem Anbieten von Schulungen will ich an dieser Stelle nochmals erwähnen, dass  das Erstellen einen Lernplanes und dessen Umsetzung wirklich sehr zeitintensiv ist, so dass der Aufwand/Nutzen für ein einmaliges Halten nicht wirklich in einem guten Verhältnis zueinander steht. Erst nach mehrmaligem Abhalten einer Schulung rechnet sich der Aufwand, und macht aus wirtschaftlicher Sicht auch erst dann Sinn. Ich empfehle es jedem sehr einmal an zu testen, ob es einem liegt Schulungen anzubieten. Schreckt nicht vor dem besonders am Anfang hohen Arbeitsaufwand zurück, man kann nämlich auch dabei noch einiges lernen (siehe InsideRIA Artikel und die Fortsetzung). Danach sollten Alle weiteren Schulungen zum gleichen Thema relativ einfach und ohne viel Aufwand umzusetzen sein. Vielleicht hat einer der Leser hier schon einige Erfahrungen mit dem Anbieten von Schulungen, daher würde ich mich über einen Erfahrungsaustausch sehr freuen.

Related posts:

1. Flash Indie Developer Part 6: Kleines Taschengeld durch Online Werbung
2. Flash Indie Developer Part 10: Abschluss
3. Flash Indie Developer Part 8: Verkaufe deine digitalen Produkte

Die gezeigten Codebeispiele stammen alle von Deepa Subramaniam und können auf ihrem Blogeintrag unter MAX 2008 Session Materials heruntergeladen werden.

Viel Spass damit!

Related posts:

1. Getting Advanced in Flex

Zu Flex findet man im Web und in den Buchhandlungsregalen ziemlich viel, aber leider überwiegend Anfänger- bzw. Basisliteratur. Auch die deutsche Community ist in Sachen Flex nicht schlecht, aber die kritische Masse hat sie leider noch nicht erreicht, um auch regelmässig spezielle Fragen zum Thema Flex beantworten zu können. Codesnippets Homepages wie flexexamples.com helfen auch schon sehr bei den kleineren täglichen Problemchen. Aber um schnell die Konzepte und Hintergründe des Flex Frameworks kennenzulernen, werden die Quellen schon sehr rar. Aber Hin und wieder treffe ich dann doch noch über sehr gute Tutorials, Bücherkapitel, Slides und Videos von Flex Vorträgen, die mir einige AHA Effekte bescherrt haben Die Ressourcen möchte ich euch nicht vorenthalten, deswegen hier eine kleine Auflistung, die ich mit der Zeit immer weiter updaten werde. Wer Lust hat kann hier gerne zusätzlich Flex Links und Ressourcen posten. Ich freu mich drüber!

Allgemein

• Flex best practice - Part 1
• Flex best practices - Part 2

Konzeptwissen RIAs

• Part 1: What is an RIA?
• Part 2: The role of an RIA in the enterprise
• Part 3: RIA compared with existing technologies
• Part 4: Development considerations and best practices
• Part 5: Real-life enterprise RIAs

Data Binding

• Diving in the Data Binding Waters (Video)
• Flex User Group Hamburg zu DataBinding (Slides und Beispiele)
• Flex Doku: DataBinding

Real Custom Components (GUI)

• Creating New Components in Flex 3 and Beyond (Slides) | (Video)
• Diving Deep with the Flex Component Lifecycle (Video)
• Flex Doku Costum Components

Item Renderer (GUI Programmierung)

• Inline renderers
• External renderers
• Communication
• States and Transitions
• Efficiency
• Thinking about Item Renderers

Item Editors (GUI Programmierung)

• Inline itemEditors
• Editing events and complex editors
• Using itemRenderers as itemEditors

(Programmatic) Skinning

• Creating a Visual Experience in Flex 2
• Creating an own CSS Style Definition

Software-Design

• An architectural blueprint for Flex applications
• Building Flex and Adobe AIR applications from the same code base
• Exploring the Strategy Design Pattern

Test Driven Development (Produktion)

• Cookbook: Unit testing with FlexUnit
• Automated testing and you, self-help for the Flex developer: Part 1
• Automated testing and you, self-help for the Flex developer: Part 2

Automated Building Process (Produktion)

• Using Flex Ant Tasks to build Flex projects – Part 1: Creating a build script for Flex
• Using Flex Ant tasks to build Flex projects – Part 2: Adding build tasks

Project Management (Produktion)

• Agile Chronicles #1: Stressful
• Agile Chronicles #2: Code Refactoring
• Agile Chronicles #3: Branch Workflow
• Agile Chronicles #4: P to the Oh to the Sea, Strategy, and Design Challenges
• Agile Chronicles #5: Acceptance Criteria & Punting
• Agile Chronicles #6: Tools, Extra Merge Day, and Postponed Transitions
• Agile Chronicles #7: Bugs, Unit Testing, and Throughput
• Agile Chronicles #8: Demo, Burnout, and Feature Juggling
• Agile Chronicles #9: Scope Creep
• Agile Chronicles #10: Conclusions

Flex Tool - Hilfsprogramme (Produktion)

• StarUML to Generate ActionScript 3.0
• Setting up Subversion with Adobe Flex 3
• Flex Builder Erweiterungen
• Customize your Flex Components view and Standard properties view in Flex Builder
• Adobe Labs: Blueprint (Documentation PlugIn)
• Eclipse PlugIn: Color Picker
• FlexPMD (Code Verbesserungstool)

weitere Flex Ressourcen

• Brightworks Flex Resources
• 36 New, Cool Flex and AS3 Tools, Libraries and Components
• Resources | EverythingFlex
• Helpful Resources For Learning Flex
• Meine Flex Links

-- UPDATE 20.11.2008 --

interessante Flex Bücher

• Advanced Flex 3 (Friends of Ed Abobe Learning Library)
• Flex 3 Component Solutions: Build Amazing Interfaces with Flex Components
• Advanced Flex Application Development: Building Rich Media X
• Creating Visual Experiences with Flex 3.0

Related posts:

1. Mastering the Flex Charts
2. Book review: Adobe Flex – Training from the source
3. Book review: Developing Flex 4 Components

Im vorherigen Blogeintrag habe ich ein kleines Review zur Janus Flash Extension geschrieben. Nun erläutere ich kurz die GUI, wie das Zusammenspiel mit Flash Lite und Janus unter Windows Mobile 5 funktioniert. Nach dem Lesen dieses Tutorials, sollte man in der Lage sein Mobile Application mit Janus zu entwickeln und mit Hilfe einer CAB Installationsdatei zu vertreiben.

Um überhaupt loslegen zu können, müssen auf eurem Rechner die Janus Extension (Trialversion), Janus Flash PlugIns installiert sein, sowie das .net Compact Framework auf dem Windows Mobile Device. Ist die benötigte Software installiert legen wir sofort los. Dafür habe ich eine kleine ganz einfach gehaltene Flash Lite Anwendung geschrieben, die das Applikationsverzeichnis und die Meta Daten der Applikation ausliest. Durch diese einfachen Codebeispiele wird sehr schnell klar, wie sich die Janus API mit ihren Event Listener verwenden lässt. Weitere Funktionen der Janus API könnt ihr in der Dokumentation oder im Codeschnippsel Thread im Janus Forum nachschlagen.

Mobile Application Development mit Janus nach der Installation:

1.Schritt: die Janus Komponente


Um überhaupt auf die Janus ActionScript Klassen zugreifen zu können, müsst ihr die Janus PPC Komponente (Vorsicht, das ihr nicht ausversehen eine andere Janus Komponente erwischt) von dem Komponenten Fenster auf die Flash Bühne ziehen. Durch diesen Vorgang wird die Komponente der Bibliothek hinzugefügt und ihr k/ouml;nnt auf die Janus API zugreifen. Meine Beispielanwendung ist mit einer einfach GUI ausgestattet, die nach dem erfolgreichen Einlesen des Applikationsverzeichnises aufgebaut wird und anschliessend die Textfelder mit den Metadaten der Applikation füllt. Ich möchte hier nicht weiter auf den Code eingehen, da ich diesen ausführlich in der FLA Datei dokumentiert habe.

2. Schritt: SWF Kompilierung
Die Flash Lite Anwendung einmal mit <STRG> und <ENTER> kompilieren, so dass eine SWF Datei generiert wird. Wenn jetzt keine Compiler Fehlermeldung bei euch erscheint und das Display im Device Central weiss bleibt ist der Kompilierungsvorgang erfolgreich verlaufen. Leider kann der Emulator im Device Central nicht die Funktionalität von Janus emulieren, so dass ihr auf euren PC leider nicht das richtige Ergebnis begutachten könnt. Das funktioniert nur am Ende auf dem Device. Ist leider nicht so schön fürs Debugging...

3. Schritt: die Projekteinstellungen

Ist die SWF erfolgreich erzeugt, geht es nun weiter zur Janus GUI. Doppelklicken auf das Janus Icon und ein Fenster öffnet sich. Ganz oben könnt ihr eine Menüleiste mit den Punkten Plattform, Project File, Tools usw. sehen. Für uns sind in diesem Tutorial nur die ersten zwei Menüpunkte am wichtigsten. Um eine Windows Mobile Anwendung ersellen zu können, müsst ihr auf den ->Plattform<- Menüpunkt klicken und die Plattform ->Pocket PC<- auswählen. Danach sollten sich die Tabs in der Janus GUI, der jeweiligen ausgewählten Plattform anpassen. Danach speichern wir erstmal unser Projekt ab, indem wir auf dem Menüpunkt ->Project File<- klicken und den Befehl ->Save as<- auswählen. Jetzt kann es mit den wirklich interessanten Part weitergehen...

4. Schritt: Der Application Tab

Im Application Tab könnt ihr eure Anwendung mit Metadaten versehen (die in unserer Beispielanwendung ausgegeben werden) und grundlegende Einstellung an eurem Projekt vornehmen. So muss zum Beispiel der Port für den XML-Socket ausgewählt werden, welcher in der Regel ->Port 1400<- ist. Wenn ihr euer eigenes Programmicon auf dem Device haben möchtet (was ich euch empfehle), könnt ihr hier eine Icon (Dateiformat .ico) einbinden. Ich habe in meinen Beispiel ein Icon mit der Auflösungen 48x48 Px verwendet, aber es geht auch mit einer kleineren Auflösung. Zum Schluss muss im Application Tab noch die URL des erzeugten SWFs gesetzt werden. Dafür einfach auf das Ordner Icon rechts neben dem Textfeld klicken und die von der Flash IDE erzeugte SWF Datei auswählen.

5. Schritt: Libraries Tab

Wir überspringen direkt den Main Form Tab, weil die dortigen Einstellungen nur für den Pocket PC und den Flash Player 7 interessant sind . Angekommem im Libraries Tab, könnt ihr dort zusätzlich benötigte Bibliotheken einbinden. Das ist nur der Fall, wenn ihr auf Funktionalitäten wie z.B. GPS, SQL Datenbank usw. zugreift. Bei uns bleibt das Feld leer, da wir in unseren Beispiel auf solche Funktionen nicht zurück greifen werden.

6. Schritt: Compile Tab


Nun kommen wir zu einen sehr interessanten Tab, dem Compile Tab. Hier könnt ihr den Ort angeben, wo die ausführbare exe Datei für den Device gespeichert werden soll. Hier rate ich euch dringends einen seperaten Exportordner zu erstellen in dem dann die exe Datei und die neu generierte(!) SWF Datei abgelegt werden kann. Ist der Ordner angelegt, könnt ihr ohne weiteres auf den Button ->Compile<- drücken und voila Janus erzeugt euch eine Exe + SWF und eine DLL Datei in dem Export Ordner.

7. Schritt: Cab File - Installationsdatei Tab


Im letzten Schritt erstellen wir eine CAB Installationsdatei, die schlussendlich an den Endnutzer verteilt werden kann. Im CAB File Tab angekommen, könnt ihr in den Textfelder ->Installation Path<- und ->Shortcut Directory<- den Installationsort der Applikation bestimmen. Für welche Ordner die kryptischen Kürzel stehen, schlagt ihr am besten in der Janus Doku nach, allerdings solltet ihr auf jeden Fall im Textfeld ->Installations Path<- den JanusProject Text in euren gewünschten Ordnernamen umbenennen (bei uns: JanusBeispiel).
Ist der Installationsort definiert, fügen wir unserer Beispielanwendung noch die zusätzlich benötigten externen Dateien hinzu, indem wir auf das Ordner Icon klicken. Diese Dateien werden dann mit in die CAB Datei eingebunden und bei der Installations wieder entpackt und im Applikationsverzeichnis abgelegt. Diese Funktionalität ist besonders praktisch wenn man z.B. ein XML ConfigFile f&uumlr seine Applikation verwendet oder/und einen austauschbaren Skin.Sind auch die letzten Dateien hinzugefügt, kann das CAB File mit dem Drücken des ->Create Cab<- Buttons erzeugt werden. Ob die Erstellung erfolgreich war, kann man in der CabError.txt Datei im Export Ordner nachlesen. Ist die Datei leer, hat alles geklappt.

8. Schritt: Anwendung testen

So jetzt ist endlich alles fertig und man kann die fertige CAB Datei auf das Handy kopieren. Ist die Datei auf dem Handy angekommmen führt man diese aus. Der standardmässige Windows Mobile Installationsvorgang wird ausgeführt. Nach dem installieren ist direkt unser Shortcut Icon auf dem Start Menü Screen des Devices zu sehen. Über diese Verknüpfung können wir unsere Anwendung immer wieder ausführen und testen. Unsere Anwendung sollte nach dem Starten die Meta Daten, sowie ein Hintergrundbild anzeigen. Wenn der linke Softkey gedrückt wird, wird der dynamische Text aus dem XML-File im Display angezeigt und mit dem rechten Softkey könnt ihr die Applikation wieder schliessen.
Damit ih bei jeder neuen Version nicht immer wieder das Programm löschen und neu installieren müsst, reicht es aus die exe und die swf Datei neu in der Janus GUI zu kompilieren und dann im Applikationsverzeichnis eures Devices die alten Dateien zu überschreiben. Das funktionierte bei mir bisher problemlos...

Ich hoffe das kleine Tutorial erleichtert euch den Einstieg in die Entwicklung einer Mobile Application mit Flash Lite und Janus. Die Beispielanwendung könnt ihr euch selbstverständlich runterladen und erweitern.

Download Flash Lite Janus Beispielanwendung

Related posts:

1. Mobile Flash mit Janus unter WinCE
2. Flash Lite: Links und Ressourcen
3. Literatur: Mobile Application Development

Nach 3monatiger Arbeit mit Flash Lite habe ich mir nun eine kleine Sammlung von wichtigen Informationsquellen und Tools für die Entwicklung mobiler Anwendungen mit Flash Lite zusammenstellen können. Diese kleine Linkansammlung versorgt mich momentan sehr gut mit den wichtigsten Neuerungen im Bereich mobiles Flash. Zu den Informationsquellen gehören hauptsächlich englisch- und deutschsprachige Weblogs, Foren und User Groups.

Zusätzlich zur dieser Auflistung werde ich noch auf ein paar Flash Extensions verweisen (ähnlich wie bei der Flash Desktop Extension Zinc), die den Funktionsumfang von Flash Lite hinsichtlich Fileverwaltung usw. erweitert. Hier die Auflistung:

Flash Lite Blogs:

• Richard Leggett (eng): Autor eines Flash Lite Buches
• Frank Liessner (ger): deutscher Mobile Flash Blog
• Flash Devices (eng)
• Flash Lite Blog (eng)
• PTM - Pasi Manninen (eng)
• Flash Mobile Game Blog (eng)
• I2fly (eng)
• Flash Mobile Blog (eng)
• Flash 4 Mobile (ger)
• embedded flash (eng)
• Biskero (eng)

Voträge und PDFs:

• Jens Franke Flashforum Konferenz
• Flash Lite 3 - The next generation
• Janus Mobile E-Seminar
• Getting started Flash Lite
• Nokia Flash Lite Developer Library (eng)

Flash Lite Communities:

• Nokia User Group (eng)
• Adobe Mobile Developer Center (eng)
• Boston Adobe Mobile And Devices User Group (eng)
• Flashforum (ger)

Flash (Lite) Extension:

• Flash Lite Komponenten
• Kuneri Lite (Symbian)
• SWF2Go (Symbian)
• Jarpa (JavaME und Flash Lite Extension)
• Sony Capuchin (Sonys JavaME und Flash Lite Bridge)
• FlyerFramework (Python und Flash Lite Extension)
• Janus Flash (Windows Mobile, Pocket PC und Symbian)
• (Flash Cast und Flash Media Server - Streaming und Broadcasting von Flash Lite Inhalten)
• Spezieller Flash Player

2 praktische Design Patterns:

• Presentation Abstraction Control (PAC)
• Model View Controller (MVC)

Über Ergänzungen dieser kleinen Sammlung würde ich mich freuen!

--- UPDATE --- 14.5.2008
Für grosse Veränderungen im mobilen Flash Bereich wird sicherlich auch das kürzlich veröffentlichte OpenScreen Project sorgen. Leider erst in der nächsten Flash Mobile Generation verfügbar, aber dennoch sollte man diese damit verbundenen Entwicklungen sehr sorgfälftig beobachten als Mobile Flasher

Related posts:

1. Mein Fazit zu Flash Lite
2. Links: Die Zukunft der Medieninformatik?!
3. Tutorial: Getting Started mit Janus Flash

Um die Frage in der Überschrift zu beantworten, müssen wir uns erstmal auf eine Defintion für den Beruf Flash Developer einigen. Ich verstehe unter dem Begriff Flash Developer, einen Programmierer, der mittlere bis sehr komplexe Programmieraufgaben mit Hilfe der Flashtechnologien löst. Das bedeutet, das Aufgabengebiet des Flash Developers fängt dort an, wo der Flash Designer (Motion-, Grafik- und Mediendesigner) nicht mehr mit seinen ActionScript Kenntnissen oder Animationswerkzeugen (Tweening usw.) weiterkommt. Aus diesem Grund soll dieser Blogeintrag eine kleine &Uml;bersicht geben, welche Themen ein waschechter Flash Developer mindestens beherrschen sollte bzw. damit er weiss wo er nachzuschlagen hat. In diesem Blogeintrag werde ich nicht auf softwarebasierende Themen, wie z.B. die Flash GUI, Flash AS Editoren Umgebungen und Versionsmanagement (CVS und SVN) eingehen. Das würde hier ein bissl den Rahmen sprengen und geht meiner Meinung nach an dieser Stelle auch zu sehr ins Detail.

Nun aber los, gehen wir mal davon aus, man hat sich jetzt ein bissl mit der Flashsoftware auseinander gesetzt und weiss mit den Begriffen Timeline, Keyframes, Symbolen usw. etwas anzufangen. Jetzt möchte man aber noch stä in die Tiefen von Flash bzw. ActionScript eintauchen. Dafür sollte man sich ein fundiertes Grundlagenwissen über die Flash API und über objektorientierte Programmierung (kurz: OOP) aneignen. Um diese Wissensaneignung zu bewerkstelligen, kann ich die zwei Bücher Essential ActionScript 3.0 (AS2-Version) von Colin Moock und Object-Oriented ActionScript 3.0 (AS2-Version) von Peter Elst empfehlen. Ergänzend dazu bieten die Bücher Foundation ActionScript vom Friends of ED Verlag und ActionScript 3.0 Cookbook(AS2-Version) einige sehr brauchbare Lösungsvorschläge für die alltäglichen Programmierprobleme an.

Ist das Grundlagenwissen gefestigt, kommt man nun zum abstrakteren Aufgabengebiet eines Flash Developers. Ein Flash Developer sollte nicht nur komplexe Algorithmen entwickeln können, sondern er sollte auch fit sein in der Erstellung von sehr leicht wartbarten und weiterentickelbaren Programmiercode. Damit dies möglich ist muss eine ordentliche Anforderungsanalyse von dem jeweiligen Problem erstellt werden. Wie man diesen Zustand erreicht, erklären sehr gut die Head First Bücher Objektorientierte Analyse und Design Patterns aus dem Hause OReilly. Obwohl die Bücher für die Programmiersprache Java geschrieben wurden, lassen sich die Beispiele wegen der sehr ähnlichen Syntax problemlos auf ActionScript Code anwenden. Diese Bücher gehören meiner Meinung nach zu einem absoluten PFLICHTPROGRAMM eines Developers, da die Qualität von Programmiercode an dieser Stelle massiv verbessert werden kann.

Ist auch dieser Schritt der fortgeschrittenen Wissensaneignung erledigt, kann man sich jetzt für die schon erreichte Leistung stolz auf die Schulter klopfen. Jedoch ist die Ausbildungsreise eines Flash Developers noch nicht abgeschlossen (wird sie auch nie sein). Auf jeden Fall ist man jetzt vollends bereit, sich in dir spezielleren Aufgabengebieten einzuarbeiten. So sollte man zum Beispiel in Sachen Flex als Flash Developer nicht ganz unwissend sein, da Flex doch den Produktionsablauf erheblich beschleunigen und unterstützen kann. Eine gute Flex Einführung gibt das Friends of ED Buch The Essential Guide to Flex 2 with ActionScript 3. Wer darüber hinaus eine etwas ausführlichere Einführung wünscht, dem sei das Flex 2 Buch von OReilly empfohlen. Weitere interessante Themen für einen Flash Developer sind (man wird aber nie alle Themen komplett abdecken können) die Entwicklung von Flash Inhalten auf Mobilen Endgeräten, Desktopanwendungen mit Apollo, komplexe Animationen, Game Development, Interface Design, Komponenten Entwicklung und der Flash Media Server. Mit all diesen speziellen Anwendungsfällen hat man doch eine ordentliche Auswahl, um seinen Schwerpunkt im Bereich Flash Development zusetzen.

Zu guter letzt möchte ich noch auf zwei interessante Artikel des Flashmagazine.com und der Computer Arts (Ausgabe:2007/09) zur Jobssituation von Flash Developern aufmerksam machen. Die Artikel sind sehr aufschlussreich und machen Mut den Weg als Flash Developer einzuschlagen. Schaut mal rein es lohnt sich!

-- UPDATE 22.10.2007 --
Mit welchen Tools und wie man als Flash Developer sein Produktions-Workflow verbessern kann, erklärt Jens Franke in seiner Tutorialreihe AS 3.0 Workflow Special sehr gut. Hier sollte man auch als erfahrener Flash Developer unbedingt mal vorbei schauen!

Related posts:

1. Magazine für den Digital Media Producer
2. Flash Indie Developer Part 1: Check your talents and skills!
3. Meine wichtigsten Twitter Messages #2

Schon wieder verschlingt das Studium massiv meine Zeit. Im Moment kam ich leider nicht mehr dazu etwas Neues zu schreiben. Daran wird sich leider auch die nächsten 4-6 Wochen nichts gross ändern, da es mit meiner Thesis nicht ganz so läuft, wie ich es gerne hätte. Dazu kommt dann auch noch das Flash Fortgeschritten Tutoriat, welches ich mit Patrick Heneise an unserer Hochschule halte. Wir versuchen unseren Mitstudenten einige Grundlagen im Bereich Flash Entwicklung und Flash Media Server zu vermitteln.

Und genau in diesen Rahmen stelle ich euch hier meine Folien zum Thema Flash Objektorientiert, Flash und XML, Flash und PHP zur Verfügung. Die Folien geben einem geübten ActionScript-, PHP- sowie einen Java Programmierer eine gute Einführung in die OOP mit Flash und das Arbeiten mit dynamischen Inhalten. Als Ergänzung liegen den Folien noch kleine Codebeispiele bei. Ich hoffe, den ein oder anderen kann mit den Folien weiter geholfen werden.

Weiterhin werde ich versuchen euch so gut wie es geht mit News, neuen Links und Blog Updates zu versorgen... und ich hoffe doch sehr es springt auch mal wieder ein netter Blogeintrag heraus.

No related posts.