Cet ouvrage fait partie de la bibliothèque YouScribe
Obtenez un accès à la bibliothèque pour le lire en ligne
En savoir plus

Flex 3

De
240 pages
Framework de référence pour le développement web riche en Flash, Adobe Flex 3 permet, grâce à ses bibliothèques de composants graphiques et d'accès à des données distantes via des serveurs PHP/Java, de créer des applications RIA ergonomiques et complexes en respectant les bonnes pratiques de génie logiciel (MVC).


Cet ouvrage décrit pas à pas la création d'une application web riche grâce à Flex 3. Non sans quelques rappels sur ActionScript et MXML, il propose une démarche méthodique pour développer en Flex : création d'interfaces interactives et évoluées avec les états d'affichages, effets et transitions, gestion des données et communication serveur via AMFPHP ou BlazeDS, données diffusées en temps réel, gestion des composants... mais aussi développement d'un widget RDA avec le moteur d'exécution AIR.



  • Le Web 2.0 avec Flex

  • Descriptif de l'étude de cas

  • Expérimenter Flex Builder

  • Flex Application Framework : développement MXML

  • Concevoir une interface utilisateur riche

  • Fonctionnalités avancées, états d'affichage, effets de transition

  • Gestion des données avec Flex

  • ActionScript 3.0 ou l'art d'écouter

  • Créer une galerie de photo interactive

  • Le format AMF avec Flex

  • BlazeDS et la communication en temps réel

  • Développement avec AIR

  • Annexes

    • A. Le futur avec Flex 4 "Gumbo"

    • B. Le référencement en question

    • C. Déployer des applications légères

    • D. Flex et les motifs de conception


Voir plus Voir moins

Vous aimerez aussi

