ria
DESCRIPTION
Les applications riches d'Internet avec Adobe Flex.TRANSCRIPT
RIA & Adobe Flex
26 Mai 2011
Présenté par : M. Mahdi Ghazouani
Ministère de l’Enseignement Supérieur de laRecherche Scientifique et de la technologie
*** * ***Université de la Manouba
*** * ***Ecole Nationale des Sciences De l’Informatique
RIA
Sommaire
Introduction à RIA1
Flex & MXML2
Flex & ActionScript3
Flex & service Web4
Flex & Cloud Computing5
RIA
RIA (Rich Internet Application) ?
Application web dont les fonctionnalités sont similaires à celles d’une application « bureau ».
Le traitement pour l’interface utilisateur se fait du côté client tandis que le serveur gère les données. La communication se fait via une couche abstraite intermédiaire.
Les RIAs tournent en général dans un browser web.
RIA
Technologies de RIA (1/2)
Combinaison de technologies telles
que Javascript, CSS, XML, le DOM et le
XMLHttpRequest dans le but de réaliser des applications Web qui
offrent une maniabilité et un confort d'utilisation
Permet la création de graphiques vectoriels et de bitmap animés par un langage script appelé ActionScript, et la diffusion de flux bidirectionnels audio
et vidéo.
RIA
Technologies de RIA (2/2)
Permet de créer des applications riches comprenant une interface riche en
fonctionnalités (drag & drop, onglet, menu
déroulant, animation etc.) tout en offrant un déploiement facilité par le biais du navigateur
web.
Permet de créer et de déployer des
applications Internet riches (RIA)
multiplateformes grâce à la technologie
Flash et particulièrement son
lecteur.
RIA
Adobe Flex / Air
Adobe Flex
Un framework Open Source pour développer des
Rich Internet Application (RIA)
qui sont déployées vers le lecteur Flash (SWF)
Du flash orienté développeur
Une large collection de composants
Deux langages (MXML et ActionScript)
Adobe Air
Identique à Flex Applications locales ->
accès au système de fichier
Librairies supplémentaires Machine virtuelle séparée
du plugin Flash Sécurité plus tolérante
RIA
Flex et ses concurrents
SilverlightC'est une alternative à Flash, un plugin léger,
qui s'installe à la demande sur le poste
utilisateur et complète le navigateur avec une interface graphique
fonctionnant en interaction avec le
serveur. Adobe Flex
JavaFX Gamme de produits
conçus pour créer des applications internet
riches avec des médias et des contenus
immersifs.
GWT Ensemble d'outils logiciels
développé par Google, permettant de créer et
maintenir des applications web dynamiques mettant en
œuvre JavaScript, en utilisant le langage et les
outils Java.
WazaabiFramework destiné à faciliter le
développement d'interfaces riches pour des applications
Internet. Son originalité réside dans le fait qu'il concilie
plusieurs technologies : Java, XUL et la plate-forme de client riche d'Eclipse (RCP, rich client
platform)
RIA
Composants d’une application Flex
Une application Flex contient Des fichiers MXML Des fichiers ActionScript
Des médias (images, fichiers audio, fichiers vidéos, fichiers SWF,…)
Ces constituants sont compilés en un seul fichier SWF
Les médias peuvent être compilés dans le fichier SWF ou chargés dans le runtime.
RIA
MXML (1/2)
MXML (pour Macromedia Flex Markup Language) est la réponse de l'éditeur du Flash aux langages de création d'interface via XML.
MXML propose une série de balises pour construire l'interface utilisateur. En cela, MXML peut se rapprocher de XHTML, chaque balise provoquant un affichage précis et connu dans l'application finale. Un fichier MXML se reconnaît par son extension .mxml.
RIA
MXML (2/2)
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.macromedia.com/2003/mxml">
<mx:TextInput id="source" width="100"/>
<mx:Button label="Copier" click="source.text=‘Hello
everybody !’"/>
</mx:Application>
Namespace
Zone de texte
Boutton
Exemple
RIA
ActionScript & MXML (1/2)
ActionScript, c’est un langage
Compris par le Flash Player
Orienté Objet
Sauvegardé dans des fichiers *.as
Dans MXML, entre balises <mx:Script/>
RIA
ActionScript & MXML (2/2)
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script>
<![CDATA[
public function calculate():void {
var n:Number = Number(fahrenheit.text);
var t:Number = Math.round((n-32)/1.8*10)/10; celsius.text=String(t); }
]]>
</mx:Script>
Fonction qui fait la conversion de Fahrenheit en
Celsius
RIA
IDE (1/2)
Flex SDK
Flex SDK est gratuit et inclut les technologies nécessaires aux développeurs pour commencer construction maintenant en vigueur les applications Flex. Flex est un framework qui permet de créer des applications Web très interactives et déploiement d'expression comme la plupart des navigateurs, postes de travail et systèmes d'exploitation. Il donne un modèle de programmation développé fondée sur des langages standard et gère les modèles de conception courants.
RIA
IDE (2/2)
Flex Builder
Flex Builder est un environnement de développement intégré basé sur Eclipse, qui autorise la création d'applications Internet riches (RIA) avec Adobe Flex Framework. Avec Flex Builder, les développeurs créent et déploient en un clin d'œil des applications expressives et intuitives, offrant une interactivité hors pair. Flex Builder est un environnement de développement propice à la productivité, permettant aux développeurs de personnaliser leurs applications en fonction de l'aspect recherché.
RIA
Flex - Communication
Communication HTTP XML/RPC SOAP AMF
RTMP Real Time Messaging Protocol Socket entre Client et Server Le server peut « pusher » des données sur le
client
RIA
Flex – Service Web
Au sens SOAP : Envoie / reçoit SOAP (XML) WSDL Echanges de quelques données typées :
Types primitifs AS3 (Boolean, int, uint, Number, String, ...)
Quelques types complexes du top level (Array, Date)
Sérialisation/ Désérialisation côté Flex Pas de type personnalisé
RIA
Flex MVC (1/3)RIA
Flex MVC (2/3)
• Stocke les données• Ne sait pas comment elles sont représentées• C'est l'état de notre application• Aucune logique (sauf accès aux données)• Souvent, simple liste de propriétés publiques• VOs, ArrayCollections• Tout est "Bindable"
Modèle
RIA
Flex MVC (3/3)
• Cerveau de l'application• Logique entre vue et modèle• Ecoute les événements diffusés par les
vues• Met à jour le modèle• Ne connaît rien des vues
Contrôleur
RIA
Flex & Cloud Computing (1/2)RIA
Flex & Cloud Computing (2/2)
Flex network vous propose d' accéder de manière évolutive à de nombreux services en ligne sans avoir à gérer l'infrastructure sous-jacente, souvent complexe.Les applications et les données ne sont plus stockées sur les ordinateurs en local, mais hébergés dans le réseau Flex network.Selon vos besoins vos données et applications sont alors accessibles de n'importe où dans le monde de façon simple et sécurisée.
RIA
www.themegallery.com
RIA