header


Installer Visual Editor sous Eclipse 3.3 (Europa)

parArkenle 10.Jun.2008
Issu du monde .NET, j'ai voulu me mettre récemment à Java pour ma "culture informatique" personnelle. Pour l'IDE, après avoir parcouru quelques pages et forums sur developpez.com, mon choix s'est rapidement tourné vers Eclipse, déjà parcequ'il est gratuit, ensuite parce que j'utilise déjà un plugin Eclipse sur un produit IBM (Websphere Message Broker Toolkit), je suis donc plus ou moins familier avec son interface.

Ayant un petit projet client lourd sous le coude, j'ai donc voulu mettre ça en application sur Java dans Eclipse. Je suis un habitué depuis plusieurs années de Visual Studio et de son excellent designer graphique qui permet, à partir d'une palette, de poser ses composants sur son Form, d'en gérer les propriétés et les évènements sans mettre les doigts dans le code.

Je recherchais donc plus ou moins la même chose du côté d'Eclipse. Et ça tombe plutôt bien, puisque Dieu a justement inventé le plugin Visual Editor. Après quelques galères à essayer de l'installer via le "Help->Sofware Updates->Find and install..." et tout plein d'erreurs incompréhensibles pour au final, un truc qui ne fonctionnait pas, j'ai trouvé une manière beaucoup plus simple de le mettre en place. Suivez le guide.


Etape 1 : téléchargement et installation d'Eclipse 3.3

Il existe plusieurs distributions d'Eclipse, avec plus ou moins de plugin et d'outils préinstallés. Pour mettre en place Visual Editor, je suis allé me servir sur le site d'IBM. Sur cette page ont trouve différents bundle d'Eclipse, gratuits bien sûr et en libre téléchargement.

J'ai opté pour le bundle le plus complet, le Europa enterprise project bundle. Ce package comprend Core Eclipse 3.3, Eclipse Web Tools Platform (WTP) 2.0, Eclipse Modeling Framework (EMF) 2.3, Graphics Editing Framework (GEF) 3.3, Data Tools Platform (DTP) 1.5, Eclipse Test and Performance Tools Platform (TPTP) 4.4, Eclipse Web Tools Platform (WTP) 2.0, Graphical Modeling Framework (GMF) 2.0, EMF (OCL, Validation, Query, Transaction) 1.1, c'est à dire, entre autre, tous les prérequis pour pouvoir installer Visual Editor, à savoir Eclipse Modeling Framework (EMF) et le Graphical Modeling Framework (GMF). Le bestiau mesure 334Mo.

Une fois le petit téléchargé, il suffit de décompresser l'archive .zip dans le répertoire d'installation désiré et le tour est joué.


Etape 2 : téléchargement et installation de la dernière version du Web Tool Plateform

Le Web Tool Plateform est fourni de base avec le bundle d'Eclipse que nous avons récupéré. Il est néanmoins conseillé de télécharger et d'installer la dernière version de ce composant depuis le site officiel. La dernière version Released est actuellement la 2.0.2 qu'on peut trouver ici. Le lien de téléchargement direct est ici. Le bébé fait 39Mo.

Une fois le téléchargement terminé, il suffit de dézipper l'archive dans le répertoire où vous avez installé Eclispe.


Etape 3 : téléchargement et installation de Visual Editor

Ne reste plus qu'une dernière étape, le téléchargement et l'installation de la bonne version de Visual Editor. Vous trouverez sur ce site une version du plugin testée et approuvée avec le bundle Eclipse 3.3 que nous venons d'installer. Le fichier s'appelle ve_eclipse_33_v200709242300_win.zip. Comme d'habitude, il suffit de le dézipper dans le répertoire d'installation d'Eclipse.


Etape 4 : vérification de l'installation

Pour vérifier que tout s'est bien passé, démarrer Eclipse. Se rendre ensuite dans "Help->Software Updates->Manage Configuration". Une nouvelle fenêtre s'ouvre alors et doit afficher tous les plugin et composants installés dans votre Eclipse. Si Visual Editor s'est bien installé, vous devriez voir une ligne "Visual Editor 1.3.0.v200709242300".




Etape 5 : créer sa première Visual Class

Maintenant que Visual Editor est bien installé, nous pouvons créer notre première Visual Class. Pour cela on se rend dans "File->New". On commence par créer un nouveau projet Java en choisissant "Java Project". Une fois le projet créé, on refait de nouveau "File->New" et vous devriez alors voir apparaître un item intitulé "Visual Class". Si ce n'est pas le cas, cliquez sur "Other...". Dans le répertoire "Java" vous devriez trouver votre bonheur.



Un écran de configuration de votre Visual Class apparaît et vous permet de choisir quelle API graphique vous souhaitez utiliser : SWT, AWT ou Swing.



Enfin on obtient notre écran Visual Studio-like, avec notre form au centre, notre palette de composants sur la droite, et les propriétés du composant sélectionné à l'extrème droite. C'est y pas beau ?



commentaires
Anonyme
06.05.2010  14:33
Exelent article,très bien expliqué et detaillé.tout cela me met l'eau a la bouche.Etant un "pro-java" j'étais a la recherche d'un bon plugin pour eclipse afin de pouvoir faire de la programmation graphique comme avec visual studio car je commencais a en avoir un peu marre de tout faire a la main,après il existe aussi l'alternative netbeans mais je prefere eclipse a ce dernier.
Anonyme
12.05.2010  18:31
Excellent tutorial


Code de confirmation
Confirmer

Les cigares, vous les aimez comment ?
23%
70%
7%