Archive

Posts Tagged ‘flex’

Mastering the Flex Charts

July 3rd, 2009 4 comments

Disclaimer Start:

Please be pleasant with my English. I am not a native English speaker and the English language is one of my personal weaknesses. To improve my English skills, I am planning to write some blog posts in English. So if I wrote any bullshit in these blog posts, please correct me!

Disclaimer End:

At my work at Liip I had to work quite a lot with the Flex Chart API. At some point I was very disappointed about the lack of deeper documentations or advanced flex charts examples. In my mind the whole dashboard flex chart examples are not really helpful, because the examples are not very good real-life examples. But after a few months ago I found some very nice examples for the Flex Chart Advanced stuff and now I would like to give you a short guidance, how you can handle the complex and powerful Flex Chart API.

First Step - Check your Skills

Make sure that you understand the Flex Component Life Cycle and the rendering procedure behind the Flex Framework. The whole Chart Topic is very complex in handling data and handling a good rendering procedure. So that is the reason why it is very important that you understand the basics of the Flex Framework. If you have got some problems to understand the concepts behind the Flex Framework, no problem, I highly recommend the Adobe Max presentation Diving Deep with the Flex Component Lifecycle from Deepa Subramaniam. Otherwise have a look on my SFUG Presentation “Moving from AS3 to Flex”

Second Step – Set up your documentation for the Flex Chart Basic Stuff:

Yeah, the Flex Chart API is very huge. So you have to work a lot with the documentation. Fortunately, the basic Flex Chart stuff is documented very well. If you want to do some minor changes on your chart, please have a look on the Flex Data Visualization documentation (Livedocs) and on the Language Reference.  Sometimes you would not get a solution from this documentation, than have a look on the Flex Chart examples at flexexamples.com. Mostly I use the tags-Content overview and press the Buttons “CTRL+F” in Mozilla Firefox for the string search. After that I typed in “LineChart” for Line Chart examples or “Charting” for Flex charts in general. So I am quite fast and I always find the right code snippets. This procedure fits for the basic chart stuff very well.

Third Step – Things are becoming complicated

Oh no, our client wants to have some special item renderings and user interaction on the charts… At this point the Flex Chart could become a nightmare. Why?!

  • Because of the Flex Charts API Architecture is very complex. A lot of classes are related to each other and so on
  • The Adobe Livedocs documentation doesn’t really deliver any advanced flex charts examples and doesn’t explain the ideas behind the Flex Charts API Architecture
  • You don’t have access to the source code of the Flex Charts API, so it is always a black box for you
  • There are very less information (and blog post) about Advanced Flex Charts API stuff on the internet or you have to pay for this information (lectures in Flex Charts)

Read more...

Categories: english, Programming 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.

Moving from AS3 to Flex - advantages, hazards, traps

View more presentations from Florian Weil.

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: , ,

Mein tägliches Blogging Brot

December 14th, 2008 No comments

away3dlog tinkhead flight404log

Ich bin ziemlich spät auf das Blogging als Wissenansammlung gestossen. Das liegt wohl hauptsächlich daran, dass ich nach wie vor Bücher gegenüber Blogs als Einarbeitungmedium in eine neue Thematik bevorzuge. Aber Blogs sind einfach in Richtung Aktualität, Meinungsaustausch und das Anbieten von Speziallösungen unschlagbar. Mittlerweile ist auch bei mir eine kleine Sammlung aus den Disziplinen Flash Coding, Game Developing, Mobile Flash, Flex, Software Development, Interaction Design und ein wenig Kunst entstanden, auf die ich richtig stolz bin. Warum?! Weil ich irgendwie über alle Neuerungen relativ früh bescheid weiss, auf interessante Speziallösungen aufmerksam gemacht werde und dazu noch gute Inspirationen bekomme. Und all das bekomme ich irgendwie hin ohne den ganzen Tag auf unterschiedlichen Blogs rum zusurfen... Es fühlt sich zumindest für mich wie ein gesundes Mittelmaß an, aus diesem Grund eine Auflistung meines täglichen Blogbrots mit schöner Kirschmarmalade von Mama versteht sich 😉

Flash

Flex

Interaction + Art

Wem das noch nicht reicht, dem kann ich die Seite FlashBookmarks.com bestens empfehlen. Dort gibt es immer wieder gute Blogeinträge von den Grössen der Flashszene zu sehen.

Categories: Allgemein 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


Categories: Programming Tags: , , , , , ,

Die Gretchenfrage: Wann Flash und wann Flex?

August 15th, 2008 1 comment

flexflashfrage flashicon flexicon

