1 / 34

ADOBE FLEX 4

ADOBE FLEX 4. Le programme. Introduction Flex en action Autour de Flex Logica. Introduction. Introduction. Qu’est ce que Flex ?. RIA. Interactive WebApp. WebAPP. Flex. RDA. WEB 1.0. RIA ?. R ich I nternet A pplication Avantages : Pas d’installation « Portable »

onawa
Télécharger la présentation

ADOBE FLEX 4

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ADOBE FLEX 4

  2. Le programme Introduction Flex en action Autour de Flex Logica

  3. Introduction

  4. Introduction Qu’est ce que Flex ? RIA InteractiveWebApp WebAPP Flex RDA WEB 1.0

  5. RIA ? • RichInternet Application • Avantages : • Pas d’installation • « Portable » • Fortement connecté • Récupération des données utilisateur • Inconvénients • Pas d’installation • Fortement connecté • Récupération des données utilisateur

  6. RIA ? • Atouts majeurs • Alléger le serveur pour les traitements de l’affichage • Facilite la logique métier • Entraîne vers une diffusion « multi-canal »

  7. Flex, et les autres ? JavaFX depuis Décembre 2008 Version 1.3 Microsoft Silverlight Avril 2007 Version 4 Visual Studio

  8. Entendue des installations

  9. Flex en action …

  10. Flex en action Architecture Langages et Interface Données

  11. Architecture Machine virtuelle Monothread Modulaire Flex Navigateur OS Flash Player Flex

  12. Langages MXML Action Script 3

  13. Langages - MXML Basé sur le XML Description de l’interface • Structure • Dessin (Sprite)

  14. Interface – Décomposition d’un élément Button Skin text = ‘Button’ text text

  15. Interface - States Permet de modifier le comportement en fonction de l’état Manière « élégant » et « flexible » de modifier l’interface

  16. Interface - States

  17. Exemples

  18. Exemples

  19. Interface - Styles CSS et Skin CSS • Modification rapide du style • Permet d’externaliser l’aspect de l’interface • Skin • Modification profonde d’un élément • Permet de modifier le comportement graphique

  20. Interface - Animations • Avantages • Interactivité de l’interface • Améliore l’expérience utilisateur • Inconvénients • Alourdissement inutile • Piège de l’excès • Utilisation • Automatique : xxxEffect = « Fade » • Manuelle : Définition de l’effet + Demande de lecture

  21. Langages – Action Script 3 Langage Objet « Fortement » typé Système de getter / setter Système d’attributs

  22. Langages – Action Script 3 Déclaration d’une classe Déclaration d’une variable Déclaration d’une fonction Getter et Setter

  23. Langages – Action Script 3 • Ce qu’on a : • Langage Objet réflexif • Objet dynamiques • Définition d’une classe • Définition d’interface • Héritage simple (comme en Java) • Ce qu’il manque : • Définition de classes abstraites • Pas de singleton (Construction privé)

  24. Données - Bindings • Possibilité de lier l’interface à la donnée • Simplicité à la lecture • Simplicité à la programmation Serveur Model Model View Controller

  25. Données - XML • Gestion « native » • Facilité de manipulation • Aide à la communication client / serveur

  26. Données - Communication 2 méthodes principales : • HTTPService • Méthode classique • Permet d’établir un connexion HTTP entre le serveur et le client • AMF (Action Message Format) ou RemoteObject • Méthode « avancée » • Obligation d’avoir un serveur adapté • Permet l’échange d’objets plus facilement

  27. Autour de flex

  28. Autour de Flex Frameworks Utilisation d’un serveur Liens pratiques

  29. Frameworks • Cairngorm • Plus ancien des frameworks • Permet de bien diviser son application • Pure MVC • Même fonction que Cairngorm • Aide au packaging de son application • Spring Action Script • Spring java adapté à Flex • IOC • Utilitaire de communication

  30. Utilisation d’un serveur • Serveur HTTP simple • Utilisation d’AMF • Blaze Data Service • Live Cycle Data Service • Granite Data Service • WebOrb Comparaison entre les différentes solutions

  31. Liens pratiques • API : Flex 4 • Documentation : Flex Developer Center • Tutoriaux : Adobe® Flex™ Tutorial • Exemple d’interface : Tour de flex • Tout le reste : ???

  32. Question ?

  33. LOGICA

  34. Contacts • Partie flex : Alexandre Jannotta alexandre.jannotta@logica.com • Partie Logica : Nora Chaouchi nora.chaouchi@logica.com

More Related