ADOBE FLEX 4. © Logica 2010. All rights reservedNo. 2 Introduction Flex en action Autour de Flex Logica Le programme.

Présentation au sujet: "ADOBE FLEX 4. © Logica 2010. All rights reservedNo. 2 Introduction Flex en action Autour de Flex Logica Le programme."— Transcription de la présentation:

1 ADOBE FLEX 4

2 © Logica 2010. All rights reservedNo. 2 Introduction Flex en action Autour de Flex Logica Le programme

3 Introduction

4 No. 4© Logica 2010. All rights reserved Flex Quest ce que Flex ? Introduction RDA RIA Interactive WebApp WEB 1.0 WebAPP

5 © Logica 2010. All rights reservedNo. 5 Rich Internet Application Avantages : Pas dinstallation « Portable » Fortement connecté Récupération des données utilisateur Inconvénients Pas dinstallation Fortement connecté Récupération des données utilisateur RIA ?

6 © Logica 2010. All rights reservedNo. 6 Atouts majeurs Alléger le serveur pour les traitements de laffichage Facilite la logique métier Entraîne vers une diffusion « multi-canal » RIA ?

7 No. 7© Logica. All rights reserved Microsoft Silverlight Avril 2007 Version 4 Visual Studio JavaFX depuis Décembre 2008 Version 1.3 Flex, et les autres ?

8 No. 8© Logica. All rights reserved Entendue des installations

9 Flex en action …

10 © Logica 2010. All rights reservedNo. 10 Architecture Langages et Interface Données Flex en action

11 No. 11© Logica 2010. All rights reserved Flex Machine virtuelle Monothread Modulaire Architecture OS Navigateur Flash Player Flex

12 No. 12© Logica 2010. All rights reserved Langages MXML Action Script 3

13 © Logica 2010. All rights reservedNo. 13 Basé sur le XML Description de linterface Structure Dessin (Sprite) Langages - MXML

14 No. 14© Logica 2010. All rights reserved Interface – Décomposition dun élément Button text = Button text Skin text

15 © Logica 2010. All rights reservedNo. 15 Permet de modifier le comportement en fonction de létat Manière « élégant » et « flexible » de modifier linterface Interface - States

16 © Logica 2010. All rights reservedNo. 16 Interface - States

17 No. 17© Logica. All rights reserved Exemples

18 No. 18© Logica. All rights reserved Exemples

19 © Logica 2010. All rights reservedNo. 19 CSS Modification rapide du style Permet dexternaliser laspect de linterface Skin Modification profonde dun élément Permet de modifier le comportement graphique Interface - Styles CSS et Skin

20 © Logica 2010. All rights reservedNo. 20 Avantages Interactivité de linterface Améliore lexpérience utilisateur Inconvénients Alourdissement inutile Piège de lexcès Utilisation Automatique : xxxEffect = « Fade » Manuelle : Définition de leffet + Demande de lecture Interface - Animations

21 © Logica 2010. All rights reservedNo. 21 Langage Objet « Fortement » typé Système de getter / setter Système dattributs Langages – Action Script 3

22 © Logica 2010. All rights reservedNo. 22 Déclaration dune classe Déclaration dune variable Déclaration dune fonction Getter et Setter Langages – Action Script 3

23 © Logica 2010. All rights reservedNo. 23 Ce quon a : Langage Objet réflexif Objet dynamiques Définition dune classe Définition dinterface Héritage simple (comme en Java) Ce quil manque : Définition de classes abstraites Pas de singleton (Construction privé) Langages – Action Script 3

24 © Logica 2010. All rights reservedNo. 24 Possibilité de lier linterface à la donnée Simplicité à la lecture Simplicité à la programmation Données - Bindings Model View Controller Model Serveur

25 © Logica 2010. All rights reservedNo. 25 Gestion « native » Facilité de manipulation Aide à la communication client / serveur Données - XML

26 © Logica 2010. All rights reservedNo. 26 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 davoir un serveur adapté Permet léchange dobjets plus facilement Données - Communication

27 Autour de flex

28 © Logica 2010. All rights reservedNo. 28 Frameworks Utilisation dun serveur Liens pratiques Autour de Flex

29 © Logica 2010. All rights reservedNo. 29 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 Frameworks

30 © Logica 2010. All rights reservedNo. 30 Serveur HTTP simple Utilisation dAMF Blaze Data Service Live Cycle Data Service Granite Data Service WebOrb Comparaison entre les différentes solutions Utilisation dun serveur

31 © Logica 2010. All rights reservedNo. 31 API :Flex 4Flex 4 Documentation :Flex Developer CenterFlex Developer Center Tutoriaux :Adobe ® Flex TutorialAdobe ® Flex Tutorial Exemple dinterface :Tour de flexTour de flex Tout le reste :?????? Liens pratiques

32 Question ?

33 LOGICA

34 © Logica 2010. All rights reservedNo. 34 Partie flex :Alexandre Jannotta alexandre.jannotta@logica.com Partie Logica :Nora Chaouchi nora.chaouchi@logica.com Contacts