Feedback sur Flex

Background Navx Startup Mission Projet UGC

Startup

Mission

Projet UGC

Background perso Logiciel Web & Web Services C++ CTO Navx But présentation

Logiciel

Web & Web Services

C++

CTO Navx

But présentation

FLEX Quick Overview

Flex - un peu d’histoire Macromedia Flash (1996) Macromedia Flex 1 (2004) Abobe Flex 2 (2005) Adobe Flex 3 beta (2006)

Macromedia Flash (1996)

Macromedia Flex 1 (2004)

Abobe Flex 2 (2005)

Adobe Flex 3 beta (2006)

Flex - un peu de vocabulaire Flash player / SWF Interprété/Compilé/Bytecode Flex (RIA) Air (RDA)

Flash player / SWF

Interprété/Compilé/Bytecode

Flex (RIA)

Air (RDA)

Flex - enjeux et concurrents Guerre du RIA / Web 2.0 Microsoft Silverlight Mozilla XUL AJAX (prototype…) Google (gears, GWT) Guerre de l’open source - Flex Open Source ?

Guerre du RIA / Web 2.0

Microsoft Silverlight

Mozilla XUL

AJAX (prototype…)

Google (gears, GWT)

Guerre de l’open source - Flex Open Source ?

Exemples Flex Books / page flip Buzzword Yahoo Maps Navx

Books / page flip

Buzzword

Yahoo Maps

Navx

Développer en Flex Flex Builder plugin ou IDE (payant) Command line / ant (gratuit) Comparaisons Debugger IDE, UI Eclipse plugins

Flex Builder plugin ou IDE (payant)

Command line / ant (gratuit)

Comparaisons

Debugger

IDE, UI

Eclipse plugins

Actionscript Based on standard Ecmascript OOP Moderne et souple

Based on standard Ecmascript

OOP

Moderne et souple

MXML UI in XML MVC Bindings (lien vue / model sans contr ô leur)

UI in XML

MVC

Bindings (lien vue / model sans contr ô leur)

Flex - retour d’expérience

Enfin des choses intéressantes !!! Des bonnes nouvelles Des moins bonnes :-)

Des bonnes nouvelles

Des moins bonnes :-)

Flex builder Cool, un debugger, un profiler ! (rare en php, javascript) Eclipse : ok, pas encore au niveau d’autre IDEs (jungle des plugins, lourdeur…)

Cool, un debugger, un profiler ! (rare en php, javascript)

Eclipse : ok, pas encore au niveau d’autre IDEs

(jungle des plugins, lourdeur…)

Actionscript Cool, un bon langage objet ! Besoin de ressources OOP Reconversion Java -> Flex Reconversion Ajax -> Flex

Cool, un bon langage objet !

Besoin de ressources OOP

Reconversion Java -> Flex

Reconversion Ajax -> Flex

Flex community En croissance, dynamique, blogueuse Mais pas encore assez nombreuse (recherche google sur pb pointus)

En croissance, dynamique, blogueuse

Mais pas encore assez nombreuse (recherche google sur pb pointus)

Flex - maturité Flex 3 utilisable m ê me en b ê ta Besoin encore de m û rir pour des gros projets (macros, copie des ressources…) Qq bugs Qq manques dans l’api (reponse requete http…)

Flex 3 utilisable m ê me en b ê ta

Besoin encore de m û rir pour des gros projets (macros, copie des ressources…)

Qq bugs

Qq manques dans l’api (reponse requete http…)

Flex cross-platform Cross-platform et cross navigateur Cross device ? Promesse tenue a 99.5% (course à l’évènement, transparent layers on linux…)

Cross-platform et cross navigateur

Cross device ?

Promesse tenue a 99.5% (course à l’évènement, transparent layers on linux…)

Flex asynchrone TOUT est asynchrone en Flex But: ne jamais bloquer le navigateur (une seule thread) Pas toujours facile a programmer (reseaux etc etc) Attention a l’init

TOUT est asynchrone en Flex

But: ne jamais bloquer le navigateur (une seule thread)

Pas toujours facile a programmer (reseaux etc etc)

Attention a l’init

Flex/Ajax interactions Flex -> Javascript Javascript -> Flex Attention au cross-platform

Flex -> Javascript

Javascript -> Flex

Attention au cross-platform

Hell = crossdomain.xml 0 sécurité ajoutée Maxi ennuyeux (ex: récupérer des données dont on n’a pas le contrôle sur le serveur)

0 sécurité ajoutée

Maxi ennuyeux (ex: récupérer des données dont on n’a pas le contrôle sur le serveur)

Attention aux objets nuls

E4X Cool à programmer Peux devenir compliqué Perf: tout en mémoire

Cool à programmer

Peux devenir compliqué

Perf: tout en mémoire

Flex performance Si adapté, faire travailler le client le + possible Epargner le server Taille du swf Facile de garder le context de l’appli, contrairement a l’ajax

Si adapté, faire travailler le client le + possible

Epargner le server

Taille du swf

Facile de garder le context de l’appli, contrairement a l’ajax

Localisation Bien en Flex 3

Bien en Flex 3

Flex : le Waouh effect Certains effets ne sont dispos que en Flash/Flex Ne pas se priver car certains utilisateurs en sont friands ! (pas trop gadget quand m ê me)

Certains effets ne sont dispos que en Flash/Flex

Ne pas se priver car certains utilisateurs en sont friands ! (pas trop gadget quand m ê me)

SEO / référencement Méthode recommandée Google Plus de boulot qu’en HTML classique Mais du coup malléable aux techniques SEO

Méthode recommandée Google

Plus de boulot qu’en HTML classique

Mais du coup malléable aux techniques SEO

Flex en C/S Interaction avec back-end PHP Interaction avec Blaze DS - LiveCycle (ex FDS) - Java

Interaction avec back-end PHP

Interaction avec Blaze DS - LiveCycle (ex FDS) - Java

Conclusions + Q&A