Adobe FLEX 3.0

Aziz GHABRY

PLAN

– Qu'est-ce que FLEX?– Installation de Flex Builder– Création de nouveaux projets– Comprendre différents types de projets– Architecture modulaire

Evolution des applications RIA

Quoi de plus dans AIR?

• RIA reposant sur le navigateur (type AJAX)• RIA reposant sur un plug-in

Les technologies RIA

Deux types de RIA

Qu'est-ce que FLEX?

Flex est un très productif, cadre libre et open source pour la construction et la maintenance des applications web d'expression qui se déploient systématiquement sur tous les principaux navigateurs, postes de travail, et les systèmes d'exploitation.

Adobe Flex nous amène à la prochaine étape de développement d'applications Web avec le concept de Rich Internet Applications (RIA).

Flex fournit un moyen de programmes de développement de ces AIR. Il offre une expérience beaucoup plus robuste pour les utilisateurs, où la productivité est soutenu par la facilité d'utilisation, flux de production simplifié, et l'interactivité en temps réel.

Flex est orienté vers les programmeurs, plutôt que de designers.

Avantages de FLEX Flex offre la possibilité de concevoir et implémenter des interfaces

utilisateur centré sur l'homme sans se soucier des limites des navigateurs.

Application Flex n'aurait pas besoin de poster une requête au serveur à chaque fois que l'utilisateur a apporté une modification.

Un environnement d'exécution avec près de 100% de déploiement à tous les internautes.

Soutenu par puissant langage de programmation ActionScript. La capacité d'intégrer des médias riches comme le streaming vidéo et du

son. Flex et Flash peuvent travailler ensemble.

Historique des versions Flex 1.0 - March 2004 Flex 1.5 - October 2004 Flex 2.0 (Alpha) - October 2005 Flex 2.0 Beta 1 - February 2006 Flex 2.0 Beta 2 - March 2006 Flex 2.0 Beta 3 - May 2006 Flex 2.0 Final- June 28, 2006 Flex 2.0.1 - January 5, 2007 Flex 3.0 Beta 1 - June 11, 2007 Flex 3.0 Beta 2 - October 1, 2007 Flex 3.0 Beta 3 - December 12, 2007 Flex 3.0 - February 25, 2008 Flex 4.0 2009

Outils de FLEX

Open Source Flex SDK qui comprend : a. Le framework Flex b. Le compilateur autonome

Flex Builder

Flex Charting

Live Cycle Data Services

Création d'applications FLEX

Flex SDK ou Flex Builder peut être utilisé pour développer des applications web.

Flex est soutenu par deux langues:– MXML est un langage de balisage basé sur XML qui est

principalement utilisé pour les éléments de présentation application d'affichage.

– ActionScript est un langage de programmation conforme ECMAScript orienté objet qui est principalement utilisé pour la logique d'application.

Lors de la compilation du code MXML est traduit en code ActionScript, puis tout ce code ActionScript est compilé en binaires fichier SWF. Le fichier SWF est téléchargé vers le serveur Web, où il est ensuite servi sur demande de l'utilisateur.

Le processus de cycle de FLEX

XML/HTTPRESTSOAP Web Services

Browser

J2EE Application Server

Flex Data Services 2

Flash Player

Web Server

Existing Applications and Infrastructure

Flex Builder IDEFlex SDK

MXML ActionScriptFlex Class Library

.swf

Compile

.swf

Data Data

.swf

Exemple MXML et ActionScript <?xml version="1.0"?> <!-- HelloWorldAS.mxml --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="absolute"> <mx:Panel title="My Application“>

<mx:TextArea id="textarea1" width=“155”/><mx:Button label="Click Me" click="textarea1.text='Hello World';" />

</mx:Panel> </mx:Application>

Installation de Flex Builder

Flex Builder est construit sur Eclipse, un IDE open-source, et fournit tous les outils dont vous avez besoin pour développer des applications Flex et ActionScript.

