1 / 46

AS&T jeudi techno du mercredi

AS&T jeudi techno du mercredi. Agenda. Agenda. Flex , comment ça fonctionne?. Historique de FLEX . SDK Flex 3 sous licence  Mozilla Public License Adobe AIR 1.0 Flashplayer 9. Refonte des composants facilitant le développement Flashplayer 10 Orientation vers les plateformes mobiles.

jake
Download Presentation

AS&T jeudi techno du mercredi

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. AS&Tjeudi techno du mercredi

  2. Agenda

  3. Agenda

  4. Flex , comment ça fonctionne?

  5. Historique de FLEX • SDK Flex 3 sous licence Mozilla Public License • Adobe AIR 1.0 • Flashplayer 9 • Refonte des composants facilitant le développement • Flashplayer 10 • Orientation vers les plateformes mobiles • SDK Flex 2 gratuit • Sortie d’action script 3 • Licence par CPU de 15000$US

  6. Flex dans le RIA

  7. Flash & WEB Web 2.0 Devient omniprésent 99% de la population utilisatrice d’internet peut être visée. En avance par rapport à ses concurrents

  8. Flash & WEB • Implantation de 95% en Europe.

  9. Flash & WEB Evolution rapide depuis l’émergence des Smartphones Prévision de couverture des Smartphones ambitieuse

  10. Agenda

  11. Présentation du tour de FLEX http://www.adobe.com/devnet-apps/flex/tourdeflex/web/

  12. Présentation de Adobe AIR LAUCHPAD http://labs.adobe.com/downloads/airlaunchpad.html

  13. Le SDK open source de Flex <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <s:Panel> <s:Ellipse id="rect" width="{slider2.value}" height="100"> <s:fill> <s:LinearGradient rotation="45"> <s:GradientEntry color="0x5008f3" /> <s:GradientEntry color="0x7a2a84" /> <s:GradientEntry color="0xfe08a4" /> </s:LinearGradient> </s:fill> </s:Ellipse> </s:Panel> <s:VSlider id="slider2" x="208" y="0" height="149" minimum="50" maximum="180" value="160"/> </s:Application>

  14. Agenda

  15. BlazeDS / Lifecycle management

  16. BlazeDS / Lifecycle management • Types de communication Client / Serveur : • Communication par Requête/Réponse HTTP (HTTPService, HTTP Web, Flash Remoting …) • Communication en temps réel (XMLSocket, Binary Socket, RTMP …) • Upload/Download de Fichiers

  17. BlazeDS / Lifecycle management • BlazeDS • Serveur d’application Open source • Basé sur Serveur propriétaire Adobe

  18. BlazeDS / Lifecycle management

  19. BlazeDS / Lifecycle management

  20. BlazeDS / Lifecycle management LiveCycle • Support Adobe • Suite contenant de nombreux produits pour Entreprise

  21. BlazeDS / Lifecycle management

  22. BlazeDS / Lifecycle management

  23. Interaction avec les autres produits Adobe • Flash Catalyst / Illustrator • « l’idée est de partir du design pour développer l’application » Importation maquette et Génération de code maquette graphique Implémentation du code métier

  24. Interaction avec les autres produits Adobe • Flash Catalyst / Illustrator • Démo : http://www.youtube.com/watch?v=YJyfBPe03ik&feature=player_detailpage

  25. Flex et appareils mobiles • Flex présent dans la plupart des terminaux mobiles : • Android • RIM • iOS

  26. Flex et appareils mobiles • Développement Flex pour Android: • IDE / Outils : • Flash builder • Editeur de texte / Eclipse • SDK open source • Compilation et tests • Déploiement sur VM Android • Déploiement sur Terminal Android directement

  27. Flex et appareils mobiles • Exemple simple de déploiement « Hello World » sur terminal Android avec mode débug USB activé

  28. Flex et appareils mobiles • Exemple simple de déploiement « Hello World » sur BlackBerry & iPhone

  29. Flex et appareils mobiles • Développement Flex pour iPhone: • Meilleur support depuis la version 4.5 • Développement restreint par Apple • Manque de documentation de développement actuellement

  30. Flex et appareils mobiles

  31. Etendre FLEX – les libs

  32. Etendre FLEX – les frameworks

  33. Agenda

  34. Les expériences FLEX sur le centre

  35. Agenda

  36. FLEX et la 3D • Disponible à partir de la version 11. (Aujourd'hui en Beta). • Basée sur la bibliothèque MoleHill développée par Adobe Labs

  37. FLEX et HTML5 • Wallaby : • Dispo sur Adobe Labs. http://labs.adobe.com/technologies/wallaby/ • Prise en charge des FLA création de l’équivalent HTML5/js/CSS • Swiffy • Outil de google : http://swiffy.googlelabs.com/ •  Outil en ligne qui convertit un fichier Flash SWF en un code HTML5 compatible avec les navigateurs WebKit tels que Chrome et Safari. Démo :

  38. Performances FLEX vs HTML5

  39. Performances FLEX vs HTML5

  40. Performances FLEX vs HTML5 • GUIMark 2

  41. FLEX et la 3D • Bases Mollehill

  42. FLEX et la 3D • Bases Mollehill

  43. FLEX et la 3D • Démo Flex 3D • Le pingpong 3D • http://www.professionalpapervision.com/demos/pong/PongGame.html • Jeuesthebergésur le site de mollehill • http://molehill.zombietycoon.com/Game.html

  44. Au-delà de Flex3 • Nouveautés Flex4 : • Intégration avec Flash Catalyst • MXML 2009 • Amélioration du skinning. • Support de FXG • Performances de compilation meilleures • Nouveautés Flex 4.5 • Développements multiplateforme • Composants optimisés mobiles • Nouveautés AIR 3 / Flash 11 • Amélioration de la gestion de la 3D (MolHill) New !

  45. Agenda

  46. Références • http://www.flex-tutorial.fr/tutorial-flex-liste/ • http://tv.adobe.com/watch/

More Related