FLASH BUILDER 4 - Développement logiciel ADOBE - Notice d'utilisation et mode d'emploi gratuit

Type de produit	Environnement de développement intégré (IDE)
Marque	Adobe
Modèle	Flash Builder 4
Version	Standard et Premium
Plateformes supportées	Microsoft Windows, Apple Mac OS X
Langages supportés	MXML, ActionScript 3.0, CSS
Framework inclus	Adobe Flex
Exécution cible	Adobe Flash Player, Adobe AIR
Fonctions principales	Édition de code avec assistance, débogage, profilage, conception visuelle, gestion de projet, génération d'applications, test unitaire (FlexUnit)
Fonctionnalités Premium	Profilage mémoire et performances, moniteur de réseau, tests automatisés, génération par ligne de commande
Installation	Autonome (avec Eclipse intégré) ou en plug-in dans Eclipse existant
Mise à jour	Client de l’Aide de la communauté Adobe (CHC) pour l’aide en ligne
Alimentation	Néant (logiciel, pas d’alimentation physique)
Entretien	Mises à jour via le site Adobe ; sauvegarde des projets
Sécurité	Gestion de la sécurité de Flash Player intégrée
Pièces détachées	Sans objet (logiciel)
Réparabilité	Réinstallation ou mise à jour via les programmes d’installation
Informations générales	Basé sur Eclipse ; permet de créer des applications Internet riches (RIA) multiplateformes

FOIRE AUX QUESTIONS - FLASH BUILDER 4 ADOBE

Quels sont les prérequis système pour installer Flash Builder 4 ?

Flash Builder 4 nécessite un système d’exploitation Windows ou macOS avec au moins 2 Go de RAM, un processeur 2 GHz, et environ 1,5 Go d’espace disque. Une connexion Internet est recommandée pour l’accès à l’aide en ligne.

Comment créer un premier projet Flex ?

Dans le menu Fichier, choisissez Nouveau puis Projet Flex. Suivez l’assistant pour configurer le nom, le dossier source, le serveur (si nécessaire) et la version de Flash Player cible. Cliquez sur Terminer pour générer le projet.

Quelle est la différence entre Flash Builder Standard et Premium ?

La version Premium ajoute le profilage de la mémoire et des performances, le Moniteur de réseau pour inspecter les échanges de données, les tests automatisés avec FlexUnit, et la génération par ligne de commande.

Comment déboguer une application Flash Builder ?

Placez des points d’arrêt dans l’éditeur en cliquant dans la marge, puis lancez l’application en mode débogage via le menu Exécuter > Déboguer. Utilisez la perspective Débogage pour inspecter les variables, la pile d’appels et le flux d’exécution.

Puis-je utiliser Flash Builder avec un serveur comme ColdFusion ?

Oui, Flash Builder prend en charge les technologies back-end telles que Adobe ColdFusion, Adobe LiveCycle Data Services et les services web standards. Utilisez l’assistant de projet pour configurer l’accès aux données distantes.

Comment ajouter des composants visuels à mon application ?

En mode Création de l’éditeur MXML, faites glisser des composants depuis la vue Composants vers la zone de conception. Vous pouvez aussi les positionner via des contraintes et modifier leurs propriétés dans la vue Propriétés.

Qu’est-ce qu’un projet de bibliothèque dans Flash Builder ?

Un projet de bibliothèque génère un fichier SWC contenant des composants et du code partagés. Cela permet de réutiliser et distribuer facilement des fonctionnalités entre plusieurs projets Flex ou ActionScript.

Comment personnaliser l’interface de Flash Builder ?

Vous pouvez réorganiser les perspectives, vues et éditeurs en les faisant glisser. Accédez à Fenêtre > Préférences > Flash Builder pour ajuster les options de code, d’apparence et de comportement.

Qu’est-ce que le profilage dans Flash Builder Premium ?

Le profileur analyse l’utilisation de la mémoire et du processeur de votre application en temps réel. Il aide à identifier les fuites mémoire, les goulots d’étranglement et les zones à optimiser via des graphiques et des instantanés.

Comment installer Flash Builder en tant que plug-in Eclipse ?

