Tag Archives: flashcatalyst

Flash Camp Berlin 2009 Review

Man ich bin wieder hinterher hier. Bitte seit mir nicht böse, aber ich habe nach Berlin nicht viel von Deutschland mitbekommen, da wieder einmal in “Mission Adobe Flash Platform” in Europa unterwegs. Zur Zeit gerade bloggend von einem gefühlt weit über 30 Grad in südöstlicher Richtung liegendem Ort.

Erst einmal die Slides…

…und ein paar toole Fotos der Veranstaltung.

http://www.flickr.com/photos/flexlabs/sets/72157619647124630/

(mein Foto ist nur unscharf weil ich so schnell reden und präsentieren musste *g)

Und hier auch die FXP Datei des Catalyst Projekts + das Illustrator Original
(das ich noch einmal *.ai Illustrator Dateien poste ist schon bemerkenswert)

Illustrator AI
Flash Catalyst FXP

Was soll ich sonst noch sagen? Also eines ist natürlich klar, dank der FlexUG in Hamburg liegt die Messlatte ziemlich weit oben für Usergroups in Deutschland. (Und dies hat bestimmt nichts mit Lokalpatriotismus zu tun ;) )

Um so mehr hat es mich gefreut in Berlin ein volles Haus zu sehen, mit gleich 2 parallelen Tracks und vielen begeisterten Anhängern der Adobe Flash Platform. Daher eine grosse Verbeugung und Dank für die Invitation als Speaker an die Organisatoren Bettina, Mathias…das ist der Punkt an dem man bestimmt wieder jemanden vergisst oder? Tolle Themen, tolle Speaker, lecker Essen und Trinken, prima Location…Daumen hoch.

…da war doch noch was…

Duane “the Rockstar” Nickull alias Duan’s World musst diesmal dran glauben ;) (Dank an dieser Stelle noch einmal für das Teaming, gerne jederzeit wieder!)

Was passiert also wenn man Andre Michelle mehr als eine Stunde Zeit gibt und meine Session im gleichen Raum im Anschluss stattfinden soll?
Richtig…man bekommt die Leute einfach nicht von Ihren Plätzen *g … war aber auch weiter nicht schlimm, denn eine grossartige Idee war gebohren und manifestierte sich in einer Zusammenlegung meiner mit der Session von Duane. Und genau hier fängt der Spass erst richtig an. Ein paar Kaltgetränke, gute Beispiele, 2 “einsame” Designer in der ersten Reihe, ich thematisch abdriftend in Vektoren, Layout, Artwork, Wireframes, Lebensweisheiten ect. und schon macht das ganze so richtig Spass!

Ich hoffe es hat den Anwesenden genau so viel Freude bereitet wie mir - einschlafen konnte man nicht wirklich bei dem Tempo - und so freue ich mich auf eine nächste Einladung und plane die noch ausstehenden Events. In zeitlicher Abfolge: FATL09 am 26/27.06 2009 in Zürich & den krönenden Abschluss am 30.06.2009 bei der FlexUG in Hamburg. Da muss ich ja dann auch noch meinen Einsatz einlösen für den vorzeitigen Ausverkauf nach 12,5 Stunden. ;)

  • E-mail this story to a friend!
  • Google
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • MisterWong.DE
  • MySpace
  • Technorati
  • TwitThis

Next FlexUG Hamburg Meeting am 30.06.2009 with…

flexughh-meeting

me ;) …. Heisser Monat Juni, gestern noch auf dem Flash Camp in Berlin, mehr dazu später, nächste Woche in Zürich auf der FATL09 und dann der krönende Abschluss des Community Monats Juni in Hamburg.

flexughh-Meeting (30.06.2009) / Flex 4 Tour: Sven Claar: Everything about Flex4/ Flash Builder/ Catalyst

