Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
38
La conception d’une application RIA avec la technologie Flex s’articule
autour de trois langages :
• le langage MXML qui permet de décrire des interfaces utilisateur
évoluées et interactives orientées RIA ;
• le langage ActionScript 3.0 qui est un langage de script objet, transposition pour Flash/Flex de la norme ECMAScript ;
• le langage de style CSS qui reprend les spécifications définies pour
CSS 1.
Le développement d’une application RIA interactive avec Flex nécessite
donc de bien maîtriser les interactions entre l’interface MXML et les
objets ActionScript. À cet effet, il faut donc commencer par assimiler le
codage d’une interface en MXML avec Flex Builder 3 – fondamentaux
que nous allons découvrir en commençant par la conception de structure
de notre étude de cas.
Création du workspace et du projet
MediaFoot
Toute application RIA développé en Flex commence par la création
d’un projet et d’un workspace.
Il ne faut pas confondre un workspace (espace de travail) avec le workbench défini dans le chapitre précédent. Alors que le workbench définit
l’environnement de développement (barre de menus, barre d’outils, vues
et perspectives), le workspace est un répertoire de fichiers système qui
contient tous les fichiers et sous-répertoires qui enregistrent un groupe
de projets dans Eclipse. Vous pouvez vérifier l’emplacement par défaut
de votre workspace en sélectionnant File>Switch Workspace>Other.
Créer le projet
Un projet créé avec Flex Builder consiste en un groupe de ressources
constituant une application Flex. Le projet est donc créé dans le workspace Flex. Le projet de notre étude de cas est ainsi généré en sélectionnant File>New>Flex Project. Cette option exécute un assistant de création
de projet.
Dans ce chapitre, le nom du projet (Project name) sera MediaFoot_chap4.
Vous pouvez préciser l’emplacement du projet dans le workspace défini
par défaut. Dans ce cas, cochez la case Use default location dans la section
Project location.
B.A.BA Le langage CSS
CSS est l’abréviation pour Cascading Style
Sheets (feuilles de style en cascade). Ce langage
est normalisé par le comité W3C. Pour rappel, une
feuille de style est une collection de règles qui spécifient la présentation d’un document.Chaque
règle décrit le style d’un élément précis à l’intérieur d’un document au format HTML ou bien XML.
Flex permet d’intégrer ces feuilles de style (version
CSS 1), ce qui nous permet donc de définir le style
de nos composants MXML.
ASTUCE Création d’un projet
Vous pouvez aussi créer votre projet avec un clic
droit de souris dans la vue Flex Navigator, en
sélectionnant New>Flex Project.
© Groupe Eyrolles, 2008
38
La conception d’une application RIA avec la technologie Flex s’articule
autour de trois langages :
• le langage MXML qui permet de décrire des interfaces utilisateur
évoluées et interactives orientées RIA ;
• le langage ActionScript 3.0 qui est un langage de script objet, transposition pour Flash/Flex de la norme ECMAScript ;
• le langage de style CSS qui reprend les spécifications définies pour
CSS 1.
Le développement d’une application RIA interactive avec Flex nécessite
donc de bien maîtriser les interactions entre l’interface MXML et les
objets ActionScript. À cet effet, il faut donc commencer par assimiler le
codage d’une interface en MXML avec Flex Builder 3 – fondamentaux
que nous allons découvrir en commençant par la conception de structure
de notre étude de cas.
Création du workspace et du projet
MediaFoot
Toute application RIA développé en Flex commence par la création
d’un projet et d’un workspace.
Il ne faut pas confondre un workspace (espace de travail) avec le workbench défini dans le chapitre précédent. Alors que le workbench définit
l’environnement de développement (barre de menus, barre d’outils, vues
et perspectives), le workspace est un répertoire de fichiers système qui
contient tous les fichiers et sous-répertoires qui enregistrent un groupe
de projets dans Eclipse. Vous pouvez vérifier l’emplacement par défaut
de votre workspace en sélectionnant File>Switch Workspace>Other.
Créer le projet
Un projet créé avec Flex Builder consiste en un groupe de ressources
constituant une application Flex. Le projet est donc créé dans le workspace Flex. Le projet de notre étude de cas est ainsi généré en sélectionnant File>New>Flex Project. Cette option exécute un assistant de création
de projet.
Dans ce chapitre, le nom du projet (Project name) sera MediaFoot_chap4.
Vous pouvez préciser l’emplacement du projet dans le workspace défini
par défaut. Dans ce cas, cochez la case Use default location dans la section
Project location.
B.A.BA Le langage CSS
CSS est l’abréviation pour Cascading Style
Sheets (feuilles de style en cascade). Ce langage
est normalisé par le comité W3C. Pour rappel, une
feuille de style est une collection de règles qui spécifient la présentation d’un document.Chaque
règle décrit le style d’un élément précis à l’intérieur d’un document au format HTML ou bien XML.
Flex permet d’intégrer ces feuilles de style (version
CSS 1), ce qui nous permet donc de définir le style
de nos composants MXML.
ASTUCE Création d’un projet
Vous pouvez aussi créer votre projet avec un clic
droit de souris dans la vue Flex Navigator, en
sélectionnant New>Flex Project.