Téléchargez le programme d’installation plug-in. Durant l’installation, pointez vers votre dossier Eclipse existant (version 3.4.2 ou ultérieure). Les fonctionnalités Flash Builder seront ajoutées en tant que plug-in dans le workbench Eclipse.

MODE D'EMPLOI FLASH BUILDER 4 ADOBE

Utilisation d'Adobe ^® Flash ^® Builder ^TM 4.

Chapitre 1 : A propos de Flash Builder

Possibilités d'utilisation de Flash Builder 1

Versions de Flash Builder 2

Programmes d'installation Flash Builder 2

Client de l'Aide de la communauté Adobe 3

Chapitre 2 : Workbench Flash Builder

Notions de base du workbench Flash Builder 4

Navigation et personnalisation du workbench Flash Builder 23

Chapitre 3 : Utilisation des projets

A propos des projets Flash Builder 35

Création de projets Flex 41

Gestion des projets 49

Exportation et importation de projets 53

Exportation d'une application vers une version validée 59

Gestion des ressources du projet 62

Projets ActionScript 66

Projets de bibliothèque 69

Génération de projets 73

Génération par ligne de commande de Flash Builder 86

Exécution des applications 90

Création de modules 96

Chapitre 4 : Modification du code dans Flash Builder

A propos de la modification du code dans Flash Builder 103

Aide au codage dans Flash Builder 105

Navigation et organisation du code 111

Formatage et modification du code 116

Recherche de références et restructuration de code 118

Icônes représentant les éléments de langage 120

A propos des marqueurs 122

A propos de la vérification de la syntaxe 124

Raccourcis clavier d'édition de code 126

Personnalisation des modèles de fichier 127

Chapitre 5 : Création de composants MXML personnalisés

A propos des composants personnalisés 134

Création de composants MXML avec Flash Builder 134

Création de composants visuels 135

Définition de commentaires ASDoc pour les composants personnalisés 136

Modification et distribution des composants MXML personnalisés 136

Chapitre 6 : Développement d'applications AIR avec Flash Builder

Création de projets AIR avec Flash Builder 137

Conversion de projets Flex en projets Adobe AIR 137

Débogage des applications AIR avec Flash Builder 137

Création de packages d'application AIR avec Flash Builder 138

Création d'un projet de bibliothèque AIR 140

Chapitre 7 : Débogage, test et surveillance des applications

Débogage des applications 141

Environnement de test FlexUnit 150

Surveillance des applications accédant aux services de données 155

Chapitre 8 : Profilage des applications Flex

A propos du profilage 159

Fonctionnement du profileur Flex 160

Utilisation du profileur 162

A propos des vues du profileur 168

A propos de la récupération de place 182

Identification des zones à problèmes 182

A propos des filtres du profileur 186

Chapitre 9 : Création d'une interface utilisateur avec Flash Builder

A propos de la structure des interfaces utilisateur dans Flex 188

Ajout et modification des composants 191

Utilisation visuelle des composants 196

Utilisation de présentations basées sur des contraintes 205

Création de gestionnaires d'événement 208

Application de thèmes 210

Application de styles 213

Modification de l'interface utilisateur à l'aide des habillages 218

Génération de rendus d'élément personnalisés 224

Actualisation du mode Création pour un rendu correct 227

Ajout d'états d'affichage et de transitions 227

Liaison des contrôles à des données 233

Ajout de composants de représentation graphique 234

Ajout d'interactivité à l'aide d'effets 235

Chapitre 10 : Utilisation de données dans Flash Builder

A propos de l'utilisation des données dans Flash Builder 237

Génération automatique du code Flex Ajax Bridge 241

Gestion de la sécurité de Flash Player 245

Chapitre 11 : Personnalisation de Flash Builder

Préférences Adobe 248

Préférences de Flash Builder 249

Extension de Flash Builder 255

Chapitre 1 : A propos de Flash Builder

