Adobe Flex 3 is a development solution for Rich Internet Applications (RIAs). Flex allows developers to create applications that run in a web browser using Adobe Flash Player or on desktops using Adobe AIR. It provides tools for building user interfaces, accessing data services, and integrating with existing IT infrastructure. Flex also has strong support for open source with many of its core components and libraries released under an open source license.
1. Adobe Flex 3
Solutions Open Source de
développement de RIA
Michaël CHAIZE
mchaize@adobe.com
Blog: CodeMoiUnMouton
1
2007 Adobe Systems Incorporated. All Rights Reserved.
2. Agenda
-Un point sur Flash
-Qu’est ce que Flex ?
-Des exemples
-Décomposition de l’offre
-Flex et l’Open Source
-Au-delà du navigateur…
2
2007 Adobe Systems Incorporated. All Rights Reserved.
3. Evolution du format Flash: 11 ans d’IHM
Un format d’animation vectoriel publié
Le Rich Media: son et vidéo
Introduction d’un langage de script
IHM et expérience utilisateur
Mobilité et embarqué
Le Flash Player est partout
L’explosion de la RIA: refonte de la
machine virtuelle
Une communauté de designers et de
développeurs
3
2007 Adobe Systems Incorporated. All Rights Reserved.
4. La révolution: le Flash Player 9, un socle applicatif
Performances
La VM a été réécrite intégralement avec un
compilateur JIT
AS3 100% ECMA-262
Support total sur Windows, Mac et Linux
Nouvelle machine virtuelle : AVM2
9 Conçue pour être rapide tout en consommant un
minimum de mémoire
Coexiste avec la AVM1
AVM2 est un projet openSource
Le nouveau Firefox utilisera notre moteur (projet
Tamarin)
4
2007 Adobe Systems Incorporated. All Rights Reserved.
5. Démonstration: Performances du Flash Player 9
CHALLENGE:
Afficher un tableau de 10.000 lignes et
effectuer un tri sur une colonne.
Contrainte: Dans un navigateur web.
9
5
2007 Adobe Systems Incorporated. All Rights Reserved.
6. Flex, c’est quoi ?
6
2007 Adobe Systems Incorporated. All Rights Reserved.
7. Qu’est ce que Flex ?
Flex, c’est une façon de faire des
fichiers Flash (swf).
Flex, c’est pour les développeurs.
Flex, c’est pour faire des
applications…
Qui s’exécutent dans le
navigateur web (Adobe Flash
Player)…
…sur le bureau (Adobe AIR)…
… sur les mobiles.
7
2005 Adobe Systems Incorporated. All Rights Reserved.
8. Evolution des applications “Entreprise”
Global
2005+
Web Applications Rich Internet
Applications
Reach
1998
1992
Local
Mainframe Client/Server
Text UI Rich Integrated media GUI
8
2007 Adobe Systems Incorporated. All Rights Reserved.
9. Les atouts des applications Flex
Menus & Navigation Controls Bi-Directional
Audio & Video
Data
Visualization &
Collaboration
Real Time
Data Push
& Alerting
Resizable
Views/Effects/
Transitions Chat
Rich Data Entry
Mapping,
Geo-Coding, Data
Annotations & Synchronization
White boarding & Conflict
Resolution
Offline
9
2007 Adobe Systems Incorporated. All Rights Reserved.
10. Exemple de réalisation pour Wall Street
10
2007 Adobe Systems Incorporated. All Rights Reserved.
11. Design Led Innovation
a permis la transformation des
données en information
11
2007 Adobe Systems Incorporated. All Rights Reserved.
12. De quoi ai-je besoin pour
réaliser une application Flex ?
12
2007 Adobe Systems Incorporated. All Rights Reserved.
13. La ligne Adobe Flex
FREE
Flex Builder with Charting
Flash Player 9
Design View
Code Hinting
Debugging, Refactoring, Profiler
Component Skinning
FREE Version Linux
Flex SDK 3
Blaze DS
Remoting Java
FREE Format AMF pour échanger les objets
Flex/Ajax Bridge Messaging HTTP
Open Source
13
2007 Adobe Systems Incorporated. All Rights Reserved.
14. Fonctionnement et déploiement
Flex Builder IDE MXML and ActionScript
Flex SDK
Flex SDK
MXML
MXML ActionScript
ActionScript
Flex Class Library
Flex Class Library
Compile
.swf
14
2007 Adobe Systems Incorporated. All Rights Reserved.
15. Fonctionnement et déploiement
Flex Builder IDE Browser
Browser
MXML and ActionScript
Flash Player
Flex SDK
Flex SDK
MXML
MXML ActionScript
ActionScript .swf
Flex Class Library
Flex Class Library
XML AMF
Web Server
Web Server
Compile
XML/HTTP
XML/HTTP Blaze DS
REST
REST
SOAP Web Services
SOAP Web Services J2EE Application Server
J2EE Application Server
.swf
Existing Applications and Infrastructure
Existing Applications and Infrastructure
15
2007 Adobe Systems Incorporated. All Rights Reserved.
16. Flex et l’Open Source
16
2007 Adobe Systems Incorporated. All Rights Reserved.
17. Flex et l’Open Source
Open Source Flex SDK Mozilla Public License Initiatives Adobe
Outils Librairies Projets
MXML Compiler Flex Core Components
(mxmlc, compc) Flex Unit
AS3 Compiler Flex AIR Components Cairngorm MVC
Flex Command Line Graphics Tags Libraries Flex Stressing
Debugger (FDB) Framework
Themes (e.g., Halo)
View Source Utilities
RPC Libraries (SOAP, FlexLib
Web Tier Compiler
Modules HTTP, Client Remoting) Tamarin
Automated Testing FABridge Ajax Video player
Framework (core
infrastructure and
component extensions)
17
2005 Adobe Systems Incorporated. All Rights Reserved.
18. Blaze DS (LGPL)
Blaze DS apporte le remoting et le
messaging HTTP à la communauté Open
Source avec le soutient d’Adobe
Objectif: Connecter une application Flec
ou Ajax à la logique métier du serveur
Amélioration des transferts de données
pour des meilleurs temps de réponse
Data push temps réel sur le standard HTTP
(Poll and Comet)
Messaging complet en publication et
souscription
Gratuit et open source
Publication de l’ Action Message Format
(AMF) binary data protocol specification
Builds certifiées, garanties entreprise et
support pour les entreprises
18
2005 Adobe Systems Incorporated. All Rights Reserved.
19. La communauté Open Source
19
2007 Adobe Systems Incorporated. All Rights Reserved.
21. RIA Technology Trends
2007-2008
Cross-
Phone/Device
Flex Mobile
2006
Cross-
Platform
Web Browser
HTML/JavaScript Adobe AIR
Ajax/Flash/Flex Desktop
Windows
Only
Web Rich Internet Lightweight Native
Pages Applications Desktop Apps Applications
JIT Deployment JIT Deployment JIT Deployment Heavyweight Install
Dumb Client Rich Client OS Integration Native OS Integration
Page-Based Model Robust App Model Offline Operation Offline Operation
21
2007 Adobe Systems Incorporated. All Rights Reserved.
22. Adobe AIR Application Stack
HTML Flash
Cross-OS
HTML Flex Application
JavaScript Flash ActionScript HTML Integrated
XML XML Rendering
CSS Audio
Integrated DOMs
PDF Video PDF
& Scripting
File System Network
File System Network Application Drag and Local
Notifications Application
Notifications
Drag and Local ...
... Adobe AIR APIs
Access
Access Detection
Detection Update
Update Drop
Drop Database
Database
Mac, Windows, Linux & Device OS
22
2007 Adobe Systems Incorporated. All Rights Reserved.
23. Adobe AIR: Fonctionnalités
Gestion du HTML avec WebKit Ressources locales
Flash Player 9 Online/offline détection
Intégration HTML/Flash/PDF Drag-and-drop
Base de données SQLite Accès au Clipboard
Background processing
Gestion multi-fenêtres
Custom window chrome
Transparent applications
More…
23
2007 Adobe Systems Incorporated. All Rights Reserved.
24. Liens
24
2007 Adobe Systems Incorporated. All Rights Reserved.
25. Pour aller plus loin…
Tester les solutions Flex
Public beta downloads – http://labs.adobe.com/flex
Public roadmaps and specifications – http://flexwiki.adobe.com
Guides pour bien démarrer
Le portail Flex – http://www.flex.org
Des exemples en ligne – http://www.flex.org/showcase/
Slides de cette présentation
Mon blog – http://codemoiunmouton.wordpress.com
Blog sur la RIA – http://www.riapedia.com
25
2007 Adobe Systems Incorporated. All Rights Reserved.
26. Q&A
26
2007 Adobe Systems Incorporated. All Rights Reserved.