C’est quoi ?

GWT (Google Web Toolkit) est un framework développé par google, permettant de créer des pages web dynamiques et des applications AJAX. Son fonctionnement consiste à créer l’interface graphique en utilisant le langage Java. Le code java est est ensuite compilé et transformé en code html/css/javascript/AJAX.Cette solution promue par Google apporte une nouvelle approche du développement d’application de type client léger. En effet, le développeur fait ici abstraction quasi complète de la complexité habituelle liée au javascript/css/html.

Télécharger et installer

tout est là http://code.google.com/webtoolkit/ 

Avec Eclipse

• Pour ctéer le projet sur eclipse ==> projectCreator -eclipse MyProject
• Pour créer l’application GWT ==> applicationCreator -eclipse MyProject com.mycompany.client.MyApplication

Sans Eclipse

• Pour créer l’application GWT ==> applicationCreator com.mycompany.client.MyApplication
• Pour compiler l’application ==> MyApplication-compile
• Pour executer l’application ==> MyApplication-shell

Structure globale d’une application GWT

// Pour le projet avec la commande ./projectCreator -eclipse Application

• Created directory /home/nidhal/gwt/src
• Created directory /home/nidhal/gwt/test
• Created file /home/nidhal/gwt/.project
• Created file /home/nidhal/gwt/.classpath

//Pour l’application Web avec la commande ./applicationCreator -eclipse Application com.client.Application

• Created directory /home/nidhal/gwt/src/com
• Created directory /home/nidhal/gwt/src/com/client
• Created directory /home/nidhal/gwt/src/com/public
• Created file /home/nidhal/gwt/src/com/Application.gwt.xml
• Created file /home/nidhal/gwt/src/com/public/Application.html
• Created file /home/nidhal/gwt/src/com/client/Application.java
• Created file /home/nidhal/gwt/Application.launch
• Created file /home/nidhal/gwt/Application-shell
• Created file /home/nidhal/gwt/Application-compile

Modes d’execution

• Hosted Mode: "Pour nous les développeurs !" Utilisation de la machine virtuelle Java (JVM)  pour executer le code Java et donc générer du html/css/javaScript. Donc tous les outils de test et de débug de java peuvent être utilisés !!

• Web Mode: "Pour les utilisateurs finaux ou bien en producation" Dans ce mode l’application est déjà compilée et on n’aura que de html, css et du javascript. Donc pour visualiser l’application, il suffit de tout déposer dans le serveur Web et n’oublier surtout pas d’envoyer le lien au client pour le test !

Un peu de théorie

GWT se compose essentiellement de :

• GWT Java-to-JavaScript Compiler
  C’est le compilateur qui va traduire le code Java en code javaScript et pour pouvoir utiliser l’application en mode Web.
• GWT Hosted Web Browser
  C’est le navigateur qui va nous permettre d’executer l’application en mode "hosted" sans compilation du code
• JRE emulation library
  C’est l’implémentation JavaScript de la plus part des classes Java : la plus part des classes du package java.lang, un ensemble des classes du package java.util . Le reste des classes java ne sont pas supportés par GWT.
• GWT Web UI class library
  C’est l’ensemble des interfaces et des classes permettant la création des "widgets" comme les boutons, textes boxes, images, panels, etc.

Liste des Widgets

Des liens utiles:

• http://code.google.com/webtoolkit/
• http://www.gwtsite.com/
• Google Web Toolkit Blog
• Google Web Toolkit Resources
• GWT Class Reference