Und ich verspreche Euch, das wird ein interessanter Abend für alle … und damit meine ich Entwickler und Designer.

  • E-mail this story to a friend!
  • Google
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • MisterWong.DE
  • MySpace
  • Technorati
  • TwitThis

Flash Builder 4 & Flash Catalyst Beta on Labs

…nichts neues für die meisten von Euch, aber zur Sicherheit auch hier noch einmal die Top Meldung zum Wochenbeginn ;)

Adobe® Flash® Builder™ 4 beta

Adobe Flash Catalyst™ beta

  • E-mail this story to a friend!
  • Google
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • MisterWong.DE
  • MySpace
  • Technorati
  • TwitThis

FFK09: Session Flex 4 SDK (GUMBO) & Flash Catalyst

Wie schnell ging denn diese Stunde wieder vorbei? *g Rasant!!!

Ich hätte noch eine weitere Stunde gerne angefügt. Aber hier wie gerade versprochen die noch “warmen” Slides plus die Beispiele die ich gezeigt habe. Vielleicht sollte ich noch eine Stunde Video irgendwo online welches die noch die Bereiche umfasst, die ich gerne noch gezeigt hätte. “The Lost 60 minutes” ;)

Session Slides: Next Flex Workflow: Flex 4 und Flash Catalyst
Examples: Session Examples

  • E-mail this story to a friend!
  • Google
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • MisterWong.DE
  • MySpace
  • Technorati
  • TwitThis

Session: Wireframing Experiences and Applications (update: with Adobe Flash Catalyst)

Surprise, Surprise…der Session Titel muss wohl in der letzten Minute ein Update bekommen haben, denn von Flash Catalyst stand bisher jedenfalls nichts online. Ein Glück für mich, das ich nicht bei Café und Kuchen bei Peets hängengeblieben bin. Ein Novum für diesen Bericht, ich nenne den Namen des Speakers: Peter Flynn und heute ist der 11/19/08 um 9:30AM *g

Peter scheint dem FC Team anzugehören (update: definitiv), da er ein schönes Produkt T-Shirt trägt.
Ich hoffe nicht das der Name „Wireframing“ eine grundsätzliche Definition für FC und dessen Einsatzgebiete ist. Ich hab da noch ein Update aus meiner letzten Session gestern Abend, die streckenweise sehr ernüchternd war im Bezug auf den langen Weg den FC als Produkt noch vor sich hat. btw. Alle Sitze sind voll mit Entwicklern! Ok, ein paar Hände für Designer gingen auch nach oben. Anyway…dies ist eine Developer Conference. Jedenfalls die nächste Stunde. ;)

Er startet mit einer grundsätzlichen Definition von ‚wireframing’ und das ebenso im Vergleich zu ‚prototyping’.

Wireframing in FC (in short):

  • Interactivity
  • Animation/Motion (known as Transitions from Flex)
  • Designer collaboration
  • Developer collaboration

Weiter geht’s gleich in FC. Peter baut mit den ersten Standardkomponenten ein kleines Wireframe für ein Searchinterface. Build & fertig (als Flexanwendung).

Ok ein bischen komplizierter wird es mit States. Shared Objects unter FC bezeichnet Elemente die in mehreren State verfügbar sind. Änderungen werden von FC beibehalten und das stateübergreifend. In FC werden State durch colorcodes dargestellt. Wie eine Option an einem Layer, ihr kennt das aus vielen Adobe Produkten, welche ich über Toggle Buttons ein/ausschalten kann.

Ein kleines Beispiel folgt mit Transition und Animation basierend auf dem zuvor erstellen Wireframe. Hierzu zeigt er das Timeline Panel…ja richtig eine Timeline View.

Weiter geht’s mit Custom Components…a resusable chunk of UI (update: and independent sate). Veränderungen an diesen werden im gesamten Projekt übernommen. Am Beispiel einer Shopping Cart zeigt Peter dieses Feature.