Vor 2-3 Wochen kam bei uns in der Firma die Frage auf, sollen wir das nächste Projekt in ActionScript 2 oder nun mit Flex realisieren. Da wir alle im Team schon gut Erfahrungen mit ActionScript 3 hatten, aber seitens Flex mehr Theoriewissen besassen als wirkliche Praxiserfahrung, entschlossen wir uns an das neue Projekt mittlerer Grösse mit Flex heranzuwagen und unsere Flex Skills auszubauen. Mittlerweile bin ich froh, dass wir uns für die Portierung entschieden haben, aber mein Bild zu Flex hat sich dadurch ein bissl gewandelt. Denn bei Anpassungen und Erweiteurngen von Komponenten, die von der Standardfunktionalität abweichen, wird es sehr schnell komplex mit dem Flex Framework zu arbeiten. Man muss sehr genau die Initialisierungs- und Renderingsprozesse von Flex verstehen um diese Funktionalitäten implementieren zu können. So bin ich nämlich bei der Erweiterung der Chartkomponente in Flex auf einige wirklich komplexe Probleme gestossen, die mich häufig veranlasst haben über eine komplette Neuimplementierung mit nur ActionScript 3 Mittel nachzudenken. Es sind zum Teil sehr triviale Funktionaliäten, wie z.B. das Zeichnen eines Rechtecks im Hintergrund eines Graphens. Denn wenn dieses Rechteck z.B. über den Rand des Graphens hinausgeht, wird es erst gar nicht mehr gezeichnet bzw. gerendert. Um diesen Effekt zu verhindern muss man eigentlich sein eigene Drawing API für die Chartkomponente schreiben, die dann wieder sehr stark verschiedene Renderer und DataTransform Objekte benötigt. Absolut nicht trivial und widerspricht total den Simplicity Tutorials zur ChartKomponente, jedoch für einen sehr gut erfahrenen Flexer sollte das kein Problem sein. Nun gut, schlussendlich kam ich zu diesem Ergebniss wann man Flash und wann man Flex einsetzen sollte:

Wann Flash:

  • Für kleine bis mittlere Webseiten und -applikationen
  • Für sehr designlastige Webseiten, die eine nicht standardkonforme Struktur aufweisen
  • Bei statischen (pixelbasierten) Layouts
  • Wenn wenig Zeit für Recherche, sowie Einarbeitung in neuen Tools vorhanden ist
  • Wenn das Application Management nicht sehr komplex ist. Tipp: Gaia Flash Framework
  • (Entwicklung von Games)

Wann Flex:

  • mittlere bis sehr komplexe Web Applikationen
  • bei mittleren bis komplexen Datenmanipulationen
  • bei dynamischen und skalierbaren Layouts
  • standardkonforme Interaktionsformen und Benutzerführung
  • Fast Prototyping -> für schnelle GUI Testings
  • Wenn modulare Entwicklung eine grosse Rolle spielt
  • Bei grösseren Entwicklungsteams mit Budeget für die Recherche und Ausbildung

Vor einigen Wochen war mir nicht bewusst, dass das Flex Framework so umfangreich und leistungsstark ist. Ein einfaches loslegen, wie es nach dem ersten Blick immer erscheint, ist es nämlich nicht. Man kann wirklich sehr schnell eine Oberfläche zusammenklicken, die für die ersten Usabilitytest zu gebrauchen sind. Aber hinsichtlich modularer Programmierung (Software Design) kann man mit Flex sehr schnell grossen Mist bauen, wenn man sich nicht an die Prinzipien vom Model-View-Controller oder anderen GUI-Software-Patterns hält. Dazu gehört schon einiges an Programmier- und Abstrahierungserfahrung und ist (hoffentlich trete ich jetzt mit meiner Aussage niemanden aufs Gemüt) glaub von einem oder einer, der/die mal hier ein bissl Design und Programmierung macht nicht zu leisten. In diesem bin ich für jede andere Meinung offen 😉

Categories: Gedanken, Programming Tags: , ,

Flashforum Konferenz 2007

September 30th, 2007 No comments

ffk07 ffk07speaker ffk07preise

Vom 24 bis 26. September fand die Flashforum Konferenz im Kölner Mediapark statt. In einem wirklich sehr angenehmen Ambiente bekam man von den besten deutschen Flashern sehr viel hilfreiche Information und Inspirationen verabreicht. An dieser Stelle herzlichen dank an die Organisatoren Sascha Wolter und Marc Thiele, die wieder mal einen Top Job gemacht haben.

Die absoluten Highlights auf der Konferenz waren für mich die Vorträge von Joa Ebert, Mario Klingemann, Jens Franke und natürlich Aral Balkan, der eine monster gute Präsentation über sein neues Projekt SWX gehalten hat. Der Mann weiss wirklich wie man Leute unterhält und von sich begeistert, in einem sehr positiven Kontext. Bei diesem Vortrag habe ich für mich persönlich doch viel in Sachen Präsentatation mitgenommen (obwohl es darüber überhaupt nicht ging). Nun aber Schluss mit der Schleimerei und Labberei, jetzt mal was Brauchbares für jedermann. Da die meisten Folien der Sprecher sehr aussagekräftig und lehrreich sind, hier eine Auflistung der Vorträge mit den dazugehörigen Foliendownloads.

Links zu Fotos von der Flash Forum Konferenz gibt es in einem Flashforum Thread

