Gdd07 Gwt Dig

Google Web Toolkit Facile, Efficace et Beau Didier Girard – Directeur Technique SFEIR 31 mai 2007

Sommaire

Démonstrations

Pourquoi GWT ?

Comment GWT fonctionne ?

Les fonctionnalités

DÉMONSTRATION

Démonstrations

http://www.gwt-keyboard-warrior.com/

http://code.google.com/webtoolkit/documentation/examples/desktopclone/demo.html

http://www.gwtwindowmanager.org/demo/GwmDemo.html

http://www.contactoffice.com/

http://www.ongwt.com/?q=demo

POURQUOI GWT ?

Les limites du web

Pas MDI

... ne simplifie pas le développement

... ne réduit pas les coûts

... ne s'intègre pas à la bureautique

... ne fonctionne pas en absence de réseau

... ne sait pas communiquer

... ne propose pas une bonne ergonomie

n’est pas très efficace

La solution ?

Ajax

Mise à jour partiel de l’écran

Plus de clignotement « Page blanche »

Mise à jour des données asynchrones

Pas besoin de rafraichir pour avoir des données fraiches.

Composants graphiques plus évolués

Des composants tous plus beaux les uns que les autres

Serveur sans état

Client avec état

Meilleure scalability

Base de données Données Application IHM+Métier + Session

Au début, Ajax c’est cool

C’est beau

Efficace

Les clients en redemandent

Les difficultés

Cross-navigateur

Fuite mémoire

Lourdeur du chargement

Peu de « Docteur es Javascript »

Pas de bons IDE

Bug (javascript est un langage interprété)

Pas de debug

Sécurité

…

La solution

Développer le prototype de l’application

Vous vous faites plaisir

Tout le monde vous admire

La solution

Lorsque le client signe, changer de projet :-)

Ou…

Passer à GWT

COMMENT GWT FONCTIONNE ?

L’objectif

Permettre de développer simplement, des applications

Cross navigateurs

Efficaces

Stables

Dans un environnement amical pour les développeurs

Support des IDE, Debugging, refactoring, typage fort,…

Avec une philosophie : « L’utilisateur en premier, le développeur en deuxième » - Bruce Johnson

L’approche

Développer en Java

Compiler le Java en Javascript/CSS

Hello World

Démonstration

Architecture Browser IE, Firefox, Safari, Opera RWA in Java Java Runtime Library java.lang java.util Java.io GWT GUI Library GWT Compiler Code de l’application Panels Popup Stack Absolute Vertical … Widgets Button MenuBar Radio Tree Check Table TextArea … . Javascript Application GWT Runtime 100Ko

TOUR D’HORIZON

Des widgets « 100% java »

Démonstration (Kitchen Sink)

Support de l’historique

« Single Page Interface », mais gestion de l’historique !

Démonstration (Kitchen Sink)

Le code

History. addHistoryListener(myCommand);

Support de RPC (JSON/XML-RPC)

AJAX est d’abord une histoire de requêtes asynchrones

Avec GWT, c’est simple !

Support de I18N/L10N

Puissant et original

Absolute Panel

Permet de développer efficacement

Un vrai bonheur !

Il y a bien d’autres Panel : Grid, Row, Flex, Vertical, Tab,…

Support multi-navigateur et multi-plateforme

Et ça marche…

Support des CSS

Tous les composants GWT supportent nativement les CSS

Support du debug

Démonstration

Support de javascript

JSNI, une API astucieuse

Beaucoup de bibliothèques de javascript populaires sont déjà « wrappées » : scriptaculous, yui, timeline,…

Démonstration

public static native void alert(String msg) /*-{ $wnd.alert(msg); }-*/;

Optimisation du code

Le javascript est optimisé durant la compilation

Seul le javascript nécessaire est téléchargé par le navigateur

Javascript pour la plateforme cible

Seule l’API effectivement utilisée est téléchargée

Très bonne scalabilité

Avec GWT les serveurs sont stateless

Il est donc très facile d’augmenter la puissance CPU des serveurs

Plus de « session affinity »

Des outils

GWT est supporté par tous les grands IDE Java : Eclipse, NetBeans, IntelliJ IDEA, Jdeveloper,…

Publicité : Mon outil préféré est GWT Designer

La communauté GWT

Plus de 1000000 téléchargements

Plus de 9000 inscrits sur le forum

Des ouvrages

De nombreux articles/tutoriaux

Des formations

Des blogs

GWT 1.4

GWT 1.4 arrive avec son lot de nouveautés

Par exemple : ImageBundle (téléchargement optimisé d’images), une espèce de base d’images

Passage de 12 requêtes HTTP à une seule…

ClippedImage timeIcon = new ClippedImage("icons.png", 22, 0, 22, 22); http://roberthanson.blogspot.com/2007/02/gwt-clippedimage-optimizing-image.html

GWT Gears

Gears permet d’accéder à une base local depuis javascript.

Il existe une API pour GWT :

http://code.google.com/p/gwt-google-apis/

Demo

Google Confidential

GWT est efficace

Il est couramment admis que développer avec GWT permet d’être 5 fois plus efficace

Refactoring

Debugging

Serveur Stateless

Cross-navigateurs

I18N

Hosted mode

JSNI

LES IDEES REÇUES

Java est nécessaire sur le serveur

Non, GWT n’impose pas de technologie sur le serveur

GWT est simplement plus pratique à utiliser avec Java sur le serveur

Le code Javascript généré est difficile à débugger

Il est possible, via les options du compilateur, d’avoir un code javascript lisible.

Les applications GWT sont lourdes

Le code généré est optimisé et gzippable

KitchenSink pèse autour de 60Ko !

GWT ne supporte pas l’existant

Faux

Il est tout à fait possible d’intégrer des composants GWT dans une page HTML classique.

GWT c’est des applets

Des applets, non merci :-)

Le code java est compilé en javascript durant la phase de développement !

GWT est propriétaire

Mais non

GWT est sous licence opensource Apache depuis la version 1.3 (12/2006)

MISC

Version de JDK ?

Intégration avec Spring ?

Intégration avec Hibernate ?

Ressources GWT : http://code.google.com/webtoolkit/ Forum pour les développeurs : http://groups.google.com/group/Google-Web-Toolkit Blog officiel : http://googlewebtoolkit.blogspot.com/ onGWT, Tracking news on GWT : http://www.ongwt.com/ GWT 1.4: http://code.google.com/p/google-web-toolkit/wiki/DevPlan_1_4

Conclusion GWT, c’est facile, efficace et beau ! Merci Bruce, Merci Google !

Didier Girard