Adobe® Flash® Builder™ est un environnement de développement intégré permettant la génération d'applications Internet riches (Rich Internet Applications, RIA) multiplateformes. Flash Builder vous permet de générer des applications utilisant la structure Adobe Flex®, MXML, Adobe Flash Player, Adobe AIR®, ActionScript 3.0, Adobe® LiveCycle® Data Services ES et les composants de représentation graphique Adobe® Flex®. Il comporte également des outils de test, de débogage et de profilage favorisant productivité et efficacité.

Flash Builder est basé sur Eclipse, un environnement IDE de type « open source », et fournit tous les outils requis pour développer des applications qui utilisent la structure Flex et ActionScript 3.0. Flash Builder s'exécute sous Microsoft Windows et Apple Macintosh OS X et est disponible en plusieurs versions. Les options de configuration d'installation vous permettent d'installer Flash Builder en ensemble de plug-ins dans une installation de workbench Eclipse existante ou de créer une installation incluant le workbench Eclipse.

Possibilités d'utilisation de Flash Builder

Flash Builder vous permet de développer des applications dans un environnement IDE complet et de réaliser les tâches suivantes :

• Création de projets Flex compatibles avec toute technologie de serveur back-end, dont Adobe ColdFusion® et Adobe LiveCycle® Data Services, avec ou sans serveur Flex. Voir « Création de projets Flex » à la page 41.
• Création d'applications accédant aux services de données à distance. Flash Builder fournit des outils et des assistants facilitant l'accès aux services de données. Voir Présentation de l'accès aux services de données.
• Création de projet ActionScript. Voir « Projets ActionScript » à la page 66.
• Rédaction et modification du code source des applications à l'aide d'éditeurs fournissant des fonctions telles que la restructuration de code, les indicateurs de code, la navigation de code rationnalisée et la vérification automatique des erreurs de syntaxe. Voir « A propos de la modification du code dans Flash Builder » à la page 103.
• Utilisation de l'éditeur MXML en mode Création entre autres pour générer des applications à l'aide des options de présentation, pour faire glisser des composants vers la zone de création avant de les repositionner et de les redimensionner et pour simplifier l'utilisation par des états d'affichage. Voir « Création d'une interface utilisateur avec Flash Builder » à la page 188.
• Création de fonctions ActionScript dans le code MXML ou dans des fichiers distincts de fonctions, classes et interfaces ActionScript.
• Création de composants personnalisés et accès rapide à partir de la vue Composants. Voir « Création de composants MXML personnalisés » à la page 134.
• Gestion des projets d'application grâce aux nombreuses fonctions fournies par l'environnement IDE Eclipse sous-jacent. Par exemple, ajout et suppression de projets et de ressources, établissement de liens à des ressources en dehors du projet, etc. Voir « Gestion des projets » à la page 49 et « Création de dossiers et de fichiers dans un projet » à la page 63.
• Multiples méthodes de génération des applications à l'aide des générateurs intégrés ou création de générateurs personnalisés à l'aide d'Apache Ant. Voir « Génération de projets » à la page 73.

• Exécution des applications dans un navigateur Web ou dans la version autonome de Flash Player. Création de configurations de lancement personnalisées pour contrôler l'exécution des applications. Voir « Exécution des applications » à la page 92 et « Gestion des configurations de lancement » à la page 94.

• Débogage des applications grâce aux outils de débogage intégrés de Flash Builder. Voir « Débogage des applications » à la page 141.

• Utilisation du Moniteur de réseau pour générer une piste d'audit détaillée de toutes les données transférées entre l'application Flex locale et le serveur back-end. Voir « Surveillance des applications accédant aux services de données » à la page 155.
• Publication du code source des applications afin que les utilisateurs et les autres développeurs puissent le visionner. Voir « Publication du code source » à la page 85.
• Création de projets de bibliothèque générant des fichiers de bibliothèque de composants partagés (SWC) pour la réutilisation et la distribution du code. Voir « Projets de bibliothèque » à la page 69.
• Personnalisation de l'IDE. Par exemple, réorganisation de l'interface afin d'inclure vos outils favoris dans la présentation spécifique. Voir « Navigation et personnalisation du workbench Flash Builder » à la page 23.

Versions de Flash Builder

Flash Builder est disponible en deux versions : Standard et Premium.

