Editeur AS2 FDT

Date de publication : 12/06/2007

Présentation, configuration et utilisation de l'éditeur AS2 FDT.

I. Présentation
II. Installation et Configuration
II-a. Installation
II-b. Configuration
III. Création d'un nouveau projet
IV. Remerciement

I. Présentation

L'éditeur FDT est un plugin du logiciel eclipse.
FDT permet de développer des applications Action Script (AS2) avec beaucoup plus de rapidité (auto-complétion, templates perso, import automatique...).
Après avoir essayé des éditeurs AS2 comme Flashdevelop ou SEPY, FDT reste le meilleur et de loin, grâce à ses nombreuses fonctionnalités qui facilite la vie des développeurs.

Ce plugin Eclipse est payant, néanmoins, une version de démonstration valable 30 jours (avec toutes les fonctionnalités débloquées) est disponible sur le site

FDT PowerFlasher

D'ici quelques mois, une nouvelle version sera disponible qui prendra en charge l'AS3 et surement avec des nouveautés bien sympa (la phase de béta test a débuté depuis le mois de Mai).

Fonctionnalités de FDT :

gestion automatique des imports.
proposition de correction du code.
test en temps réel de la validité du code.
réorganisation des imports lors du changement (nom, chemin) d'une classe.
gestion des classes super poussée (auto complétion du code très poussé).
système de template (pour la création rapide des classes récurrentes).
support de la compilation MTASC directement dans eclipse.
multiplateforme, fonctionne aussi bien sous Linux que sous Windows (grâce à eclipse).
support des commentaires au format javadoc.
possiblité de travailler à plusieurs sur un même projet (avec les bibliothèques liées).
explorateur pratique pour visualiser l'arborescence d'une classe.
possibilité de paramétrer tout son espace de travail.
intègre l'aide de flash

II. Installation et Configuration

II-a. Installation

L'installation du plugin FDT requière l'installation du logiciel eclipse :

Site Eclipse
Ensuite, via Eclipse, il est possible d'installer directement FDT.

lancez Eclipse.
allez dans le menu Help puis Software Updates et Find and Install.
sélectionnez Search for new features to install.
cliquez sur New Remote Site.
donnez un Name et mettez comme URL : http://fdt.powerflasher.com/update
choisissez FDT, puis Finish.
une fenêtre Updates apparaît, sélectionnez FDT, clicuez sur Next.
acceptez le contrat de licence et cliquez sur Next.
puis Finish.
fenêtre de vérification avant l'installation, cliquez sur Install All.
quand tout est terminé, Eclipse va vous proposer de redémarrer le logiciel, cliquez sur Yes.

Voici 2-3 copies d'écran pour illustrer les principales étapes de l'installation.

Software Updates et Find and Install

New Remote Site

Finish

II-b. Configuration

Il reste plus qu'à effectuer la configuration du plugin, très simple et très rapide. Si l'installation s'est bien déroulée, vous devriez voir un onglet FDT, c'est la que s'effectue la configuration du plugin.

onglet Windows puis Preferences
choix FDT

Voici ma configuration personnelle, libre à vous de la personnaliser.

Cochez Open fla in Flash IDE (utilise le logiciel Macromédia Flash pour ouvrir les fichiers fla).
Cochez Flash Explorer File Operations (utilise l'explorateur de FDT pour les opérations sur les fichiers).
Cochez Create BOM in as-Files with UTF-8 encoding (utilise l'encodage UTF-8 pour les fichiers as).
Onglet Core Libraries : par défaut les classes de Macromédia Flash 8 sont utilisées, personnellement, j'utilise les classes std8 livrées avec le logiciel MTASC.

Onglet Editor, puis Colors, vous pouvez choisir les couleurs utilisées pour les mots clés, les commentaires...
Dans Templates, vous pouvez créer les votre, cela correspond à la création de classes automatique directement dans l'éditeur FDT (en tenant compte du nom et chemin de la classe). Je vous conseille d'utiliser ceux de

Francis Bourre qui s'avère indispensable (templates pixlib).

Onglet Flash : Flash IDE : le chemin vers l'exécutable de Flash (généralement C:\Program Files\Macromedia\Flash 8\Flash.exe).
Flash Player : le chemin vers le Player Flash Stand Alone (généralement C:\Program Files\Macromedia\Flash 8\Players\Debug\SAFlashPlayer.exe).
Flash ASO Directory : le chemin vers le cache des classes générées lors de la compilation avec Flash (généralement C:\Program Files\Macromedia\Flash 8\fr\Configuration\Classes\aso).

Et enfin dans Tools, MTASC, indiquez le chemin vers l'exécutable mtasc.exe (pour ceux qui utilise ce compilateur Open Source).

Préférences FDT

III. Création d'un nouveau projet

Voici un exemple de création d'un nouveau projet en utilisant le plugin FDT.

Tout d'abord, vérifier que Eclipse est configuré dans une perspetive Flash (environnement de travail). Eclipse gère plusieurs environnement de travail suivant le langage de programmation utilisé. Vérification de l'environnement de travail : Windows -> Open Perspective -> Other -> Flash.

Affichez l'onglet Flash Explorer : Windows -> Show view -> Flash Explorer.
Clique droit dans l'onglet Flash Explorer : New -> Project.
Sélectionnez Flash -> New Flash Project puis Next.
Donnez un nom au projet et sélectionnez un répertoire pour stocker le projet sur votre disque dur et cliquez sur Next.
Choisissez le Core Library, vous pouvez aussi rajouter des bibliothèques partagées (framework pixlib) avec Add Linked Libraries, ajouter des répertoires de classes as.
déjà existant (Add Existing Folder). Ensuite cliquez sur Finish.
Vous venez donc de créer voter premier projet avec FDT.

Commençons par écrire une classe d'exemple.
On va créer un dossier regroupant tout le code source du projet : Clique droit dans Flash Explorer, New -> Source Folder.
Positionnez vous sur le dossier que vous venez de créer pour regrouper les classes ayant le même thème dans des packages. Clique droit dans Flash Explorer, New -> Package.
Ensuite, sur le package crée, on va ajouté notre première classe : Clique droit dans Flash Explorer, New -> Class.
Voila notre première classe de crée, il nous reste plus qu'à la remplir.
On en vient à l'utilité des templates, dans notre cas, on veut créer la classe principale de notre application (nécessaire pôur MTASC). Appuyer sur les touches Ctrl+Entrée pour afficher la liste des templates, choisissez Create an MTASC...
Votre classe avec la méthode static main est désormais crée, vous pouvez compiler votre application avec MTASC.

Ci dessous, quelques copies d'écrans illustrant les différentes étapes de création d'un nouveau projet Flash.

Flash Explorer

New Project

New Flash Project

Core Library

New Source Folder

New Package

Template class Main

Finish

Il nous reste plus qu'à découvrir par vous même tous les avantages de l'utilisation d'un environnement de développement : Eclipse + FDT + MTASC.

Le site de support

FDT est vraiment très bien fait. Il contient plein de

vidéos d'exemples, et le forum de support est très réactif aux questions posées.

IV. Remerciement

Les développeurs de l'éditeur FDT pour avoir conçu un produit très bien adapté au développement Action Script.
L'équipe du site FDT offre une licence gratuite à tous les développeurs Action Script de projets Open Source :

FDT PowerFlasher

Pour ceux qui veulent approfondir leurs connaissances, il y a plein de tutoriaux très bien fait sur le compilateur MTASC et le framework pixlib :

Get-url

Les sources présentées sur cette page sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 12/06/2007 Matthieu DELOISON. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts. Cette page est déposée à la SACD.