livre Flex & Air - Micro Application

Créer son premier projet avec Flex

Initiation à Flex Builder 3

Flex Builder 3 et Eclipse

Installer Flex Builder 3

Comprendre l'arborescence du dossier d'installation

Présentation de l'environnement de développement

Créer sa première application

Création d'un nouveau projet

Comprendre l'arborescence d'un projet Flex

MXML

Mode Source

Mode Design

Compiler une application Flex

Du MXML au SWF

Fichiers générés

Check-list

Découvrir l'ActionScript 3.0

Démarrer avec ActionScript dans Flex Builder

Créer l'application Flex

Le code ActionScript dans vos fichiers MXML

Le code ActionScript dans des fichiers séparés

Importer du code ActionScript dans un fichier MXML

Les bases de la programmation

Les packages et namespaces

Les types de données et les variables

Les fonctions et opérateurs

Les boucles et conditions

La programmation orientée objet dans ActionScript

Les avantages de la programmation orientée objet

Les classes

Les interfaces

L'héritage

Déboguer de l'ActionScript 3.0 dans Flex Builder

Création d'une application Flex utilisant ActionScript

Le mode Debug

Ajouter un point d'arrêt

Le pas à pas

Afficher le contenu d'une variable

La fonction trace

Corriger les erreurs

Check-list

Réaliser sa première interface

Les composants MXML

Définition d'un composant

Travailler avec les contrôles Flex

Différencier les composants

Utiliser un composant en MXML et en ActionScript

Les conteneurs d'agencement

Comprendre l'utilité des conteneurs

Maîtriser les conteneurs primordiaux : HBox et VBox

Reconnaître les cadres d'utilisation des autres conteneurs d'agencement

Mise en forme de l'interface

Comprendre le redimensionnent d'un composant

Comprendre le positionnement absolu et les contraintes

Les contrôles simples

Utiliser Flex Component Explorer pour appréhender les contrôles simples

Afficher des images

Utiliser les Text Controls

Mise en pratique : une interface d'annuaire

Mettre en place les conteneurs

Ajouter les contrôles simples en mode Design

Check-list

Gérer les événements

Introduction aux événements

Comprendre le flux des événements

À propos de l'objet Event

La classe EventDispatcher

Utiliser les événements

Utiliser les événements inline

Utiliser les événements dans le code

Manipuler l'objet Event

Les événements à connaître

Les événements clavier

Gérer les événements clavier

Récupérer les codes clavier

Les événements clavier-souris

Créer ses propres événements

La méthode dispatchEvent()

Déclencher un événement en MXML

Personnaliser votre événement

Mise en pratique : un convertisseur de devises

Mise en place du projet

L'interface

Mettre en place la logique métier

Associer la logique à l'interface avec MXML

Associer la logique à l'interface avec ActionScript

Check-list

Gérer les données

Définir un data model

Création d'un formulaire

La balise

La balise

Les modèles basés sur du script

Les modèles basés sur des classes ActionScript

Lier des données

Les accolades en MXML

Utiliser du code ActionScript dans les accolades

La balise en MXML

Plusieurs sources ou plusieurs destinations

Lier des données en ActionScript

Valider des données

Les validateurs prédéfinis

Utiliser des validateurs dans un formulaire

Personnalisation de la validation

Formater les données

Utiliser les formateurs de base

Récupérer les erreurs de formatage

Formater à l'intérieur d'une liste de données

Travailler avec XML

Accéder aux éléments

Modifier les données

Créer ou assembler des objets XML

Check-list

Aller vers une interface riche

Les contrôles avancés

Les List, les HorizontalList et les ComboBox

Les DataGrid

Les Tree

Créer ses propres composants

Un nouveau conteneur racine pour les composants MXML

Utilisons nos nouveaux composants

La création de composants en ActionScript

ActionScript vs MXML pour la création de nouveaux composants

Pourquoi créer ses propres composants ?

Mise en pratique : une interface maître-détail

Qu'est-ce qu'une interface maître-détail ?

