flex et php afup

2006 Adobe Systems Incorporated. All Rights Reserved.

Adobe Flex & PHP

Michaël CHAIZE [email protected]

http://codemoiunmouton.wordpress.com

mailto:[email protected]

http://codemoiunmouton.wordpress.com/


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


Evolution des applications

Client/ServerMainframe

Web Applications

Rea

ch

Local

Global

RichText UI Integrated media GUI

1992

1998

2005+

Rich Internet

Applications


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


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)

http://maps.yahoo.com/

http://www.finetune.com/

http://www.mindomo.com/

http://flex.org/showcase/


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)


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

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)

99


Flex et PHP

Points communs

Même architecture client/web server

Toujours Apache, et navigateur web

Programmation orientée objet

Si vous créez des classes en PHP, la programmation ActionScript 3 sera simple àapprendre

Connexion à MySQL avec PHP

Transfert des données avec XML, JSON et AMF

Sortie en Flash à la place de HTML

Différences

Flex est 100% client-side, pas server-side

PHP pour le code serveur, Flex pour le client

Les applications Flex sont compilées

Au format SWF

Flex Builder permet le debugging

Rend le développement d’IHM beaucoup plus simple et sûr


Agenda






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

Zapthink

Quelles

sont

les opportunités

de Marché

?

“By 2010, at least 60 percent of new application development projects will include RIA technology.”

Gartner


Pourquoi

pas vous

?


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 wasback 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


Agenda



-Flex et PHP: le mécanisme



La ligne

Adobe Flex

Flex SDK

Flex/Ajax Bridge

FREE

FREE

Flash Player 9

FREEFlex Builder

with

Charting

Design ViewCode HintingDebuggingComponent SkinningCharting components

Flex Data ServicesMessaging ServiceData Management ServiceRPC Services


MXML and ActionScript

XML/HTTPREST

SOAP Web Services

XML/HTTPREST

SOAP Web Services

Fonctionnement

et déploiement

BrowserBrowser

Services PHPServices PHP

AmfPHP

Flash Player

Web ServerWeb Server

Existing Applications and InfrastructureExisting Applications and Infrastructure

Flex Builder IDEFlex Builder IDE

Flex SDKFlex SDK

MXMLMXML ActionScriptActionScript

Flex Class LibraryFlex Class Library

.swf

Compile

.swf

XML / JSON AMF


Flex + PHP : comment ça marche ?

HTTP/REST

JSON

AMFPHP: Remoting

Assistant Flex Builder 3

AIR et PHP

>>> Atelier demain pour rentrer dans le code !!!


Au-delà

du navigateur…


2007-2008

RIA Technology Trends

Cross-

Platform

Rich Internet

Applications

Lightweight

Desktop Apps

Cross-

Phone/Device

2006

Adobe AIRDesktop

Flex Mobile

WindowsOnly

Web

Pages

NativeApplications

JIT DeploymentOS Integration

Offline Operation

JIT DeploymentRich Client

Robust App Model

JIT DeploymentDumb Client

Page-Based Model

Heavyweight InstallNative OS Integration

Offline Operation

Web BrowserHTML/JavaScriptAjax/Flash/Flex


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.


Adobe AIR Application Stack

Cross-OS Application

Integrated

Rendering

Integrated DOMs

& Scripting

Flash

FlexActionScriptXMLAudioVideo

HTML

PDF

HTML

HTMLJavaScriptXMLCSS

Flash

PDF

Adobe AIR APIs

Mac, Windows, Linux & Device OS

File System

Access

File System

Access

Network

Detection

Network

Detection NotificationsNotifications Application

Update

Application

Update

Drag and

Drop

Drag and

Drop

Local

Database

Local

Database ......


Adobe AIR: Fonctionnalités

Ressources locales

Online/offline détection

Drag-and-drop

Accès au Clipboard

Background processing

Gestion multi-fenêtres

Custom window chrome

Transparent applications

More…

Gestion du HTML avec WebKit

Flash Player 9

Intégration HTML/Flash/PDF

Base de données SQLite


Agenda






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)

http://flex.org/php/

http://developer.adobe.com/

http://labs.adobe.com/

http://codemoiunmouton.wordpress.com/


Q & R