Dev Drink II (Flex by Navx)

29
Feedback sur Flex

description

Présentation de Matthieu Chevrier sur la tecnho Flex, lors de la deuxième ADD.

Transcript of Dev Drink II (Flex by Navx)

Page 1: Dev Drink II (Flex by Navx)

Feedback sur Flex

Page 2: Dev Drink II (Flex by Navx)

Background Navx

• Startup

• Mission

• Projet UGC

Page 3: Dev Drink II (Flex by Navx)

Background perso

• Logiciel

• Web & Web Services

• C++

• CTO Navx

• But présentation

Page 4: Dev Drink II (Flex by Navx)

FLEX Quick Overview

Page 5: Dev Drink II (Flex by Navx)

Flex - un peu d’histoire

• Macromedia Flash (1996)

• Macromedia Flex 1 (2004)

• Abobe Flex 2 (2005)

• Adobe Flex 3 beta (2006)

Page 6: Dev Drink II (Flex by Navx)

Flex - un peu de vocabulaire

• Flash player / SWF

• Interprété/Compilé/Bytecode

• Flex (RIA)

• Air (RDA)

Page 7: Dev Drink II (Flex by Navx)

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 ?

Page 8: Dev Drink II (Flex by Navx)

Exemples Flex

• Books / page flip

• Buzzword

• Yahoo Maps

• Navx

Page 9: Dev Drink II (Flex by Navx)

Développer en Flex

• Flex Builder plugin ou IDE (payant)

• Command line / ant (gratuit)

• Comparaisons– Debugger– IDE, UI– Eclipse plugins

Page 10: Dev Drink II (Flex by Navx)

Actionscript

• Based on standard Ecmascript

• OOP

• Moderne et souple

Page 11: Dev Drink II (Flex by Navx)

MXML

• UI in XML

• MVC

• Bindings (lien vue / model sans contrôleur)

Page 12: Dev Drink II (Flex by Navx)

Flex - retour d’expérience

Page 13: Dev Drink II (Flex by Navx)

Enfin des choses intéressantes !!!

• Des bonnes nouvelles

• Des moins bonnes :-)

Page 14: Dev Drink II (Flex by Navx)

Flex builder

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

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

• (jungle des plugins, lourdeur…)

Page 15: Dev Drink II (Flex by Navx)

Actionscript

• Cool, un bon langage objet !

• Besoin de ressources OOP

• Reconversion Java -> Flex

• Reconversion Ajax -> Flex

Page 16: Dev Drink II (Flex by Navx)

Flex community

• En croissance, dynamique, blogueuse

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

Page 17: Dev Drink II (Flex by Navx)

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…)

Page 18: Dev Drink II (Flex by Navx)

Flex cross-platform

• Cross-platform et cross navigateur

• Cross device ?

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

Page 19: Dev Drink II (Flex by Navx)

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

Page 20: Dev Drink II (Flex by Navx)

Flex/Ajax interactions

• Flex -> Javascript

• Javascript -> Flex

• Attention au cross-platform

Page 21: Dev Drink II (Flex by Navx)

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)

Page 22: Dev Drink II (Flex by Navx)

Attention aux objets nuls

Page 23: Dev Drink II (Flex by Navx)

E4X

• Cool à programmer

• Peux devenir compliqué

• Perf: tout en mémoire

Page 24: Dev Drink II (Flex by Navx)

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

Page 25: Dev Drink II (Flex by Navx)

Localisation

• Bien en Flex 3

Page 26: Dev Drink II (Flex by Navx)

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)

Page 27: Dev Drink II (Flex by Navx)

SEO / référencement

• Méthode recommandée Google

• Plus de boulot qu’en HTML classique

• Mais du coup malléable aux techniques SEO

Page 28: Dev Drink II (Flex by Navx)

Flex en C/S

• Interaction avec back-end PHP

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

Page 29: Dev Drink II (Flex by Navx)

Conclusions + Q&A