Maîtrisez l’installation de GWT 2.5. Déployez et analysez l’application Hello livrée avec GWT. Découvrez l’architecture et les points clés de ce framework.
Ce tutoriel est un extrait de séances pratiques de la formation GWT 2 dispensée par Objis.
Les + objis
70% de travaux pratiques
Clé USB avec tous les outils utilisés + Corrigés TPs
Bilan pédagogique individuel + conseils
Liens utiles
Tutoriel et formation GWT Objis
Site de GWT
Javadoc GWT 2
Téléchargement : GWT 2.x
Présentation GWT 2
Prérequis, outils et versions
JDK 6+ (http://java.sun.com )
Qui sommes-nous ?
Objectifs
Introduction GWT
Maîtriser l’installation manuelle du kit de développement (SDK) GWT 2.5
Analyser le contenu du SDK
Programme
Introduction GWT
Partie 1 : téléchargement ‘manuel’ SDK
Partie 2 : téléchargement SDK via plugin Eclipse
Partie 3 : analyse du SDK
Rappels GWT
Présentation de GWT
Lancé en 2006 lors de la conférence annuelle JavaOne, GWT propose une approche innovante de la création d’applications Riches. Avec GWT vous développez en Java et laissez au compilateur Java->Javascript de GWT le soin de générer du Javascript optimisé multi-navigateurs.
Architecture GWT
Rappels Composantes clés
Le compilateur Java vers Javascript est l’atout clé de GWT. Il permet de générer du code Javascript sophistiqué, optimisé pour des paramêtres comme le navigateur (ie, firefox, opera, safari) ou la langue de l’utilisateur (fr, en…). Le client ne charge que ce qui lui concerne. Donc application plus rapide.
JavaScript Native Interface (JSNI) est une interface permettant d’écrire un programme mélant Java et javascript (mot clé native).
L’émulation JRE permet de simuler dans Javascript des objets des packages java.lang et java.util
Développement GWT
Développer en GWT = créer un ou plusieurs modules GWT
1 module GWT = code java GWT + 1 fichier XML
code java GWT = 1 classe d’entrée (Entrypoint) obligatoire+ autres classes (Listeners, métier,…)
API GWT
Une interface utilisateur GWT = Widget(s) + Panel(s) + Evènement(s) …comme dans SWING
GWT gère l’internationalisation à travers des interfaces à créer.
GWT permet des communications avec le serveur via RPC (Module GWT-RPC)?
GWT peut utiliser JSON pour données client/serveur.
GWT fournit l’API pour manipuler du XML
GWT gère le problème de l’historique navigateur d’applications Ajax.
GWT permet d’automatiser le création de tests unitaires.
Echo Système GWT
GWT possède un compilateur puissant mais souffre de quelques lacunes que comblent des projets et librairie périphériques
EXT-GWT (GXT) fournissent des composants graphiques (Widgets). Démo GXT.
GWT Designer pour la création WISIWIG d’écrans GWT]
Selenium pour tests interfaces utilisateurs GWT (compatibilité navigateurs , tests fonctionnels), le JUnitTest de GWT étant + pour tests unitaires non-visuels.
Partie 1 : Téléchargement ‘manuel’ SDK
2 façons d’installer le kit : via zip ou via plugin eclipse
Installation via Zip
[Allez sur la page de téléchargement de GWT ->
http://code.google.com/p/google-web-toolkit/downloads/list]
Téléchargez la version de GWT qui vous intéresse (ici GWT 2.5.1)
Dézippez la version de GWT que vous avez (par exemple gwt-2.5.1.zip )
Vous obtenez un répertoire avec le contenu similaire au suivant pour la version 2.5.1
Le kit GWT est installé.
QUESTION :
A quoi servent les fichiers WebappCreator.cmd , I18nCreator.cmd et BenchmarkViewer.cmd ?
QUESTION 2 :
A partir du fichier release-notes.html, citez 4 nouveautés apportées avec GWT 2.5
Partie 2 : Téléchargement SDK via plugin Eclipse
Le plugin eclipse google permet d’installer le SDK GWT. Voir notre tutoriel dédié.
La partie suivante contribue à une comprehension des éléments du kit GWT
Partie 3 : analyse du SDK
Dans cette partie, vous analysez les éléments suivants :
La documentation
Les outils
Les exemples d’application
La documentation
Ouvrez le fichier index.html du répertoire docjavadoc
Questions :
A partir de la documentation Java du kit GWT 2.5
Expliquer le rôle de l’interface com.google.gwt.core.client.EntryPoint
Expliquerle contenu du package com.google.gwt.user.client.ui
Expliquer le rôle de l’interface com.google.gwt.i18n.client.Constants
Expliquer le rôle de la classe com.google.gwt.junit.client.GWTTestCase
Expliquer le rôle de la classe com.google.gwt.http.client.RequestBuilder
Expliquer le rôle de la classe com.google.gwt.json.client.JSonArray
Expliquer le rôle de l’interface com.google.gwt.user.client.Command
Expliquer le rôle de l’interface com.google.gwt.user.client.rpc.AsyncCallBack
Expliquer le rôle de la classe com.google.gwt.client.GWT
Expliquez le fonctionnement de la classe com.google.gwt.user.client.ui.Button
Les outils
Remarquez à la racine du répertoire d’installation la présence des éléments suivants :
WebappCreator : Outil de création squelette d’applications GWT :
I18nCreator : Outil pour création fichiers de propriétés :
benchmarkViewer : visualisateur de benchmark
Les exemples d’applications
Ouvrez le répertoire ‘samples’
Expliquez
Pour aller plus loin : Formation GWT Objis
Faîtes comme nos clients : choisissez Objis pour votre formationGWT (3 jours):
70% travaux pratiques ,
Exercices de reformulation orale
Exercices de mise en situation.
Gagnez en confiance. Prenez du recul.
Clé USB avec cours + outils + TPs + Correction TPs