TP5 (long) : étude de la librairie GWT

De $1

Version de 12:52, 19 Avr 2024

cette version.

Revenir à liste des archives.

Voir la version actuelle

Introduction

Nous allons étudier la librairie GWT de Google utilisée par un nombre important de services Google tels que gmail ou google agenda. Cette tehnologie permet de développer des applications web faisant appel à des web services REST et des clients Ajax tout en développant exclusivement en Java. Le code serveur sera transformé en fichiers .class alors que le code client sera compilé en javascript. Comme GWT compile du java vers du javascript et ce pour les différents navigateurs du marché, la compilation peut être longue sur des ordinateurs peu puissants. Vous êtes prévenus ! En revanche le code compilé est très compact et bien optimisé. Les applications générées sont légères, etc.

Supports de cours

TP 5.1 premiers pas avec GWT

  • Copie locale de GWT 2.1.0 :
  • Pour cette étape, vous allez suivre ce tutorial (en anglais) de Sun : http://netbeans.org/kb/docs/web/quic...bapps-gwt.html, il vous apprendra par ailleurs quelques astuces avec netbeans :
    • Installer le plugin GWT,
    • Créer un projet web avec le support GWT,
    • Comprendre la structure d'un projet GWT,
    • Créer un service RPC qui va faire de l'ajax en coulisse,
    • Utiliser une feuille de style CSS pour spécifier le look & feel d'éléments d'interface utilisateur,
    • Utiliser l'éditeur de CSS interactif de netbeans (super outil !),
    • Afficher le javadoc en temps réel d'un projet Java, y compris la javadoc de GWT, juste en positionnant le curseur sur le code,
    •  Debugger une application en "Hosted Mode", mettre des points d'arrêt etc. Attention, par rapport au tutorial, avec GWT 2.1.0 cela requiert l'installation d'une extension firefox (vous verrez).

 TP 5.2 Savoir utiliser l'application GWT Showcase comme exemples à réutiliser

Première étape : exécuter l'application en ligne

Seconde étape (facultative car longue) : compiler et exécuter l'application dans netbeans

Attention, la compilation peut durer quelques minutes !

La vidéo youtube qui montre comment installer, compiler et exécuter l'application de démonstration de GWT (GWT Showcase, aussi testable en ligne ici : http://gwt.google.com/samples/Showcase/Showcase.html) :

Attention, il faudra aussi modifier la ligne suivante dans le fichier gwt.properties :

# GWT version: 1.5,1.6,1.7 or 2.0
gwt.version=2.0

Bien sûr, vous remplacerez les chemins par ceux de votre installation de GWT 2.1.0 !