Da leider noch nicht alle Folien zu den Vorträgen veröffentlicht wurden, wird dieser Blogeintrag immer wieder geupdatet - also mal öfters vorbeischauen 😉

Categories: Games, Programming Tags: , , , ,

Leckereien für den Web-Development Bereich

March 23rd, 2007 No comments

googlemaps flickrapi mashupfeed

Wer kennt es nicht, ein Kunde möchte auf seiner Homepage eine Anfahrtskizze zu seiner Firma haben. Weil aber das Nachzeichnen der Strasse von einer eingescannten Karte so unglaublich aufregend ist, gibt es jetzt eine neue Möglichkeit die Anfahrtskizze wirklich aufregend zu gestalten. So kann man jetzt z.B. die Karten von Google Maps auf seiner Homepage einbinden und dort die verschiedenen Anfahrtswege mit Hilfe der Google Maps API markieren. Diese Makierungen können wiederum mit kleinen Texte versehen werden, die dem Kunden die Anfahrt zur Firma immens erleichten können. Jetzt hat man aber nicht nur eine Karte mit einer Anfahrtsskizze und zusätzlichen Infos, nein, der Webbesucher kann jetzt sogar mit der Karte interagieren (rauszoomen, Karte verschieben, auf Hotpoints klicken usw.). Durch das Eingreifen in die Kartendarstellung kann sich der Website Besucher viel besser orientieren und bekommt dadurch einen wichtigen Informationsmehrwert gegenüber der üblichen Anfahrtsskizze geliefert. An diesem Beispiel kann man gut sehen, dass die neuen Web-APIs auf jeden Fall sinnvoll zu gebrauchen sind und nicht nur als Spielerei abgetan werden können. Deshalb sind diese WEB-APIs, Web-Services und Mash-Ups die absoluten Leckereien für den Web-Development Bereich, denn man kann mit wenig Aufwand grosse Funktionalität (und auch Content) liefern, wie sie vor 3-5 Jahren noch nicht möglich waren. Einen Zugriff auf diese WEB-APIs erhält man meistens über diverse JavaScript- und Ajax Klassen. Desweiteren unterstützen die meisten serviceanbieter noch die üblichen Web-Service Standards WSDL und SOAP (Web-Services kann man sich als entfernte Methoden Aufrufe mit Hilfe von XML verstehen) . Bei den großen Playern im Webbereich gehören solche Web-APIs und Web-Services mittlerweile schon zum Standard. Hier eine kleine Auflistung der API und Web-Service Bereiche der grossen Web-Player:

Besonders im WEB 2.0 Bereich gehören die APIs zum guten Ruf bzw. zum Pflichtprogramm. Deshalb hier einige APIs der großen Web 2.0 Player

Die Liste müsste jetzt eigentlich noch viel viel weiter gehen, aber zum Glück gibt es schon Websiten, die das mit Bravour erledigt haben. Auf den folgenden 3 Portalen solltet ihr euren gesuchten Service finden.

Wie mit Allem hören sich auch hier die Leckereien auf dem ersten Blick super an. Doch damit der Schuss nicht nach hinten losgeht, gibt es vor der Verwendung solcher Services einige Dinge zu beachten. Die Nutzungsbedingungen werden in der Regel immer schnell (ohne Lesen 😉 ) akzeptiert, doch in unserem Fall, sollte man sich diese gut anschauen. Denn bei einem Verstoss gegen die Nutzungsbedingungen könnte es schnell zu einer (gerichtlichen) Abmahnung kommen, das kann im schlimmsten Fall eine schöne Geldsrafe sein, was wiederum das Projektbudget belastet. Ein weiterer Punkt ist die Seriösität des Serviceanbieters. Ein seriöser Serviceanbieter liefert auf jeden Fall immer valide Daten, seine Services sind zu jeder Zeit verfügbar und er liefert einen guten Support (Dokumentation) seiner Services. Der Support sollte unter anderem unbedingt dem Website-Developer bei Änderungen des jeweiligen Services benachrichtigen. Denn eine Veränderung des Services (oder API) kann eine Änderung des Programmcodes innerhalb der Website erzwingen. All diese Punkte sollte der Website-Developer unbedingt bei einer Einbindung solcher Services in seiner Website Produktion beachten. Tut er/sie das, dann sollte ein einwandfreier Betrieb der nextGeneration Website kein Problem mehr sein.

-- UPDATE 26.03.2007 --
Ein super Beispiel für den Einsatz von Webservices ist die Web-Anwendung netvibes.com. Desweiteren kann ich euch noch ein PHP und WebService Tutorial empfehlen, sowie den Online Artikel XML-RPC und PHP vom XML Magazin.

-- UPDATE 9.05.2007 --
Ich bin mal wieder auf interessante Links gestossen. Auf webservicex.net sind einige nützliche Web Services aufgezählt, wie z.B. validieren einer Kreditkartenummer oder Einheitenumrechner. Wenn es euch an Content fehlt, könnten evtl. der xml-feed.de und / oder der rss-scout.de weiterhelfen.

Categories: Programming, Technologie Tags: , , , , ,