Flash Builder version Standard Cette version fournit un environnement IDE complet qui vous permet de créer des applications à l'aide de la structure Flex et de l'API Flash. Flash Builder version Standard inclut également des éditeurs MXML, ActionScript et CSS, ainsi que des outils de débogage. Il fournit une bibliothèque de diagrammes et de graphiques interactifs qui vous permettent de créer des tableaux de bord riches, des analyses de données interactives et des composants de visualisation des données.

Flash Builder version Premium Outre les fonctionnalités de la version Standard, Flash Builder Premium comporte des outils de profilage de la mémoire et des performances ainsi que des outils de tests automatisés. Utilisez le Moniteur de réseau pour consulter les données qui sont transmises entre une application client et un service de données.

L'environnement de test FlexUnit permet de générer et de modifier des tests reproduisibles pouvant être exécutés à partir de scripts ou directement à l'intérieur ou à l'extérieur de l'environnement Flash Builder. Les fonctionnalités de génération par ligne de commande vous permettent de synchroniser les paramètres de génération d'un développeur avec une génération nocturne.

Programmes d'installation Flash Builder

Flash Builder comporte deux programmes d'installation.

Programme d'installation plug-in Ce programme d'installation est destiné aux utilisateurs ayant déjà recours au workbench Eclipse et souhaitant ajouter les plug-ins Flash Builder à leur ensemble de plug-ins Eclipse. Cela peut être le cas par exemple des développeurs d'applications Java. Etant donné qu'Eclipse est une plateforme extensible et ouverte, des centaines de plug-ins sont disponibles à différentes fins de développement.

Programme d'installation autonome Ce programme d'installation est un package personnalisé de plug-ins Eclipse et Flash Builder, créé spécialement pour développer des applications qui utilisent la structure Flex et ActionScript 3.0. L'interface utilisateur de l'installation autonome est plus étroitement intégrée que l'installation plug-in. L'installation autonome permet d'éviter en grande partie les confusions auxquelles l'installation plug-in, multi-usage et ouverte, risque de prêter. Elle est idéale pour les nouveaux utilisateurs ainsi que pour ceux qui souhaitent développer uniquement des applications reposant sur la structure Flex et ActionScript 3.0.

Si vous ne savez pas quel programme d'installation utiliser, suivez les recommandations suivantes :

• Si Eclipse version 3.4.2 (ou ultérieure) est déjà installé, utilisez le programme d'installation plug-in pour ajouter les fonctionnalités Flash Builder à la copie existante d'Eclipse.
• Si aucune version d'Eclipse n'est installée et que votre objectif principal est de développer des applications Flex et ActionScript, utilisez le programme d'installation autonome de Flash Builder. Ce programme d'installation vous permet également d'installer d'autres plug-ins Eclipse afin d'étendre la portée de vos futurs travaux de développement.

Les programmes d'installation plug-in et autonome de Flash Builder fournissent les mêmes fonctionnalités.

Client de l'Aide de la communauté Adobe

Cette version de Flash Builder comporte le client de l'Aide de la communauté Adobe (Adobe Community Help Client, CHC). Le client CHC est une application basée sur AIR qui remplace le moteur d'aide Eclipse pour Flash Builder et constitue la plateforme pour la nouvelle génération d'aide Adobe. Le client CHC se caractérise par les propriétés suivantes :

- Toujours en ligne

Si vous disposez d'une connexion réseau, le client CHC accède au contenu situé sur le Web pour vous fournir en permanence les informations les plus récentes. En l'absence de connexion Internet, il est également opérationnel en mode local.

- Centré sur la recherche

Vous pouvez utiliser les fonctions de recherche de l'Aide de la communauté (adobe.com) ou procéder à une recherche locale. La recherche de l'Aide de la communauté regroupe les ressources, dont celles des sites tiers. La recherche adobe.com comporte des critères vous permettant d'en restreindre la portée.

- Navigation en contexte

La navigation en contexte fournit un ensemble généré dynamiquement de liens associés dirigeant vers des pages clés.

Chapitre 2 : Workbench Flash Builder

Notions de base du workbench Flash Builder

