Ce document présente le concept des Rich Internet Applications (RIA) en utilisant Adobe Flex et MXML, qui permettent de créer des applications web avec des fonctionnalités similaires à des applications de bureau. Il aborde les technologies impliquées, la structure des applications Flex, et les langages de programmation utilisés comme ActionScript. Enfin, il évoque les échanges de données entre le client et le serveur ainsi que l'intégration avec le cloud computing.

1. RIA & Adobe FlexMinistère de l’Enseignement Supérieur de laRecherche Scientifique et de la technologie*** * ***Université de la Manouba*** * ***Ecole Nationale des Sciences De l’InformatiqueRIAPrésenté par : M. Mahdi Ghazouani26 Mai 2011

2. Sommaire12345Introduction à RIAFlex & MXMLFlex & ActionScriptFlex & service WebFlex & Cloud ComputingRIA

3. RIA (Rich Internet Application) ?RIAApplication 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.

4. Technologies de RIA (1/2)RIACombinaison 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'utilisationPermet 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.

5. Technologies de RIA (2/2)RIAPermet 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.

6. Adobe Flex / AirAdobe FlexUn framework Open Source

7. pour développer des Rich Internet Application (RIA)

8. qui sont déployées vers le lecteur Flash (SWF)

9. Du flash orienté développeur

10. Une large collection de composants

11. Deux langages (MXML et ActionScript)RIAAdobe AirIdentique à Flex

12. Applications locales -> accès au système de fichier

13. Librairies supplémentaires

14. Machine virtuelle séparée du plugin Flash

15. Sécurité plus toléranteFlex et ses concurrentsRIAGWTEnsembled'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.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 FlexWazaabiFramework 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, richclient platform)JavaFXGamme de produits conçus pour créer des applications internet riches avec des médias et des contenus immersifs.

16. Composants d’une application FlexUne application Flex contientDes fichiers MXMLDes fichiers ActionScriptDes médias (images, fichiers audio, fichiers vidéos, fichiers SWF,…)Ces constituants sont compilés en un seul fichier SWFLes médias peuvent être compilés dans le fichier SWF ou chargés dans le runtime.RIA

17. MXML (1/2)MXML (pour Macromedia Flex MarkupLanguage) 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

18. MXML (2/2)RIAExemple<?xml version="1.0" encoding="utf-8"?><mx:Applicationxmlns:mx="http://www.macromedia.com/2003/mxml"> <mx:TextInput id="source" width="100"/> <mx:Button label="Copier" click="source.text=‘Hello everybody !’"/> </mx:Application>NamespaceZone de texteBoutton

19. ActionScript & MXML (1/2)RIAActionScript, c’est un langageCompris par le Flash PlayerOrienté Objet Sauvegardédans des fichiers *.asDans MXML, entre balises <mx:Script/>

20. ActionScript & MXML (2/2)<?xml version="1.0"?> <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script><![CDATA[ public functioncalculate():void { var n:Number = Number(fahrenheit.text); var t:Number = Math.round((n-32)/1.8*10)/10; celsius.text=String(t); }]]></mx:Script>RIAFonction qui fait la conversion de Fahrenheit en Celsius

21. IDE (1/2)Flex SDKFlex 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

22. IDE (2/2)Flex BuilderFlex Builderest 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 Builderest un environnement de développement propice à la productivité, permettant aux développeurs de personnaliser leurs applications en fonction de l'aspect recherché.RIA