Also unter uns…das funktioniert wie ein Photoshop/Illustrator…für Flex Wireframes. Layer, Tools…
Independent States sind ebenso möglich in Custom Components unter FC.

(Anmerkung: bitte im finalen Produkt nicht von Pages reden…sondern eher Views). Und auch hier ein Beispiel dazu.

Er weißt noch einmal auf den Unterschied von Application & Component States hin.

Custom actions

  • One-off change
  • Not pre-defined
  • Less predictable

Boooomm…das hatte ich noch nicht gesehen. Beispiel von mir folgt.

Custom Code…es wird noch spannender zum Ende! FC hat code completion und hinting mit dabei. Somit sind changes direkt am Quellcode unter FC möglich. Und zum grossen Finale darf natürlich kein Roundtrip zu FX4.0 fehlen. Er zeigt dies an einem Knob Dial, wireframed in FC dann AS3 in Flexbuilder und wieder zurück nach FC und der Dial ist interaktiv. Über Illustrator zeigt Peter zum Abschluss dann auch die Integration von verschiedenen neuen Assets für den Dial.

One last thing….“Resolve FXP Conflicts“ beim Import von FXP Files in FX4. Auf beiden Seiten wurden natürlich vorher Änderungen vorgenommen.

  • E-mail this story to a friend!
  • Google
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • MisterWong.DE
  • MySpace
  • Technorati
  • TwitThis

Warum FXG und FXP das Verhältnis von Designern und Developern in Flex Projekten neu definieren wird

Die folgenden Zeilen liegen mir sehr am Herzen. Erstens weil ich in den letzten Jahren unzählige Flexprojekte, Kunden und Teams betreut habe, ebenso selber natürlich Flex Entwickler/Architekt bin und eben genau der berüchtigte Designer-Developer Workflow es ist, der es allen Beteiligten schwierig macht gemeinsam schnell und zielgerichtet Projekte umzusetzen.

Hey „YES WE CAN “ ;) ….aber


Read more

  • E-mail this story to a friend!
  • Google
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • MisterWong.DE
  • MySpace
  • Technorati
  • TwitThis

Video Part 02: Flash Catalyst

Und hier gleich der zweite Teil. Und ja ich hab noch eine Menge mehr an Videos und mein Rechner hier läuft schon auf Hochtouren um alles zu komprimieren.

YouTube Preview Image
  • E-mail this story to a friend!
  • Google
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • MisterWong.DE
  • MySpace
  • Technorati
  • TwitThis

Video Part 01: Flash Catalyst

Und los gehts an diesem zweiten Morgen mit den beiden Teilen aus der Flash Catalyst Session.

Hier Teil 01, Teil 02 folgt sofort.

YouTube Preview Image
  • E-mail this story to a friend!
  • Google
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • MisterWong.DE
  • MySpace
  • Technorati
  • TwitThis

Nachtrag: Adobe® Flash Catalyst™ Session

Ok, fangen wir mit leichter und schöner Kost an und lassen die Spannung ein wenig steigen ;)

Hier der Intro-Trailer zum heiss machen der Leute in der Session. Ok ich habs ein bischen mit Musik unterlegt damit nicht nur die Hintergrundgeräusche zu hören sind. Weiter gehts dann gleich mit einem grösseren Part aus der Session.

YouTube Preview Image
  • E-mail this story to a friend!
  • Google
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • MisterWong.DE
  • MySpace
  • Technorati
  • TwitThis

Thermo == Adobe® Flash Catalyst™

Verwunderung auf ganzer Linie…gerade eben bekomme ich eine Twittermeldung mit einem Link auf folgenden Artikel (Yahoo-Biz): Adobe Advances Flash Platform at MAX 2008

Die Katze ist vorerst aus dem Sack ;)

http://labs.adobe.com/technologies/flashcatalyst/

YouTube Preview Image

  • E-mail this story to a friend!
  • Google
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • MisterWong.DE
  • MySpace
  • Technorati
  • TwitThis