Table des matières
© Groupe Eyrolles, 2005
IX
1. LE WEB 2.0 AVEC FLEX ....................................................1
RIA et RDA, pourquoi sont-ils l’avenir du Web 2.0 ? • 2
Les bienfaits du concept RIA pour l’économie du Net • 2
Les RIA dans le détail • 3
Les RDA, compléments indispensables des RIA • 5
En matière de choix technologique… • 6
Les benchmarks, une méthode intéressante
pour évaluer une technologie • 7
Les environnements de développement • 8
« And the winner is… » • 9
La compatibilité, question cruciale • 10
En résumé • 11
2. DESCRIPTIF DE L’ÉTUDE DE CAS .......................................13
Module 1 – Page d’accueil • 15
Module 2 – Édito • 15
Module 3 – Photo Galerie • 16
Module 4 – Base de données « Joueurs » • 17
Module 5 – Match Live • 18
Widget d’informations avec AIR • 19
En résumé • 19
3. EXPÉRIMENTONS FLEX BUILDER.......................................21
Flex, environnement de développement intégré • 22
Développement et déploiement d’une application
Flex classique • 23
Les langages de Flex • 25
La normalisation du langage ActionScript 3.0 • 26
Communiquer avec le monde extérieur • 26
Quoi de neuf dans Flex Builder 3 ? • 27
Prise en charge native du développement pour AIR • 27
Interaction avec le monde extérieur • 27
Optimiser les performances de son code • 27
Le Workbench Flex Builder 3 • 28
La barre de menus • 30
La barre d’outils • 30
Les différentes vues • 30
Flex Navigator • 31
Editor • 31
Outline • 32
Compilation automatique d’un projet • 33
Identifier les erreurs grâce à la vue Problems • 33
Changer de perspective • 34
En résumé • 35
4. FLEX APPLICATION FRAMEWORK :
LE GUIDE DU BON DÉVELOPPEUR MXML .......................... 37
Création du workspace et du projet MediaFoot • 38
Créer le projet • 38
Structure du projet MediaFoot • 39
Le design web évolué avec MXML • 40
Agencement du conteneur principal • 42
Couleur de l’arrière-plan • 43
Titre de l’application • 43
En-tête de l’application • 43
Pied de page • 44
Première compilation • 44
Complétion et aide à l’écriture de code MXML • 49
Savoir utiliser la vue Help de Flex • 50
Création des modules du projet • 51
Créer des composants personnalisables • 52
Intégrer un conteneur de navigation • 55
En résumé • 59
5. CONCEVOIR UNE INTERFACE UTILISATEUR RICHE ................ 61
Intégrer le bandeau d’information • 63
Intégrer les panneaux de l’interface utilisateur • 65
Mettre en forme l’interface grâce aux styles • 67
Ajouter une feuille de style • 67
Assistant de création CSS dans Flex Builder • 69
Assistant de création CSS en ligne • 70
Intégrer les autres panneaux • 72
En résumé • 76
© Groupe Eyrolles, 2005
IX
1. LE WEB 2.0 AVEC FLEX ....................................................1
RIA et RDA, pourquoi sont-ils l’avenir du Web 2.0 ? • 2
Les bienfaits du concept RIA pour l’économie du Net • 2
Les RIA dans le détail • 3
Les RDA, compléments indispensables des RIA • 5
En matière de choix technologique… • 6
Les benchmarks, une méthode intéressante
pour évaluer une technologie • 7
Les environnements de développement • 8
« And the winner is… » • 9
La compatibilité, question cruciale • 10
En résumé • 11
2. DESCRIPTIF DE L’ÉTUDE DE CAS .......................................13
Module 1 – Page d’accueil • 15
Module 2 – Édito • 15
Module 3 – Photo Galerie • 16
Module 4 – Base de données « Joueurs » • 17
Module 5 – Match Live • 18
Widget d’informations avec AIR • 19
En résumé • 19
3. EXPÉRIMENTONS FLEX BUILDER.......................................21
Flex, environnement de développement intégré • 22
Développement et déploiement d’une application
Flex classique • 23
Les langages de Flex • 25
La normalisation du langage ActionScript 3.0 • 26
Communiquer avec le monde extérieur • 26
Quoi de neuf dans Flex Builder 3 ? • 27
Prise en charge native du développement pour AIR • 27
Interaction avec le monde extérieur • 27
Optimiser les performances de son code • 27
Le Workbench Flex Builder 3 • 28
La barre de menus • 30
La barre d’outils • 30
Les différentes vues • 30
Flex Navigator • 31
Editor • 31
Outline • 32
Compilation automatique d’un projet • 33
Identifier les erreurs grâce à la vue Problems • 33
Changer de perspective • 34
En résumé • 35
4. FLEX APPLICATION FRAMEWORK :
LE GUIDE DU BON DÉVELOPPEUR MXML .......................... 37
Création du workspace et du projet MediaFoot • 38
Créer le projet • 38
Structure du projet MediaFoot • 39
Le design web évolué avec MXML • 40
Agencement du conteneur principal • 42
Couleur de l’arrière-plan • 43
Titre de l’application • 43
En-tête de l’application • 43
Pied de page • 44
Première compilation • 44
Complétion et aide à l’écriture de code MXML • 49
Savoir utiliser la vue Help de Flex • 50
Création des modules du projet • 51
Créer des composants personnalisables • 52
Intégrer un conteneur de navigation • 55
En résumé • 59
5. CONCEVOIR UNE INTERFACE UTILISATEUR RICHE ................ 61
Intégrer le bandeau d’information • 63
Intégrer les panneaux de l’interface utilisateur • 65
Mettre en forme l’interface grâce aux styles • 67
Ajouter une feuille de style • 67
Assistant de création CSS dans Flex Builder • 69
Assistant de création CSS en ligne • 70
Intégrer les autres panneaux • 72
En résumé • 76