Adobe® Flash® Builder™ repose sur Eclipse, un environnement de développement intégré de type « open source ». Il vous permet de développer des applications Flex® et ActionScript® 3.0 à l'aide de puissants outils de codage, de mise en forme visuelle, de création et de débogage.

A propos du workbench

Le workbench Flash Builder est un environnement de développement entièrement intégré conçu pour vous aider à développer des applications pour la structure Adobe Flex. Vous pouvez développer des applications à déployer sur Adobe Flash Player et des applications de bureau à déployer sur Adobe AIR®. Flash Builder repose sur Eclipse, un environnement IDE de type « open source ». Flash Builder est un ensemble de plug-ins Eclipse vous permettant de créer des applications Flex et ActionScript 3.0. La plupart des fonctionnalités de base de l'environnement IDE de Flash Builder provient d'Eclipse. Cela inclut, par exemple, les fonctions de gestion, de recherche et de navigation dans les ressources. Les plug-ins Flash Builder ajoutent les fonctions et fonctionnalités permettant de créer des applications Flex et ActionScript 3.0. Ils modifient également l'interface utilisateur IDE et certaines fonctionnalités pour prendre en charge ces tâches.

Les informations nécessaires à l'utilisation de Flash Builder sont présentées dans la documentation de Flash Builder. A moins d'utiliser d'autres plug-ins Eclipse (CVS ou Java, par exemple) avec Flash Builder, ou si vous souhaitez étendre les plug-ins Flash Builder (voir « Extension du workbench Flash Builder » à la page 23), vous n'avez pas à vous soucier de l'infrastructure Eclipse sous-jacente.

Workbench Le terme workbench désigne l'environnement de développement Flash Builder. Le workbench contient trois éléments principaux : les perspectives, les éditeurs et les vues. Vous utilisez ces trois composants dans différentes combinaisons à différents stades du processus de développement de l'application. Le workbench constitue le conteneur de tous les outils de développement des applications. Vous pouvez le comparer à Microsoft Visual Studio, qui offre un cadre et les principales fonctionnalités d'une large gamme d'outils de développement.

Perspective Une perspective représente un groupe de vues et d'éditeurs du workbench. Il s'agit essentiellement d'un environnement de travail spécial qui vous aide à réaliser un type de tâche spécifique. Par exemple, Flash Builder contient deux perspectives. La perspective Développement Flash sert au développement d'applications et la perspective Débogage Flash au débogage des applications. Flash Builder Premium contient également la perspective Profil Flash.

