1. Adobe Flex &
PHP
Michaël CHAIZE
mchaize@adobe.com
http://codemoiunmouton.wordpress.com
2006 Adobe Systems Incorporated. All Rights Reserved.
2. Agenda
-Qu’est ce qu’une RIA ? Flex ?
-Devenir développeur de RIA
-Flex et PHP: on passe au code
-Ressources pour aller plus loin
2006 Adobe Systems Incorporated. All Rights Reserved.
3. Evolution des applications
Global
2005+
Web Applications Rich Internet
Applications
Reach
1998
1992
Local
Client/Server
Mainframe
Rich
Text UI Integrated media GUI
2006 Adobe Systems Incorporated. All Rights Reserved.
4. Qu’est ce qu’une RIA ?
Rich Internet Applications
Un logiciel complet qui tourne dans le navigateur internet
Un look & feel d’application bureautique
Plus que simplement un peu d’Ajax
Transférer les calculs d’interfaces côté client
Exemple: Tri côté client sans A/R avec le serveur
2006 Adobe Systems Incorporated. All Rights Reserved.
5. Exemples de RIA Flex / PHP
Yahoo Maps – http://maps.yahoo.com
Flex and PHP
PicNik / Finetune – http://www.finetune.com
Flex and PHP
Mindomo – http://www.mindomo.com/
Flex and PHP
Flex showcase – http://flex.org/showcase/
Flex and PHP (Drupal)
2006 Adobe Systems Incorporated. All Rights Reserved.
6. Qu’est ce que Flex ?
Flex permet de créer des applications
Flash sans notion de ligne de temps,
calques ou animations.
C’est une librairie de composants Flash
pour la RIA.
Flex SDK:
Gratuit et OpenSource
Multiplateforme, debugger
Flex Builder:
IDE basé sur Eclipse
Tous les composants du SDK
Assistants de création (dont PHP)
2006 Adobe Systems Incorporated. All Rights Reserved.
7. 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)
2006 Adobe Systems Incorporated. All Rights Reserved.
8. Flex et PHP
Points communs Différences
Même architecture client/web server Flex est 100% client-side, pas server-
side
Toujours Apache, et navigateur web
PHP pour le code serveur, Flex pour le client
Programmation orientée objet
Les applications Flex sont compilées
Si vous créez des classes en PHP, la
programmation ActionScript 3 sera simple à Au format SWF
apprendre
Flex Builder permet le debugging
Connexion à MySQL avec PHP
Rend le développement d’IHM beaucoup
Transfert des données avec XML, JSON et plus simple et sûr
AMF
Sortie en Flash à la place de HTML
8
2005 Adobe Systems Incorporated. All Rights Reserved.
9. Agenda
-Qu’est ce qu’une RIA ? Flex ?
-Devenir développeur de RIA
-Flex et PHP: on passe au code
-Ressources pour aller plus loin
9
2005 Adobe Systems Incorporated. All Rights Reserved.
10. Quelles sont les opportunités de Marché ?
Facteurs clés de succès du client riche
pour les applications SOA
1. Augmentation des types de Devices,
du sans fil, de la Mobilité et du mode
déconnecté
2. Augmentation des offres de services
en mode événementiel
3. Adoption accélérée des formulaires
électroniques et des interfaces de
collecte de données
“By 2010, at least 60 percent of new application
development projects will include RIA technology.”
Zapthink Gartner
2006 Adobe Systems Incorporated. All Rights Reserved.
11. Pourquoi pas vous ?
2006 Adobe Systems Incorporated. All Rights Reserved.
12. Le momentum Flex
“… After a slow start with Flex 1.0, Flex 2.0
seems to be hitting its stride. Our recent book
‘Programming Flex 2’ was our strongest new
product release on Amazon in years.”
- Tim O’Reilly
“… The last time we had this excitement was
back in March 2005 when Make volume 1
debuted. Before that, it was Programming the
Perl DBI back in Feburary 2000.”
- Bonnie Sheehan, O’Reilly Sales Rep for
Amazon
2006 Adobe Systems Incorporated. All Rights Reserved.
13. Agenda
-Qu’est ce qu’une RIA ? Flex ?
-Devenir développeur de RIA
-Flex et PHP: le mécanisme
-Ressources pour aller plus loin
2006 Adobe Systems Incorporated. All Rights Reserved.
14. La ligne Adobe Flex
FREE
Flex Builder with Charting
Flash Player 9
Design View
Code Hinting
Debugging
Component Skinning
FREE
Charting components
Flex SDK
Flex Data Services
Messaging Service
FREE
Data Management Service
RPC Services
Flex/Ajax Bridge
2006 Adobe Systems Incorporated. All Rights Reserved.
15. Fonctionnement et déploiement
Browser
Flex Builder IDE Browser
MXML and ActionScript
Flash Player
Flex SDK
Flex SDK
MXML ActionScript
MXML ActionScript
Flex Class Library
Flex Class Library
XML / JSON AMF
Web Server
Web Server
Compile
XML/HTTP
XML/HTTP AmfPHP
REST
REST
SOAP Web Services
SOAP Web Services Services PHP
Services PHP
.swf
Existing Applications and Infrastructure
Existing Applications and Infrastructure
2006 Adobe Systems Incorporated. All Rights Reserved.
16. Flex + PHP : comment ça marche ?
HTTP/REST
JSON
AMFPHP: Remoting
Assistant Flex Builder 3
AIR et PHP
>>> Atelier demain pour rentrer dans le code !!!
2006 Adobe Systems Incorporated. All Rights Reserved.
18. 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
Rich Client
Dumb Client OS Integration Native OS Integration
Robust App Model
Page-Based Model Offline Operation Offline Operation
2006 Adobe Systems Incorporated. All Rights Reserved.
19. Adobe AIR
Adobe AIR est un nouvel environnement d’exécution multi-
plateformes qui permet aux développeurs d’utiliser leurs
connaissances en développement d’applications web pour
réaliser et déployer des applications riches sur le bureau.
2006 Adobe Systems Incorporated. All Rights Reserved.
20. Adobe AIR Application Stack
HTML Flash
Cross-OS
Application
HTML Flex
Flash HTML
JavaScript ActionScript Integrated
XML XML Rendering
CSS Audio
Integrated DOMs
PDF PDF
Video & Scripting
File System Network Application Drag and Local
File System Network Notifications Application Drag and Local
Adobe AIR APIs
...
Notifications ...
Access Detection Update Drop Database
Access Detection Update Drop Database
Mac, Windows, Linux & Device OS
2006 Adobe Systems Incorporated. All Rights Reserved.
21. Adobe AIR: Fonctionnalités
Ressources locales
Gestion du HTML avec WebKit
Online/offline détection
Flash Player 9
Drag-and-drop
Intégration HTML/Flash/PDF
Accès au Clipboard
Base de données SQLite
Background processing
Gestion multi-fenêtres
Custom window chrome
Transparent applications
More…
2006 Adobe Systems Incorporated. All Rights Reserved.
22. Agenda
-Qu’est ce qu’une RIA ? Flex ?
-Devenir développeur de RIA
-Flex et PHP: on passe au code
-Ressources pour aller plus loin
2006 Adobe Systems Incorporated. All Rights Reserved.
23. Flex + PHP : pour bien débuter
http://flex.org/php/
http://developer.adobe.com
http://labs.adobe.com (démo de Flex Builder 3)
http://codemoiunmouton.wordpress.com (mon Blog)
2006 Adobe Systems Incorporated. All Rights Reserved.