Archive

Posts Tagged ‘tutorials’

Get in touch with JavaScript

August 26th, 2012 4 comments

Some time passed since this Adobe public relation dilemma about Flex and Flash happened. Honestly, it hit me very hard. Exactly at this time, I was diving deeper into the Flex 4 Component Framework and tried to adapt my new knowledge to Flex Mobile. After some failures and misunderstandings I was on a good way and I was convinced that the (new) Flex 4 Framework is a real step forward for developing User Interface. For this reason, I got a little bit mad about the whole discussion of HTML5 vs. Flex. I expected that HTML5 + CSS3 + JavaScript will come, but not so fast and powerful. However, I got a good opportunity and checked what it is all about this new hype of web technologies. As a Flex and Flash Develeoper the transition to this open standard development approach is not very difficult, except the tooling is like from another planet.  I had the feeling that finding the right tooling is as difficult as finding the appropriate life partner. There doesn't exist an one simple solution for everything like Flash Builder environment. In my case I recommend for writing Code to use the IDE Webstorm, for debugging I am using Firebug for Firefox. Whatever everyone has his own preferences, so decide for yourself what is the best.

Read more...

My most important Twitter Messages #14

July 17th, 2012 No comments

Twitter von der hess

A small summary of my Twitter messages from February 2012- July 2012:

Read more...

Flash talks to Max MSP via OSC

August 16th, 2011 13 comments

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". Read more...

My most important Twitter Messages #9

March 24th, 2011 No comments

Twitter von der hess
A small summary of my Twitter messages from January - March 2011:

Read more...

Book review: Generative Gestaltung

February 14th, 2011 No comments

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:
Read more...

Flash Indie Developer Part 7: Querfinanzierung durch Schulungen

June 10th, 2009 No comments

Wie in einem der vorherigen Blogartikeln erwähnt, ist das Anbieten von Schulungen und Tutorials sehr vom eigenen Charakter abhängig. Es ist einfach nicht jedermanns Sache vor einer Gruppe zu stehen und dann noch die richtigen Worte für eine verständliche Erklärung eines komplexen Sachverhaltes zu finden. Dennoch möchte ich hier einige Möglichkeiten erläutern, die dem Beginner sowie den Fortgeschrittenen unter den Wissensvermittlern Erträge ermöglichen können, die ausreichen um einige eigene Projekte quer zu finanzieren.  Anfangen tue ich mit der leichtesten Umsetzung bis hin zu komplexen Umsetzung einer Schulung.

Mindmap Schulungen

Mindmap Schulungen

Das klassiche (Web)Tutorial

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.
Read more...

Categories: Gedanken Tags: , , , , ,

SFUG Talk: Vom Flasher zum Flex Developer

April 13th, 2009 No comments

Es ist schon einige Woche her, dass ich meinen Vortrag Migration from AS3 to Flex beim SFUG Treffen im März gehalten habe. Gut erholt vom Urlaub gibt es nun mehr oder weniger frisch hier meine Folien zum Vortrag.

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

Viel Spass damit!

Categories: Programming Tags: , ,

Getting Advanced in Flex

November 10th, 2008 3 comments

flexguislides insideria umlas

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

Konzeptwissen RIAs

Data Binding

Real Custom Components (GUI)

Item Renderer (GUI Programmierung)

Item Editors (GUI Programmierung)

(Programmatic) Skinning

Software-Design

Test Driven Development (Produktion)

Automated Building Process (Produktion)

Project Management (Produktion)

Flex Tool - Hilfsprogramme (Produktion)

weitere Flex Ressourcen

-- UPDATE 20.11.2008 --

interessante Flex Bücher

Using Flex Ant tasks to build Flex projects – Part 2: Adding build tasks


Tutorial: Getting Started mit Janus Flash

June 4th, 2008 1 comment

janusbsp januskomp janusapp

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

00_januskomponente

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

Main Screen Janus Tool

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
Main Screen Janus Tool
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
Janus Library Screen
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

Janus Compiler Screen

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

CAB Export Screen

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

shortcut


mobile_app

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

Flash Lite: Links und Ressourcen

April 1st, 2008 No comments

flashdevices jefrfl janus

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:

Voträge und PDFs:

Flash Lite Communities:

Flash (Lite) Extension:

2 praktische Design Patterns:

Ü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 😉