Pages

Monday, December 1, 2014

GWT(Google Web Toolkit :cours

Historique

Projet racheté à 1 start up
Créé par Bruce Johnson, aujourd’hui chez Google
Proposé en Open source fin 2006
Dès le début, une forte communauté,
La plupart des services Google sont codés avec GWT (gmail, agenda, google maps, etc.)

GWT ?
Un framework pour créer des applications Web riches, en Java.
-La partie serveur est compilée avec le JDK.
-La partie client est compilée en javascript par le compilateur GWT.


Avantages
Tout le monde connait bien Java,
On développe avec des outils de haut niveau (Eclipse, Netbeans, etc.).

Possibilité de débugger pas à pas comme toute classe java.

Portabilité du code (GWT supporte tous les navigateurs modernes).


GWT :performant
Obfuscation du code JS.

Chargement des scripts dans une iframe cachée en tâche de fond.
Le navigateur charge les fonctions .

Lors de la compilation, le code de la partie client est compilé en JS pour chacun des navigateurs supporté
Le navigateur client gardera en cache le code approprié.

Structure d'un projet GWT


un projet GWT, contrairement à un projet Java classique, possède une structure très particulière. 
 On peut globalement identifier quatre parties logiques  dans un projet GWT :


Øle code client (ou partagé entre client et serveur) ;Ø Ø le code serveur ;
Øles fichiers de configuration de module ;
Ø
Ø le répertoire WAR.
Module descriptor



Module Descriptors


  •       Un  module descriptor :est le fichier de configuration en format XML pour configurer  l'application  GWT.
         A module descriptor :son extension est *.gwt.xml, ou  * est le nom de l application comme Demo.gwt.xml pour une application appelle Demo





-Description du noued

module rename-to=« Demo">
Indique le nom de l application
 
<inherits name="logical-module-name" />
Pour inclure d autre module dans l application comme l import desclasses en java
 
<entry-point class="classname" />
Ici indique la classe d entrée de l application, lors de chargement de l'application.

NB:on peut indiquer plusieurs entrée.qui sront chargees sequentiellement.



<source path="path" />
Reertoire ressource  dont GWT compiler cherche les ressources pour la compilation.
 
<public path="path" />
c est le chemin ou sont référencés les ressources  statiques resources dans GWT module, comme  CSS ou images, sont enregistrees.
<stylesheet src="css-url" />
Injection du fichier CSS   


Exemple du projet GWT:





Exemple du client GWT:




No comments:

Post a Comment