Mise en place du projet

Le découpage du projet

Le module maître

Le module détail

L'assemblage des deux modules

Check-list

Naviguer dans son application

Introduction à la navigation

Manipuler une ViewStack

Introduction au composant ViewStack

Ajouter une ViewStack dans une application

Manipuler une ViewStack

Dimension des conteneurs enfants

Les contrôles TabNavigator et Accordion

Le composant TabNavigator

Le composant Accordion

Navigation au clavier

Ajouter des boutons pour faciliter la navigation

Mise en pratique : mon CV en ligne

Création du projet

Ajout d'un composant de navigation

Ajout des informations

Mise en forme et design

Résultat final

Check-list

Personnaliser son application

Utiliser les comportements

Comment fonctionnent les comportements ?

Les effets disponibles dans Flex

Appliquer les comportements aux composants

Ajouter des effets

Retarder le lancement d'un effet

Combiner plusieurs effets

Créer son propre effet d'apparition

ViewStates et transitions

Mettre en œuvre les ViewStates

Appliquer des transitions

Styliser l'interface

La balise

Les classes de style

Le StyleManager

Le style inline

Item renderers et editors 

Utiliser des renderers et des editors en méthode drop-in

La méthode inline

Quels sont les composants Flex qui peuvent servir de renderer ou d'editor ?

Utiliser des items renderers et editors complexes

Check-list

Améliorer l'expérience utilisateur

Le glisser-déposer (drag-and-drop)

L'historique de navigation (deep linking)

Pour quoi faire ?

Comment ça marche ?

Concrètement ?

Impression

Internationalisation

Faire une application localisée pas à pas

Mettre autre chose que des objets string dans les ressources

Charger les fichiers de langue à l'exécution

Check-list

Communiquer avec un serveur

Comprendre les possibilités de récupération de données

Chargement dynamique des données XML

Un point sur le Player Flash et la sécurité

HTTPService

Récupération de données via une requête http

Utiliser le binding

Récupérer les résultats de manière événementielle

Gérer les erreurs

Services web

Utiliser des services web de type SOAP

Appeler des méthodes distantes

Passer des arguments aux méthodes de services web

Différence d'utilisation entre service web et HTTPService

RemoteObject

Mise en pratique : une application avec Amazon

Check-list

Présenter les données graphiquement

Introduction à Flex Charting

Utiliser un composant de Flex Charting

Les différents types de graphiques

Le PieChart

L'AreaChart

Le ColumnChart et le BarChart

Le LineChart

Le BubbleChart et le PlotChart

Mettre en forme les graphiques

Les données

Les séries

Les axes

Interaction avec les graphiques

Les bulles d'information

Les légendes

Animer un graphique

Mise en pratique : un module de statistiques

Check-list

Utiliser AIR

Passer de Flex à AIR

Les outils pour utiliser et développer une application AIR

Un projet AIR dans Flex Builder 3

Les caractéristiques d'un projet AIR

Créer un package AIR

Utiliser HTML

La classe HTMLControl

Les possibilités avancées

HTMLControl dans le composant HTML

Gérer des fichiers

Les classes pour gérer les fichiers

Manipuler des répertoires

Gérer les fichiers

Utiliser SQLite

Se connecter à une base

Créer des tables

Manipuler des données

Personnaliser ses fenêtres

Les types de fenêtres

Gérer les événements des fenêtres

Check-list

Aller plus loin

Cairngorm

Le motif de conception modèle vue contrôleur

L'architecture MVC selon Cairngorm

Utiliser Cairngorm dans votre application

Mise en pratique

Tests unitaires

Le principe des tests unitaires

FlexUnit

Mise en pratique

LiveCycle Data Services et BlazeDS

Remote Procedure Call

Data Management

Messaging

Obtenir de l'aide

L'aide officielle

Le forum Adobe Flex

Check-list

Annexes

Webographie

Sources officielles

Communauté

Flex en France

Antisèches

Les composants

Les propriétés

Utiliser ActionScript

AIR

Glossaire

Index