as&t jeudi techno du mercredi
DESCRIPTION
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. - PowerPoint PPT PresentationTRANSCRIPT
Copyright © 2010 Accenture All Rights Reserved. Accenture, its logo, and High Performance Delivered are trademarks of Accenture.
AS&Tjeudi techno du mercredi
Agenda
Partie 1 : Présentation générale
Partie 2 : évaluation de FLEX – éléments basiques
Partie 3 : les extensions de FLEX
Partie 4 : Les expériences FLEX sur le centre
Partie 5 : perspectives et nouveautés
Les références
AgendaPartie 1 : Présentation générale • Flex , comment ça fonctionne?• Historique de FLEX • Flex dans le RIA • Flash & WEB
Partie 2 : évaluation de FLEX – éléments basiques
Partie 3 : les extensions de FLEX
Partie 4 : Les expériences FLEX sur le centre
Partie 5 : perspectives et nouveautés
Les références
Flex , comment ça fonctionne?
PC / MAC / Linux / Mobiles
Développement Execution
Browser
Flash Playerswc
Fichier compilé exécutable dans un
flashPlayer
FlashBuilder/autre IDE
mxmlComposant flex
style XML
Flash CS4 / CS5
flaFichier de type
annimation flash
Flash Player
airFichier compilé et packagé en tant qu’application
HTML
airApplication installée
asClasse actionScript
Flex SDKiOS
applicationApplication native
Flex 1.0 - Mars 2004
Flex 2.0 (Alpha) - Octobre 2005
Flex 2.0 Final- 28 juin 2006
Flex 3.0 - 25 février 2008
Flex 4 - Mars 2010
Historique de FLEX
•Licence par CPU de 15000$US
•SDK Flex 2 gratuit•Sortie d’action script 3
•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
Flex dans le RIATechno Éditeur Type Pré-requis Plateformes + -
FLEX Adobe Code compilé VM Flash •Windows•Android•Mac •Linux
•Richesse•Outillage•Productivité•Performance/rendu
•Opposition Apple•Dépendance Adobe/évolution
Silverlight Microsoft Code compilé .net •Windows •?
•Performance/rendu•Richesse et outillage en progrès
•Futur compromis
Js/Ajax Open Code interprété •All (js activé) •Démocratisation•Communauté•%Navigateur supportant la techno
•Limitations en fonctionnalités•Performance•Niveau de rendu inférieur et dépendant du client
HTML5 Open Code interprété •Partiel sur IE9, Chrome •Firefox 4
•Standard d’avenir•Support des fonctionnalités RIA les plus importantes
•Non définitif, partiellement supporté•Moins complet•Niveau de rendu dépendant du client
Java FX Oracle Code compilé jvm •? •? •Maturité, performance, complexité
Flash & WEB
Web 2.0Devient omniprésent99% de la population utilisatrice d’internet peut être visée.En avance par rapport à ses concurrents
Flash & WEB Implantation de 95% en Europe.
Flash Player 9 & below
Flash Player 10
Flash Player 10.1
Mature Markets1 99.6% 99.0% 85.3%US/Canada 99.9% 99.5% 87.4%
Europe2 99.7% 99.5% 86.2%Japan 98.6% 97.4% 78.6%
Australia/New Zealand4 99.1% 98.3% 83.3%
Emerging Markets (from June 2010)3 98.8% 97.0% 82.4%
Flash & WEBEvolution rapide depuis l’émergence des Smartphones Prévision de couverture des Smartphones ambitieuse
Agenda
Partie 1 : Présentation générale
Partie 2 : évaluation de FLEX – éléments basiques • Présentation du tour de FLEX • Présentation de Adobe AIR LAUCHPAD• Le SDK open source de Flex
Partie 3 : les extensions de FLEX
Partie 4 : Les expériences FLEX sur le centre
Partie 5 : perspectives et nouveautés
Les références
Présentation du tour de FLEX
http://www.adobe.com/devnet-apps/flex/tourdeflex/web/
Présentation de Adobe AIR LAUCHPAD
http://labs.adobe.com/downloads/airlaunchpad.html
Le SDK open source de Flex
AgendaPartie 1 : Présentation générale
Partie 2 : évaluation de FLEX – éléments basiques
Partie 3 : les extensions de FLEX• BlazeDS / Lifecycle management • Interaction avec les autres produits Adobe (Flash Catalyst /
Illustrator)• Flex et appareils mobiles (Compilation pour Iphone/android/html5)• Etendre FLEX
Partie 4 : Les expériences FLEX sur le centre
Partie 5 : perspectives et nouveautés
Les références
BlazeDS / Lifecycle management
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
BlazeDS / Lifecycle management
BlazeDS Serveur d’application
Open source Basé sur Serveur
propriétaire Adobe
BlazeDS / Lifecycle management
BlazeDS / Lifecycle management
BlazeDS / Lifecycle management
LiveCycle Support Adobe Suite contenant de nombreux produits pour Entreprise
BlazeDS / Lifecycle management
BlazeDS / Lifecycle management
Interaction avec les autres produits Adobe
Flash Catalyst / Illustrator« l’idée est de partir du design pour
développer l’application »
maquette graphique
Importation maquette et
Génération de code
Implémentation du code métier
Interaction avec les autres produits Adobe Flash Catalyst / Illustrator
Démo : http://www.youtube.com/watch?v=YJyfBPe03ik&feature=player_detailpage
Flex et appareils mobiles Flex présent dans la plupart des
terminaux mobiles : AndroidRIM iOS
Flex et appareils mobiles Développement Flex pour Android:
IDE / Outils :○ Flash builder○ Editeur de texte / Eclipse○ SDK open source
Compilation et testsDéploiement sur VM Android Déploiement sur Terminal Android
directement
Flex et appareils mobiles Exemple simple de déploiement « Hello
World » sur terminal Android avec mode débug USB activé
Flex et appareils mobiles Exemple simple de déploiement « Hello
World » sur BlackBerry & iPhone
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
Flex et appareils mobiles
Etendre FLEX – les libsLib Objectif URL Commentaire
Papervision Gestion 3D http://blog.papervision3d.org/
Greenstock Gestions des effets http://www.greensock.com
TweenmaxTimelineMax
AlivePDF Génération de report
http://code.google.com/p/alivepdf/
deepZoom Gestion d’image haute résolution
http://gasi.ch/examples/2008/12/08/flex-multiscaleimage-component/controllers/
Etendre FLEX – les frameworks
Frameworks Objectif URL Commentaire
Pure MVC
Framework mvc http://puremvc.org/ Utilisé pour EOD
CairnGorm MVC http://opensource.adobe.com/wiki/display/cairngorm/Cairngorm
Framework de référence d’adobe
Spring Actionscript
Framework IoC http://www.springactionscript.org/
parsley Framework IoC http://www.spicefactory.org/parsley/
Agenda
Partie 1 : Présentation générale
Partie 2 : évaluation de FLEX – éléments basiques
Partie 3 : les extensions de FLEX
Partie 4 : Les expériences FLEX sur le centre
Partie 5 : perspectives et nouveautés
Les références
Les expériences FLEX sur le centre
France Telecom •EOD
Le Louvre•Le Carrousel
La refonte SharePoint •Nouvelle page d’accueil
Maestro•Module de gestion des opportunités
Groupama•OAD
AgendaPartie 1 : Présentation générale
Partie 2 : évaluation de FLEX – éléments basiques
Partie 3 : les extensions de FLEX
Partie 4 : Les expériences FLEX sur le centre
Partie 5 : perspectives et nouveautés • FLEX et HTML5• FLEX et la 3D • Au-delà de Flex 3• Performances FLEX vs HTML5
Les références
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
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
SwiffyOutil 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 :
Performances FLEX vs HTML5
Performances FLEX vs HTML5
Performances FLEX vs HTML5 GUIMark 2
HTML5 Flash 10Windows 7Internet Explorer 8.0.7600 N/A 30.7Firefox 3.6.3 15.73 29.65Chrome 4.1.249 6.41 26Opera 10.53 24.77 29.9Safari 4.0.5 Safari* 29.5
Avg (15.64) fps Avg (29.15) fps
Snow LeopardSafari 4.0.5 4.04 20.55Firefox 3.6.3 3 23.92Chrome 5.0.342 2.86 25.48Opera 10.10 12.22 15.24
Avg (5.53) fps Avg (21.29) fps
Linux MintFirefox 3.5.9 14.61 fps 22.88 fps
FLEX et la 3D Bases Mollehill
FLEX et la 3D Bases Mollehill
FLEX et la 3D Démo Flex 3D
1. Le ping pong 3D○ http://www.professionalpaperv
ision.com/demos/pong/PongGame.html
2. Jeu est hebergé sur le site de mollehill
○ http://molehill.zombietycoon.com/Game.html
Au-delà de Flex3 Nouveautés Flex4 :
Intégration avec Flash CatalystMXML 2009Amélioration du skinning.Support de FXGPerformances de compilation meilleures
Nouveautés Flex 4.5Développements multiplateformeComposants optimisés mobiles
Nouveautés AIR 3 / Flash 11Amélioration de la gestion de la 3D (MolHill)
New !
Agenda
Partie 1 : Présentation générale
Partie 2 : évaluation de FLEX – éléments basiques
Partie 3 : les extensions de FLEX
Partie 4 : Les expériences FLEX sur le centre
Partie 5 : perspectives et nouveautés
Les références
Références http://www.flex-tutorial.fr/tutorial-flex-liste
/ http://tv.adobe.com/watch/