Éditeur AS2 FDT

Matthieu DELOISON

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

- Titre : Éditeur AS2 FDT

- Auteur : Matthieu DELOISON

- Parution : 12 juin 2007

- Mise à jour : 17 février 2020

- Licence : 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 œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 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'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- 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é (autocomplé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 facilitent 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 ;

- possibilité 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 requiert 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 ne 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 là 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 vôtres, cela correspond à la création de classes automatiques 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èrent indispensables (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 utilisent 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érifiez que Eclipse est configuré dans une perspective Flash (environnement de travail). Eclipse gère plusieurs environnements 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.

- Clic 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à existants (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 : clic 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. Clic droit dans Flash Explorer, New -> Package.
Ensuite, sur le package créé, on va ajouté notre première classe : clic droit dans Flash Explorer, New -> Class.
Voilà notre première classe de créée, il ne 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 pour MTASC). Appuyez 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 ne vous 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 tutoriels très bien faits sur le compilateur MTASC et le framework pixlib : Get-url