Objectif

Flex est un ensemble de technologies créées par Adobe afin de développer des applications Internet riches pour lecteur Flash.

AIR est un environnement d'exécution qui permet, entre autres, de porter une application Flex du navigateur vers le bureau.

Cette formation a pour objectif de présenter ces technologies afin d'apprendre à créer une application Flex pour mettre en œuvre une expérience utilisateur unique.

La formation Flex est proposée en deux modules. Ce déroulé de cours correspondant au premier niveau de formation axé création d'interfaces utilisateur et développement d'applications relativement simples.

Le second module, plus avancé, traite de l'architecture d'applications Flex/Air complexes et des méthodologies de développement dans un contexte plus industriel.

Prérequis

Expérience professionnelle dans le Web
Familiarité avec un langage orienté objet
Idéalement, connaissance ou notions du langage ActionScript 3

Outil

Flash Builder 4 / Flex 4

Déroulé

Introduction au développement d'applications Flex

La notion de RIA (Rich Internet Application), ses technologies et ses limites

Flex, Flash et ActionScript

La gamme de produits Flex/AIR

L'architecture client Flex/serveur

Les principales ressources en ligne

Les environnements de développement

Créer une application Flex avec FlashBuilder

Création d'un projet Flex

Le contenu d'un projet Flex

Exportation et importation de projet

Les propriétés d'un projet

Tester un projet

Décrire une interface utilisateur grâce au MXML

Les vues Source et Design
Présentation des composants controls, layout et navigators

Disposer l'interface utilisateur

Utiliser des contraintes de ligne et de colonne

Créer des composants personnalisés

Le langage ActionScript 3

Un langage orienté objet
Les particularités de l'AS3

Vocabulaire, mots-Clefs et syntaxe

Création d'une classe AS3

Insérer du code ActionScript dans un fichier MXML

L'héritage, les interfaces, les getter/setter

Présentation du framework Flash et de ses API

Les mécanismes fondamentaux de Flex

La relation MXML/ActionScript
Instancier un objet

Gérer les événements

Les événements personnalisés

Diffuser un événement

La Métadonnée Event

Créer ses propres types d'événement

La liaison de données (Data Binding)

Vue d'ensemble des API de Flex 4

Manipuler les données

Utiliser le XML

Créer des objets XML

Lire les données

Manipuler les données

L'API de collection et les composants List

Valider les données avec les Validators

Formater les données avec les Formatters

Personnaliser l'interface utilisateur

Structure et planification de l'interface utilisateur
Les workflows designer / développeur Flex 3 et Flex 4
(Flex 3) Utiliser le Flex Skins design extensions pour Adobe CS3 et CS4 et le Flex component kit pour Flash CS3/CS4 Pro
Flex 4 et le nouveau modèle de skins
Le format FXG et l'intégration avec Flash catalyst
Les styles CSS

La notion de template
Les items renderers et item editors

Les renderers Drop-in et Inline

Les renderers personnalisés

Les States Flex 3 vs Flex 4
Les ViewStack

Les Effets et les transitions

Embarquer des actifs

Le DragNDrop

Les fenêtres PopUp

Les fenêtres d'alerte

Modifier le curseur

Afficher des infos-bulles

Gérer le focus

Les composants charts

Diviser une application en modules

Communiquer avec l'entourage direct de l'application

Stocker des données côté client : les Shared Objects
Communiquer avec l'enveloppe HTML
Créer des liens profonds avec le BrowserManager
Communiquer avec JavaScript grâce à ExternalInterface
Charger un fichier externe
Communiquer avec le serveur d'applications
HTTPService
WebService
Remote Object

Créer des applications pour le bureau avec AIR

Porter une application Flex sur le bureau avec AIR
Processus d'installation avec l'installBadge
Le fenêtrage
Intégrer du HTML et des documents PDF
L'accès au système de fichier