RIA
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

RIA

  • 1,089 views
Uploaded on

Les applications riches d'Internet avec Adobe Flex.

Les applications riches d'Internet avec Adobe Flex.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,089
On Slideshare
1,089
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
16
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. RIA & Adobe Flex
    Ministère de l’Enseignement Supérieur de la
    Recherche Scientifique et de la technologie
    *** * ***
    Université de la Manouba
    *** * ***
    Ecole Nationale des Sciences De l’Informatique
    RIA
    Présenté par : M. Mahdi Ghazouani
    26 Mai 2011
  • 2. Sommaire
    1
    2
    3
    4
    5
    Introduction à RIA
    Flex & MXML
    Flex & ActionScript
    Flex & service Web
    Flex & Cloud Computing
    RIA
  • 3. RIA (Rich Internet Application) ?
    RIA
    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.
  • 4. Technologies de RIA (1/2)
    RIA
    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.
  • 5. Technologies de RIA (2/2)
    RIA
    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.
  • 6. Adobe Flex / Air
    Adobe Flex
    • Un 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)
    RIA
    Adobe Air
    • Identique à 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érante
  • Flex et ses concurrents
    RIA
    GWT
    Ensembled'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.
    Silverlight
    C'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
    Wazaabi
    Framework 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)
    JavaFX
    Gamme de produits conçus pour créer des applications internet riches avec des médias et des contenus immersifs.
  • 16. 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
  • 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)
    RIA
    Exemple
    <?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>
    Namespace
    Zone de texte
    Boutton
  • 19. ActionScript & MXML (1/2)
    RIA
    ActionScript, c’est un langage
    Compris par le Flash Player
    Orienté Objet
    Sauvegardédans des fichiers *.as
    Dans 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>
    RIA
    Fonction qui fait la conversion de Fahrenheit en Celsius
  • 21. 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
  • 22. IDE (2/2)
    Flex Builder
    Flex 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
  • 23. Flex - Communication
    RIA
    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
  • 24. Flex – Service Web
    RIA
    • Au sens SOAP :
    • 25. Envoie / reçoit SOAP (XML)
    • 26. WSDL
    • 27. Echanges de quelquesdonnéestypées:
    • 28. Types primitifs AS3 (Boolean, int, uint, Number, String, ...)
    • 29. Quelques types complexes du top level (Array, Date)
    • 30. Sérialisation/ Désérialisationcôté Flex
    • 31. Pas de type personnalisé
  • Flex MVC (1/3)
    RIA
  • 32. Flex MVC (2/3)
    RIA
    Modèle
    • Stocke les données
    • 33. Ne sait pas comment ellessontreprésentées
    • 34. C'estl'état de notre application
    • 35. Aucunelogique (saufaccès aux données)
    • 36. Souvent, simple liste de propriétéspubliques
    • 37. VOs, ArrayCollections
    • 38. Tout est "Bindable"
  • Flex MVC (3/3)
    RIA
    Contrôleur
    • Cerveau de l'application
    • 39. Logique entre vue et modèle
    • 40. Ecoute les événementsdiffusés par les vues
    • 41. Met à jour le modèle
    • 42. Ne connaîtrien des vues
  • Flex & Cloud Computing (1/2)
    RIA
  • 43. Flex & Cloud Computing(2/2)
    RIA
    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.
  • 44. Merci !
    RIA
    www.themegallery.com