Il fonctionne sur Microsoft Windows, Apple Macintosh OS X, et Linux, et est disponible en plusieurs versions.

Options de configuration d'installation permet d'installer Flex Builder comme un ensemble de plug-ins dans une installation Eclipse existante établi ou pour créer une installation qui comprend le workbench Eclipse.

Configuration requise

Intel Pentium 4 processor 1GB of RAM recomandée Microsoft Windows XP (avec Service Pack 2) 500MB espace disponible sur disque dur Flash Player 9 (9.0.30) ou plus.

Création de projets FLEX Adobe Flex Builder vous permet de créer, de gérer, ensemble, et de distribuer des projets

de construction et de web applications de bureau. Lorsque vous générez composant partagé bibliothèque (CFC) des fichiers, vous pouvez partager des composants et d'autres ressources entre les applications ou avec d'autres développeurs. Vous pouvez également travailler avec les différentes versions du SDK Adobe Flex directement dans Flex Builder.

Types de projets : 1. Flex Project – Applications Flex (MXML Files) sont compilées dans des fichiers SWF autonome

2. ActionScript Project - Projets ActionScript ne pas utiliser le framework Flex ou langage MXML. Vous pouvez coder et déboguer des applications qui accèdent directement ActionScript d'Adobe Flash Player API et sont compilées dans des fichiers SWF.3. Flex Library Project - Un projet de bibliothèque génère un fichier SWC, qui est un fichier d'archive pour les composants Flex et d'autres ressources.

Lorsque vous créez un projet, les guides New Flex Assistant de projet vous à travers les étapes, vous demandant le type de projet de création, le nom du projet, l'emplacement, et d'autres options.

Projet Flex

Un projet Flex contient un ensemble de propriétés qui contrôlent la façon dont l'application est construite, où réside l'application construite, comment le débogage est manipulé, et les relations à d'autres projets dans l'espace de travail.

Navigateur de Projet Flex

le nouveau Assistant Projet génère automatiquement les fichiers de configuration du projet Flex, la sortie (bin) dossier dans lequel votre application compilée réside, et le fichier d'application principal. Il vous permet également de créer un projet Adobe AIR.

Resources de projet Flex ActionScript Class. ActionScript File ActionScript Interface ActionScript Project CSS File File Flex Project Flex Library Project Folder MXML Application MXML Component MXML Module Other

Integration de la technologie Flex est une technologie côté client qui est rendu par Flash Player 9 ou

Adobe AIR (Adobe Integrated Runtime).

Flex peut travailler JavaScript sur le client.

Flex nécessite une technologie côté serveur (comme LiveCycle Data Services, Java, ASP.NET ou PHP) de lui fournir des données en temps réel.Integrating Flex with:– PHP– ASP.NET– JAVA– Cold Fusion

FLEX et JAVA Applets Java, avec leur capacité

à fonctionner dans une fenêtre de navigateur, sont semblables à des applications Flex. Applications Flex, cependant, sont beaucoup plus faciles à déployer à travers la légère et facile à installer Flash Player.

Java côté serveur peut être utilisé pour créer des services Web pour la consommation par une application Flex

BlazeDS, LCDS, GraniteDS

Data Services plutôt orientés JavaEE

Permet une connexion avancée avec unserveur au lieu de services XML

Basés sur le protocole AMF

Architecture modulaire

Les applications Flex peuvent accéder à des données situées coté serveur en utilisant:

le composant HTTP ServiceRemoteObjectle composant Web Service basé sur SOAP.

En utilisant des Framework architecturels basé sur le modèle de conception MVC:

Cairngorm ou bien PureMVC.

Références

Tour de Flex: ttp://www.adobe.com/devnet/flex/tourdeflex/Flex.org: http://flex.org/RIAForge: http://www.riaforge.org/Adobe Open Source: http://opensource.adobe.com/

Questions?

Thank You!