Sauter la navigation

Il existe plusieurs manières de faire un projet GWT.  Nous allons vous exposer la solution  la plus simple que nous avons trouvé.  Pour cela nous allons utilisé Eclipse avec  le plugin « Cypal Studio For Gwt ». Ce plugin permet d’automatiser la création et la configuration de votre projet GWT. C’est un gain de temps majeur.

De plus, il facilite la création de modules et de requête RPC . Nous  reviendrons plus tard sur ces deux points.

Installation des outils nécessaires

Le téléchargement d’ Eclipse se fait à l’adresse suivante :

http://www.eclipse.org/downloads/

Sélectionnez Eclipse IDE for Java EE Developers, comme sur l’écran ci–dessous :

eclipse

Le plugin Cypal Studio For Gwt est disponible à l’adresse : http://code.google.com/p/cypal-studio/.

cypaldownload

Un petit clic ici et ce dernier est à vous. Pour installer ce plugin il suffit de dézipper l’archive  dans le répertoire plugin de Eclipse.
Le chemin d’accès est le suivant : \eclipse\plugins.

Configuration d’Eclipse

Au démarrage d’Eclipse, vous devez choisir un workspace . C’est l’endroit ou seront placés tout vos projets. Il est conseillé d’utiliser différents workspaces, un par langage.  Par exemple pour le GWT vous pouvez créer le workspace suivant : C:\workspaceGWT.

Création du projet GWT

Nous allons maintenant créer notre premier projet  GWT. Rien de bien compliqué je vous assure.  Il faut donc faire : File->new->other

Un écran de sélection de type de projet apparait. Celui qui vous intéresse se situe dans le dossier « Web » et s’appelle : « Dynamic Web Project ».

12

Lorsque vous avez choisi le « Dynamic Web Project », vous devez changer la configuration et la passer sous « Cypal Studio for GWT » . Comme sur  l’écran ci-dessous :

22

N’oubliez pas le nom du projet (project name) également. Ici,  nous l’avons appellé « GWT_TUTO ». Cliquez ensuite sur finish.

Vous venez de passer la première étape d’un projet GWT.
Maintenant nous allons rajouter le module GWT à notre projet pour avoir la page d’accueil de votre site.
Faites : file->new->other
Sélectionnez « GWT MODULE », qui est compris dans « Cypal Studio ».

32
Ensuite vous risquez de tomber sur cette écran:

43
Vous devez alors sélectionner l’endroit ou vous avez dézippé le framework en provenance de  Google, pour cela appuyé sur le bouton SET. Une autre page s’affiche alors comme si dessous :

52
Faites Browse puis sélectionnez le répertoire en question. Faites ok puis next.

Ensuite l’écran suivant apparait :

6

Vous devez écrire un nom de package et un nom de classe. Par exemple,  “module” pour le nom de package et ” Main_GWT ” pour la classe. Faites finish.
A ce stade la deuxième étape est franchie !!! Félicitations ! Votre projet peut maintenant compiler !

Répondre

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Twitter picture

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Connexion à %s

Suivre

Get every new post delivered to your Inbox.