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 ! Mais attention, c'est à 90% du wrapping de javascript -> Peu de compilation et d'optimisation !
- 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 mais site plus mis à jou

Supports de cours

GWT presentation générale (ppt)
- Pour les curieux, détails de la phase de compilation Java vers javascript
Transparents du cours GWT de javapassion.com, plus techniques
Vidéo sur "best practices for achitecturing a GWT application :

Travaux pratiques

Installer l'environnement, premières applications

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). 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 et Eclipse il existe des plugins capables de générer un projet type (et d'autres choses), étant donné qu'ils sont différents (celui pour eclipse est fourni par Google), je vous propose donc deux chemins pour le TP, selon que vous êtes sous netbeans ou eclipse (mais les deux sont intéressants).

Pour les utilisateurs de netbeans : faire les exercices du cours GWT du site javapassion.com suivre le lien "online lab document".
Pour les utilisateurs de Eclipse, allez donc voir par ici : http://code.google.com/intl/fr/webtoolkit/gettingstarted.html

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, allez dans les propriétés du projet et indiquez le bon chemin pour le framework GWT puis pour les librairies). Vous risquez d'avoir un peu de mal à le faire tourner au début car il a été écrit pour GWT 1.6 (on est en 1.7). Dans ce cas ne paniquez pas, étudiez le source...

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 (pas pour les M2 Miage 2009-2010)

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

Sujet : un gestionnaire de playlist à la itunes.

Vous ecrirez un service GWT capable de servir des infos relatives à des albums de musique: Artiste, Album, Style/catégorie, Titres et Pochettes d’album. Vous pourrez rajouter d'autres informations si cela vous tente (en extrayant par ex ces infos à partir de fichiers mp3 existants, il existe dans de nombreux langages des extracteurs de tags). On ne demande pas à ce que cette source de données soit modifiable via le web. Vous pourrez la générer sur le serveur avec des outils de votre choix.
- Note importante : vous n'êtes pas obligés d'utiliser une base de données, JPA, DAO etc... Le but de ce projet n'est pas de tester ce genre d'architecture mais plutot de se faire la main avec GWT. En revanche, si cela vous tente, sachez qu'il faut absolument que le compilateur GWT possède les sources des classes JPA pour pouvoir envoyer des instances d'entity classes dans le client javascript. Ceux qui ne se sentent pas à l'aise avec ces technologies, utilisez une base de données JSON ou XML.
- Allez voir ce TP qui utilise des classes entities avec GWT si vous voulez tenter le coup : http://argentera.inria.fr/wiki/data/Main/EjbGwt2.jsp
Vous ecrirez un service GWT capable de gérer des playlistes (cf le tableau ci-dessous) côté serveur,
Vous ecrirez en GWT la partie cliente qui permettra de réaliser la gestion des playlist de la manière suivante.

Priorité	Nom
10	En tant qu’utilisateur, je peux visualiser la liste des catégories
20	En tant qu’utilisateur, je peux visualiser la liste des artistes
30	En tant qu’utilisateur, je peux consulter la liste des albums d’une catégorie
40	En tant qu’utilisateur, je peux consulter la liste des albums d’un artiste
45	En tant qu’utilisateur, je peux consulter la liste des pistes d’un album
50	En tant qu’utilisateur, je peux rechercher un album
60	En tant qu’utilisateur, je peux consulter la liste des playlists enregistrées
70	En tant qu’utilisateur, je peux charger une playlist existante
80	En tant qu’utilisateur, je peux créer et enregistrer une nouvelle playlist
90	En tant qu’utilisateur, je peux ajouter des pistes à une playlist
95	En tant qu’utilisateur, je peux réordonner les pistes d’une playlist
97	En tant qu’utilisateur, je peux enlever des pistes à une playlist
100	En tant qu’utilisateur, je peux sauvegarder une playlist
110	En tant qu’utilisateur, je peux supprimer une playlist

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

Mots clés:

Attacher fichier ou image

Fichiers (5)

	Taille	Date	Attaché par
AnnuaireEclipse.rar Aucune description	1170.1 Ko	09:14, 30 Mar 2009	MichelBuffa	Actions
gwt compiler samijaber.ppt Visualiser Aucune description	848 Ko	08:30, 30 Mar 2009	MichelBuffa	Actions
GWT, présentation générale.ppt Visualiser Aucune description	626.5 Ko	08:30, 30 Mar 2009	MichelBuffa	Actions
GWTAnnuaire.rar Aucune description	26.78 Ko	08:53, 30 Mar 2009	MichelBuffa	Actions
gwt_m2_miage_presentation09_2009.ppt Visualiser Aucune description	2.11 Mo	06:33, 26 Nov 2009	MichelBuffa	Actions

Images (0)

Commentaires (0)

Vous devez être connecté pour poster un commentaire.