ADOBE FLEX 4

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

Introduction

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

© Logica 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 ?

© Logica 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 ?

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 ?

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

Flex en action …

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

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

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

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

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

© Logica 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

© Logica All rights reservedNo. 16 Interface - States

No. 17© Logica. All rights reserved Exemples

No. 18© Logica. All rights reserved Exemples

© Logica 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

© Logica 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

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

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

© Logica 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

© Logica 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

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

© Logica All rights reservedNo 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

Autour de flex

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

© Logica 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

© Logica 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

© Logica 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

Question ?

LOGICA

© Logica All rights reservedNo. 34 Partie flex :Alexandre Jannotta Partie Logica :Nora Chaouchi Contacts