as&t jeudi techno du mercredi

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/