GWT est un tookit développé par Google permettant de développer des interfaces riches sur le web. Gmail, Google Maps et la plupart des services proposés par Google utilisent GWT.

Originalité : on code en Java, plus de javascript, de XML, etc... On peut tester son application en stand alone mode avant de la recompiler pour un véritable test en déploiement sous forme d'application web, etc.

Outils de développement

Il existe un plugin, GWT4nb pour Netbeans, alors qu'Eclipse est supporté en natif par la librairie. Mais sachez qu'il existe des plugins commerciaux très efficaces pour construire en WYSIWYG des interfaces graphiques, GWT Designer pour Eclipse par exemple. L'IDE payant IntelliJ Idea est également un très bon produit pour de tels développements, grace au plugin GWT Studio entre autres.

En TP nous utiliserons NetBeans ou Eclipse.

Resources

Sites web de référence

Le site officiel de GWT. Comme toujours, si on veut vraiment apprendre, on commence par "Get Started" et on déroule !
- L'application ShowCase, la démo officielle, avec le code source de chacun des exemples, une véritable mine quand on débute.
- Le blog officiel,
- Le forum des développeurs,
SmartGWT, la librairie 100% java/GWT de l'auteur de GWText, le fameux wrappeur de extJS pour GWT, qui a abandonné son projet suite au changement de licence de ext-js, qui fait polémique en ce moment. SmartGWT est très impressionnant, testez donc les démos !
- Démos de SmartGWT !
On trouve de nombreux tutoriaux sur le web, Google est votre ami. Vous pouvez aussi suivre les blogs http://stuff.ongwt.com et ce blog en français.

Quelques démonstrations de sites commerciaux utilisant GWT :

http://www.contactoffice.com/, cliquer sur le lien des démos dans la page principale. Il s'agit d'un bureau virtuel complet proposant de nombreuses applications. Chacune de ces applis, de même que le bureau, est écrit à l'aide de GWT.
http://dismoiou.fr/ un site de communauté urbaine, a de nombreux widgets codés en GWT.
Plein plein de démos sur http://stuff.ongwt.com/gwtdemonstrations

Supports de cours

Travaux pratiques

Installation et configuration

Vous allez commencer par créer un petit projet GWT et apprendre à le lancer en mode normal, puis en mode stand alone (100% java, avec émulatiion en swing des interfaces clientes)

Pour les utilisateurs de netbeans : il s'agit des exercices 1 et 2 de cette page !
Pour les utilisateurs de Eclipse, allez donc voir par ici :http://code.google.com/intl/fr/webto...ngstarted.html

Premières applications

La structure d'un projet GWT est telle qu'on ne procède pas de la même manière lorsqu'on développe avec Netbeans ou avec Eclipse, vous l'avez vu. Pour netbeans on a un plugin capable de générer un projet type (et d'autres choses), pour Eclipse on part d'un projet type créé par la ligne de commande. Je propose donc deux branches pour la suite du TP (mais je vous conseille de faire les deux, à l'occasion).

Pour ceux qui ont Eclipse : suivez ce tutorial
Pour ceux qui ont Netbeans, faire les exercices 3 et 4 de ce tutorial.

Application à étudier : un annuaire en Ajax (non ? Si !)

Pour les utilisateurs de netbeans, récupérez le projet, puis après avoir mis à jour les références (serveur, choisissez tomcat 6, allez dans les propriétés du projet et indiquez le bon chemin pour le framework GWT puis pour les librairies).

GWTAnnuaire.rar : le projet Netbeans, pour voir l'application, une fois que vous l'avez exécutez, accèdez à l'URL : http://localhost:8080/GWTAnnuaire/co.../MonAppli.html (il se peut que le port soit différent pour vous)
AnnuaireEclipse.rar : la version eclipse. Il faudra certainement changer la librairie eclipse située dans le classpath car le projet a été développé à l'époque en GWT 1.4 (mais le code est compatible 1.5.xxx)

Travail à rendre

Ce sera votre mini projet. Les notes des trois Tps à rendre formeront la note de projet de ce module.

Sujet : Proposer un site web codé en GWT permettant de gérer un "people directory", il s'agit en quelque sorte d'un annuaire amélioré, avec pour chaque personne son nom, prénom, adresse, tel, photo, lien vers une home page, etc mais aussi une catégorie (prof, elève, manager, etc...). L'outil doit prévoir un système permettant de rajouter de nouvelles catégories (on suppose qu'on ne peut enlever une catégorie que si personne n'en fait partie). L'outil permettra de faire des recherches/modifications/insertions/suppressions. Par defaut, seul l'admin peur modifier/créer/supprimer, mais tout le monde peut consulter.

Il est probable que le meilleur projet sera utilisé au sein du département informatique.

Récupéré depuis "http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Cours_web_2.0_2009/Google_Web_Toolkit"