Download - AS&T jeudi techno du mercredi
![Page 1: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/1.jpg)
Copyright © 2010 Accenture All Rights Reserved. Accenture, its logo, and High Performance Delivered are trademarks of Accenture.
AS&Tjeudi techno du mercredi
![Page 2: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/2.jpg)
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
![Page 3: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/3.jpg)
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
![Page 4: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/4.jpg)
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
![Page 5: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/5.jpg)
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
![Page 6: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/6.jpg)
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é
![Page 7: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/7.jpg)
Flash & WEB
Web 2.0Devient omniprésent99% de la population utilisatrice d’internet peut être visée.En avance par rapport à ses concurrents
![Page 8: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/8.jpg)
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%
![Page 9: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/9.jpg)
Flash & WEBEvolution rapide depuis l’émergence des Smartphones Prévision de couverture des Smartphones ambitieuse
![Page 10: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/10.jpg)
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
![Page 11: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/11.jpg)
Présentation du tour de FLEX
http://www.adobe.com/devnet-apps/flex/tourdeflex/web/
![Page 12: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/12.jpg)
Présentation de Adobe AIR LAUCHPAD
http://labs.adobe.com/downloads/airlaunchpad.html
![Page 13: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/13.jpg)
Le SDK open source de Flex
![Page 14: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/14.jpg)
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
![Page 15: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/15.jpg)
BlazeDS / Lifecycle management
![Page 16: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/16.jpg)
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
![Page 17: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/17.jpg)
BlazeDS / Lifecycle management
BlazeDS Serveur d’application
Open source Basé sur Serveur
propriétaire Adobe
![Page 18: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/18.jpg)
BlazeDS / Lifecycle management
![Page 19: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/19.jpg)
BlazeDS / Lifecycle management
![Page 20: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/20.jpg)
BlazeDS / Lifecycle management
LiveCycle Support Adobe Suite contenant de nombreux produits pour Entreprise
![Page 21: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/21.jpg)
BlazeDS / Lifecycle management
![Page 22: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/22.jpg)
BlazeDS / Lifecycle management
![Page 23: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/23.jpg)
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
![Page 24: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/24.jpg)
Interaction avec les autres produits Adobe Flash Catalyst / Illustrator
Démo : http://www.youtube.com/watch?v=YJyfBPe03ik&feature=player_detailpage
![Page 25: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/25.jpg)
Flex et appareils mobiles Flex présent dans la plupart des
terminaux mobiles : AndroidRIM iOS
![Page 26: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/26.jpg)
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
![Page 27: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/27.jpg)
Flex et appareils mobiles Exemple simple de déploiement « Hello
World » sur terminal Android avec mode débug USB activé
![Page 28: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/28.jpg)
Flex et appareils mobiles Exemple simple de déploiement « Hello
World » sur BlackBerry & iPhone
![Page 29: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/29.jpg)
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
![Page 30: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/30.jpg)
Flex et appareils mobiles
![Page 31: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/31.jpg)
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/
![Page 32: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/32.jpg)
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/
![Page 33: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/33.jpg)
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
![Page 34: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/34.jpg)
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
![Page 35: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/35.jpg)
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
![Page 36: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/36.jpg)
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
![Page 37: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/37.jpg)
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 :
![Page 38: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/38.jpg)
Performances FLEX vs HTML5
![Page 39: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/39.jpg)
Performances FLEX vs HTML5
![Page 40: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/40.jpg)
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
![Page 41: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/41.jpg)
FLEX et la 3D Bases Mollehill
![Page 42: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/42.jpg)
FLEX et la 3D Bases Mollehill
![Page 43: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/43.jpg)
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
![Page 44: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/44.jpg)
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 !
![Page 45: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/45.jpg)
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
![Page 46: AS&T jeudi techno du mercredi](https://reader035.vdocument.in/reader035/viewer/2022062301/568160b6550346895dcfda13/html5/thumbnails/46.jpg)
Références http://www.flex-tutorial.fr/tutorial-flex-liste
/ http://tv.adobe.com/watch/