Si vous utilisez la configuration plug-in de Flash Builder (voir « Programmes d'installation Flash Builder » à la page 2), le workbench peut contenir d'autres perspectives telles qu'une perspective Java contenant des éditeurs et des vues permettant de développer des applications Java.

Pour plus d'informations sur les perspectives, voir « A propos des perspectives de Flash Builder » à la page 7.

Editeur Un éditeur vous permet d'éditer différents types de fichier. Les éditeurs dont vous disposez varient selon le nombre et le type de plug-ins Eclipse installés. Flash Builder contient des éditeurs permettant de rédiger du code MXML, ActionScript 3.0 et CSS (Cascading Style Sheets, feuilles de style en cascade). Pour plus d'informations sur la modification du code dans Flash Builder, voir « A propos de la modification du code dans Flash Builder » à la page 103.

Vues Une vue comporte généralement un éditeur. Par exemple, lors de l'édition MXML, les vues Composants et Propriétés apparaissent également dans la perspective Développement Flash. Ces vues prennent en charge le développement d'applications et s'affichent par conséquent lorsqu'un fichier MXML est ouvert en édition.

Certaines vues prennent en charge les principales fonctionnalités du workbench. Par exemple, la vue Explorateur de packages vous permet de gérer les fichiers et dossiers au sein du workbench et la vue Tâches affiche toutes les tâches automatiquement générées par le workbench ou ajoutées manuellement.

Le terme vue est synonyme de panneau, ce dernier étant utilisé dans les versions précédentes de Flex Builder, dans Adobe Dreamweaver® et dans d'autres outils de développement Adobe.

Espace de travail A ne pas confondre avec le workbench, un espace de travail représente une zone définie d'un système de fichiers contenant les ressources (fichiers et dossiers) constituant vos projets d'application. Vous ne pouvez travailler que dans un seul espace de travail à la fois, mais vous pouvez cependant sélectionner un espace de travail différent à chaque lancement de Flash Builder. Pour plus d'informations, voir « Gestion des projets » à la page 49.

Ressource Le terme ressource est utilisé de façon générique pour désigner les fichiers et dossiers des projets d'un espace de travail. Pour plus d'informations, voir « Création de dossiers et de fichiers dans un projet » à la page 63.

Projet Toutes les ressources constituant vos applications figurent dans des projets. Vous ne pouvez pas créer une application dans Flash Builder sans créer au préalable un projet. Vous pouvez créer trois types de projet dans Flash Builder : les projets Flex, les projets ActionScript et les projets de bibliothèque. Pour plus d'informations, voir « Utilisation des projets » à la page 35.

Configuration de lancement Une configuration de lancement est créée pour chacun de vos projets. Elle définit les paramètres de projet utilisés lors de l'exécution et du débogage de vos applications. Par exemple, les noms et emplacements des fichiers SWF d'application compilés sont contenus dans la configuration de lancement, et vous pouvez modifier ces paramètres. Pour plus d'informations, voir « Exécution des applications » à la page 92.

A propos des éditeurs Flash Builder

Flash Builder contient des éditeurs vous permettant d'éditer du code MXML, ActionScript 3.0 et CSS. Les éditeurs constituent la pierre angulaire du workbench et des vues. Les perspectives dans lesquelles ils figurent prennent en charge leurs fonctionnalités.

Les éditeurs sont associés à des types de ressource. Ainsi, lorsque vous ouvrez des ressources dans le workbench, l'éditeur correspondant s'affiche. Le workbench représente un environnement orienté document (et orienté projet) destiné au développement d'applications.

Le développement d'applications Flex dans Flash Builder repose sur l'utilisation des éditeurs MXML, ActionScript 3.0 et CSS. Chaque éditeur intègre les fonctionnalités nécessaires au type de ressource donné. Flash Builder contient les éditeurs suivants.

Editeur MXML Utilisez l'éditeur MXML pour éditer le code MXML et pour incorporer un code ActionScript et CSS dans les balises et <fx:Style. L'éditeur MXML propose deux modes : Source et Création. Le mode Source sert à l'édition du code. Le mode Création permet la présentation et la conception visuelles des applications. Les deux modes sont synchronisés et les modifications effectuées dans un mode sont aussitôt répercutées dans l'autre mode. Pour plus d'informations, voir « A propos de la modification du code dans Flash Builder » à la page 103.

Editeur ActionScript Utilisez l'éditeur ActionScript pour éditer des fichiers de classe et d'interface ActionScript. Bien que vous puissiez incorporer des fonctions ActionScript dans un fichier MXML à l'aide de la balise , les classes sont généralement définies dans des fichiers ActionScript, puis importées dans des fichiers MXML. Cette méthode vous permet de définir la plupart de vos applications Flex dans ActionScript.

Editeur CSS Utilisez l'éditeur CSS pour afficher et éditer des feuilles de style en cascade. Vous pouvez ensuite appliquer des styles aux éléments visuels de vos applications. Pour plus d'informations, voir « Utilisation visuelle des composants » à la page 196 et Using Styles and Themes.

Indicateurs de code

Les éditeurs contiennent de nombreuses fonctionnalités qui simplifient et rationalisent le développement de code. Ils proposent en particulier l'option Assistant de contenu, qui affiche des indicateurs de code et du contenu ASDoc lorsque vous saisissez du code MXML, ActionScript et CSS. Le contenu ASDoc s'affiche également lorsque vous passez le curseur de la souris sur une classe de l'éditeur.

Les indicateurs de code apparaissent automatiquement lorsque vous saisissez du code (vous pouvez également afficher les indicateurs de code en appuyant sur Ctrl+Espace). L'exemple suivant illustre les indicateurs de code dans l'éditeur MXML :