les Cahiers du Programmeur
LaurentJayr
Applications Internet riches
Programmez intelligent avec les Cahiers du Programmeur
Flex3 Applications Internet riches (RIA) Framework de référence pour le développement web riche en Flash, Adobe Flex 3 permet, grâce à ses bibliothèques de composants graphiques et d’accès à des don-nées distantes via des serveurs PHP/Java, de créer des applications RIA ergono-miques et complexes en respectant les bonnes pratiques de génie logiciel (MVC).
Cet ouvrage décrit pas à pas la création d’une application web riche grâce à Flex3. Non sans quelques rappels sur ActionScript et MXML, il propose une démarche méthodique pour développer en Flex: création d’interfaces interactives et évo-luées avec les états d’affichages, effets et transitions, gestion des données et communication serveur via AMFPHP ou BlazeDS, données diffusées en temps réel, gestion des composants… mais aussi développement d’un widget RDA avec le moteur d’exécution AIR. Téléchargez le code source de l’étude de cas ! @ www.editions-eyrolles.com
Sommaire Le Web 2.0 avec FlexRIA et RDABenchmarks et comparatifsFlex Builder 3Compatibilité et ubiquitéDescriptif de l’étude de casPage d’accueilModule éditorialGalerie photoBase de données JoueursLes matchs en directWidget d’informations avec AIRExpérimenter Flex Builder 3Un environnement de développement intégréLes langages de FlexLe Workbench Flex Buider 3Flex Application Framework : développement MXMLDesign web évolué avec MXML Agencement du conteneur principalComplétion et aide à l’écriture de codeCréation de com-posants personnalisablesConteneur de navigationInterface utilisateur richeBandeau d’infor-mation et panneauxFeuilles de style CSS dans Flex BuilderFonctionnalités avancéesÉtats d’affichage (view states)EffetsDéclencheursComportementsTransitionsGestion des don-nées avec FlexSolutions serveurBlazeDSHTTPServiceActionScript 3.0 et la programma-tion orientée objetLiaison de données (data binding)ActionScript 3.0 ou l’art d’écouterPropagation événementielleProgrammation de classe ActionScriptClasses géométriquesGalerie de photo interactiveItem renderers et listes personnaliséesÉditeurs d’élémentsMéthodes drop-in et inlineComposant personnaliséLe format AMFActionScript Message Format pour le lecteur FlashSérialisation automatique avec AMFPHPConnexion à une base de données MySQLAppel d’une méthode distanteBlazeDS et la communication en temps réelData push avec BlazeDS et LCDSProxyMessagerieAppel d’objets distants avec RPC (remo-ting)Développement avec AIRAIR, moteur d’exécution intégréDéveloppement d’un widgetApplications de styles avec CSS et XMLCréer un paquetage AIRAnnexesVers Flex 4 Gumbo Faciliter la conception graphique avec ThermoFXG, nouveau format d’échange graphiqueRéférencement d’applications FlexSite miroirDeep linkingDéployer des applications légères Flex et les motifs de conceptionLe design pattern MVCLe framework CairngormLa tâche ANT Cairngen.
Chef de projet indépendant, Laurent Jayrest également ingénieur projet, formateur et dé-veloppeur logiciel depuis plus de 10 ans. Il a développé de nom-breux jeux électroniques, logiciels ludo-éducatifs et CD-Rom interac-tifs pour des clients prestigieux en Europe, en Asie et aux États-Unis. Il travaille également pour des édi-teurs de contenu multimédia en tant que responsable d’une plate-forme de jeux collaborative Web 2.0 basée au Royaume-Uni et d’une plate-forme d’e-learning.
les Cahiers du Programmeur Flex3
ColleCtion« lesCahiersduprogrammeur»
J. pauli, g. ponçon. –Zend Framework. Bien développer en PHP.N°12392, 2008, 466 pages. e p. roques. –UML 2. Modéliser une application web.édition, 2008, 247 pagesN°12389, 6 e a. gonCalves. –Java EE 5.édition, 2008, 370 pagesN°12363, 2 e. puybaret.Swing.N°12019, 2007, 500 pages e e. puybaret. –Java 1.4 et 5.0.N°11916, 3édition, 2006, 400 pages e J. molière. –J2EEédition, 2005, 220 pages. N°11574, 2 R.FleuryJava/XML.N°11316, 2004, 218 pages J. protzenko,B. PiCaud. –XUL. N°11675, 2005, 320 pages S.mariel. –PHP 5. N°11234, 2004, 290 pages
Chezlemêmeéditeur
a. vannieuwenhuyze. –Programmation Flex 3.N°12387, 2008, 544 pages a. tasso. –Apprendre à programmer en ActionScript.N°12199, 2007, 438 pages. g. leblanC. –Silverlight 2.N°12375, 2008, 330 pages. e e. daspet, C. pierredegeyer.PHP 5 avancé.N°12369, 5édition, 2008, 844 pages J.-m. deFranCe.– Premières applications Web 2.0 avec Ajax et PHP.N°12090, 2008, 450 pages e C. porteneuveBien développer pour le Web 2.0.Bonnes pratiques Ajax.N°12391, 2édition, 2008, 674 pages e r. goetter. –CSS 2 : pratique du design web.édition, 2007, 324 pages.N°11976, 2 a. Clarke. –Transcender CSS.Sublimez le design web !N°12107, 2007, 370 pages. a. bouCher. –Mémento Ergonomie web. N°12386, 2008, 14 pages e. sloïm. –Mémento Sites web.Les bonnes pratiques.N°12101, 2007, 14 pages. e s. bordage. –Conduite de projet Web.édition, 2008, 394 pagesN°12325, 5 V.messager-rota. –Gestion de projet. Vers les méthodes agiles. N°12165, 2007, 252 pages e p. roques. –UML 2 par la pratiqueédition, 368 pages. N°12322, 6 o. andrieu. –Réussir son référencement web.N°12264, 2008, 302 pages. G.ponçon. –Best practices PHP 5.Les meilleures pratiques de développement en PHP.N°11676, 2005, 480 pages. t. ziadé. –Programmation Python.– N°11677, 2006, 530 pages
ColleCtion« aCCèslibre» Pour que l’informatique soit un outil, pas un ennemi !
Réussir un projet de site web –n. Chu.– N°12400, 2008, 246 pages Joomla et VirtuemartRéussir sa boutique en ligne. V.isaksen, T.tardiF. – N°12381, 2008, 270 pages Open ERP– Pour une gestion d’entreprise efficace et intégrée.F. pinCkaers, g. gardiner. – N°12261, 2008, 276 pages e Réussir son site web avec XHTML et CSS.m. nebra.édition, 2008, 316 pages– N°12307, 2 Ergonomie web.Pour des sites web efficaces.a. bouCher.– N°12158, 2007, 426 pages e Gimp 2 efficace –Dessin et retouche photo. C. gémyédition, 2008, 402 pages. – N°12152, 2 e La 3D libre avec Blender.o. saraJa.édition, 2008, 400 pages avec CD-Rom et cahier couleur– N°12385, 3 Scenari – La chaîne éditoriale libre.s. Crozat.– N°12150, 2007, 200 pages Créer son site e-commerce avec osCommerce.d. merCer,adapté pars. burriel. –N°11932, 2007, 460 pages e Réussir un site web d’association… avec des outils libres.a.-l.etd. quatravaux. – N°12000, 2édition, 2007, 372 pages e Ubuntu efficace..L.driCotet al.édition, 2007, 360 pages avec CD-Rom– N°12003, 2 e Premiers pas en CSS et HTML.F. draillardN°12390, 2édition, 2008, 250 pages e Gimp 2.4.d. robert.– N°12295, 3édition, 2008, 316 pages Firefox.Un navigateur web sûr et rapide.t. trubaCz,préface de T.nitot. –N°11604, 2005, 250 pages e SPIP 1.9.Créer son site avec des outils libres.perline,A.-L. Quatravauxet al.N°12002, 2édition 2007, 376 pages Mozilla Thunderbird.Le mail sûr et sans spam.d. garanCe, a.-l.etd. quatravaux. –N°11609, 2005, 320 pages avec CD-Rom.
LaurentJayr
les Cahiers du Programmeur
Flex3 Applications Internet riches
ÉDITIONS EYROLLES 61, bd Saint-Germain 75240 Paris Cedex 05 www.editions-eyrolles.com
er Le code de la propriété intellectuelle du 1juillet 1992 interdit en effet expressément la photocopie à usage collectif sans autorisation des ayants droit. Or, cette pratique s’est généralisée notamment dans les établissements d’enseignement, provoquant une baisse brutale des achats de livres, au point que la possibilité même pour les auteurs de créer des œuvres nouvelles et de les faire éditer correctement est aujourd’hui menacée. En application de la loi du 11 mars 1957, il est interdit de reproduire intégralement ou partiellement le présent ouvrage, sur quelque support que ce soit, sans autorisation de l’éditeur ou du Centre Français d’Exploitation du Droit de Copie, 20, rue des Grands-Augustins, 75006 Paris. © Groupe Eyrolles, 2009, ISBN : 978-2-212-12409-5
Avant propos
Flex est un framework Open Source qui permet de créer des applications Internet riches, hautement interactives et ergonomiques. Flex est basé sur la machine virtuelle Flash, qu’il utilise pleinement tout en proposant d’autres fonctionnalités complémentaires dédiées à la création d’applica tions en ligne très évoluées.
S’appuyant sur une étude de cas concrète, le développement de l’applica tion exemple MediaFoot, ce livre présente les caractéristiques principales du développement d’applications riches avec Flex3 et son outil Flex Builder 3. Il démontre que le développement d’un site en Flex est à la fois rapide, performant et économique. Il expose les principes de base de programmation d’une application Flex, de la description d’une interface utilisateur et des méthodes de communication distantes. En résumé, ce livre montre comment utiliser les principaux logiciels dédiés au dévelop pement d’applications riches avec Flex.
À qui s’adresse cet ouvrage ? Tous les développeurs, chefs de projet ou consultants intéressés de près ou de loin par le développement d’un site Internet ou d’une application web se poseront tôt ou tard la question de l’utilisation de Flex et du lec teur Flash. Les designers Flash seront également intéressés par la pers pective de création d’interfaces utilisateur avec Flex. Les infographistes apprécieront aussi la possibilité de créer des applications ergonomiques en mode Design sans écrire une ligne de code.
© Groupe Eyrolles, 2008
VI
Pour assimiler les exemples de ce livre, des bases en programmation, orientée objet si possible, sont souhaitables mais pas indispensables. Quelques fondamentaux seront rappelés tout au long du développement de notre application.
Structure de l’ouvrage Dans lechapitre 1, nous présentons l’intérêt des applications riches dans l’univers d’Internet. Quelques alternatives objectives à Flex sont égale ment évoquées. Dans lechapitre 2, nous décrivons rapidement les différents modules de l’étude de cas. Lechapitre 3servira d’introduction au principal outil de développement Flex, l’environnement de développement intégré Flex Builder 3. Lechapitre 4MXML, le langage de description d’interface abordera utilisateur de Flex, basé sur XML. Nous commencerons alors à conce voir l’interface de notre étude de cas. Avec lechapitre 5, nous progresserons dans la conception de l’interface utilisateur avec le langage MXML et en utilisant les CSS pour lui ajouter des styles et la personnaliser. Dans lechapitre 6, nous aborderons et appliquerons les états d’affichage (view states), effets et transitions proposés par le framework Flex. Pour lechapitre 7, nous nous concentrerons sur la gestion des données avec une interface utilisateur décrite en MXML, en introduisant notam ment le concept de liaison de données (data binding). Nous introduirons par la même occasion le langage de programmation objet ActionScript 3.0, véritable moteur de toute application riche développée avec Flex. Au cours duchapitre 8, nous présenterons la notion de propagation évé nementielle avec les langages MXML et surtout ActionScript 3.0, prin cipe incontournable pour la gestion des événements d’une application Internet riche. Lechapitre 9nous permettra de présenter le concept d’item rendereravec Flex, sous la forme d’une petite galerie d’image. Ces outils de rendu d’éléments permettent en effet de personnaliser certains composants de type affichage par liste. Dans lechapitre 10, nous aborderons le principe de communication entre une application Flex, une passerelle AMFPHP (langage PHP) et
© Groupe Eyrolles, 2008
une base de données distante MySQL, en utilisant le format AMF et en introduisant l’incontournable technique du Flash Remoting. BlazeDS est une solution serveur Open Source très intéressante pour la connexion à des données distantes (remoting) ou la communication en temps réel. Dans lechapitre 11, nous montrerons comment la mettre en œuvre pour réaliser une application de communication en temps réel. Enfin, lechapitre 12permettra d’introduire le développement nous d’applications de bureau riches avec Flex, en utilisant le nouveau moteur d’exécution AIR. Vous trouverez également, en annexe de cet ouvrage, quelques informa tions sur le référencement des applications Internet riches réalisées avec Flex, sur le développement avec le framework Cairngorm, basé sur un motif de conception (design pattern) MVC et les dernières perspectives concernant le futur SDK Flex 4, nom de code « Gumbo ». Les codes sources de l’étude de cas sont disponibles en téléchargement à l’adresse suivante :http://media.foot.free.fr/sources/.
Remerciements Je remercie tout particulièrement Nelly qui m’a soutenu et encouragé pendant toute la phase de rédaction. Merci également à l’équipe des éditions Eyrolles, Muriel, Karine, Marine, Sophie et Matthieu pour leur patience et suggestions après la fastidieuse tâche de relecture notamment, et à Gaël pour sa mise en page.
© Groupe Eyrolles, 2008
VII
Un pour Un
Permettre à tous d'accéder à la lecture
Pour chaque accès à la bibliothèque, YouScribe donne un accès à une personne dans le besoin