ADOBE FLEX 4

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