Drink… Drink… Drink…. Or Should You? Myths About Alcoholism.
Dev Drink II (Flex by Navx)
-
Upload
altaide -
Category
Technology
-
view
3.820 -
download
0
description
Transcript of Dev Drink II (Flex by Navx)
![Page 1: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/1.jpg)
Feedback sur Flex
![Page 2: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/2.jpg)
Background Navx
• Startup
• Mission
• Projet UGC
![Page 3: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/3.jpg)
Background perso
• Logiciel
• Web & Web Services
• C++
• CTO Navx
• But présentation
![Page 4: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/4.jpg)
FLEX Quick Overview
![Page 5: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/5.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/6.jpg)
Flex - un peu de vocabulaire
• Flash player / SWF
• Interprété/Compilé/Bytecode
• Flex (RIA)
• Air (RDA)
![Page 7: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/7.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/8.jpg)
Exemples Flex
• Books / page flip
• Buzzword
• Yahoo Maps
• Navx
![Page 9: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/9.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/10.jpg)
Actionscript
• Based on standard Ecmascript
• OOP
• Moderne et souple
![Page 11: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/11.jpg)
MXML
• UI in XML
• MVC
• Bindings (lien vue / model sans contrôleur)
![Page 12: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/12.jpg)
Flex - retour d’expérience
![Page 13: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/13.jpg)
Enfin des choses intéressantes !!!
• Des bonnes nouvelles
• Des moins bonnes :-)
![Page 14: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/14.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/15.jpg)
Actionscript
• Cool, un bon langage objet !
• Besoin de ressources OOP
• Reconversion Java -> Flex
• Reconversion Ajax -> Flex
![Page 16: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/16.jpg)
Flex community
• En croissance, dynamique, blogueuse
• Mais pas encore assez nombreuse (recherche google sur pb pointus)
![Page 17: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/17.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/18.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/19.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/20.jpg)
Flex/Ajax interactions
• Flex -> Javascript
• Javascript -> Flex
• Attention au cross-platform
![Page 21: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/21.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/22.jpg)
Attention aux objets nuls
![Page 23: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/23.jpg)
E4X
• Cool à programmer
• Peux devenir compliqué
• Perf: tout en mémoire
![Page 24: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/24.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/25.jpg)
Localisation
• Bien en Flex 3
![Page 26: Dev Drink II (Flex by Navx)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/26.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/27.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/28.jpg)
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)](https://reader033.fdocuments.in/reader033/viewer/2022051514/5480f4a6b37959492b8b5c17/html5/thumbnails/29.jpg)
Conclusions + Q&A