Google Web Toolkit Introduction Didier Girard – 04 juillet 2007

Sommaire Démonstrations Pourquoi GWT ? Comment GWT fonctionne ? Les fonctionnalités

DÉMONSTRATION

Démonstrations

amples/desktopclone/demo.html o.html EXT Gwt dismoiou.fr

GWT, POUR LES DÉCIDEURS…

GWT permet le MDI

GWT est plus simple

GWT réduit les coûts de développement

GWT fonctionne en déconnecté

GWT propose une bonne ergonomie

Une application GWT est très efficace

14 Avantages dAjax

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 ApplicationIHM+Métier + Session Serveur dapplications Métier + Session Base de données Données

Au début, Ajax cest cool Cest 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 lapplication – Vous vous faites plaisir – Tout le monde vous admire

La solution Lorsque le client signe, changer de projet :-)

Ou…

Passer à GWT

COMMENT GWT FONCTIONNE ?

Lobjectif 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 : « Lutilisateur en premier, le développeur en deuxième » - Bruce Johnson

Lapproche Développer en Java Compiler le Java en Javascript/CSS

Hello World Démonstration

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

TOUR DHORIZON

Des widgets « 100% java » Démonstration (Kitchen Sink)

Support de lhistorique « Single Page Interface », mais gestion de lhistorique ! Démonstration (Kitchen Sink) Le code History.addHistoryListener(myCommand);

Support de RPC (JSON/XML-RPC) AJAX est dabord une histoire de requêtes asynchrones – Avec GWT, cest simple !

Support de I18N/L10N Puissant et original

Absolute Panel Permet de développer efficacement – Un vrai bonheur ! Il y a bien dautres 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 lAPI effectivement utilisée est téléchargée

Très bonne scalabilité Avec GWT les serveurs sont stateless Il est donc très facile daugmenter 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 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é dimages), une espèce de base dimages – Passage de 12 requêtes HTTP à une seule… ClippedImage timeIcon = new ClippedImage("icons.png", 22, 0, 22, 22);

GWT Gears Gears permet daccéder à une base local depuis javascript. Il existe une API pour GWT : – Demo 45 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

QUELQUES TRUCS

Pensez autrement ! Il faut repenser lergonomie de vos applications. Plus de navigation Possibilité de créer du « multi desktop », multi fenêtrage Les serveurs sont sans état -> Démo 48 Google Confidential

Attention, un langage peut en cacher un autre Le code qui sexécute nest pas du java, mais du javascript. Par exemple « long » nexiste pas en javascript ! -> Demo 49 Google Confidential

En vrac La manipulation du DOM est coûteuse – Vos utilisateurs vont avoir des messages : « slow script » – -> utilisez « IncrementalCommand » (DEMO) Tous les navigateurs ont un nombre limité de connexions HTTP, par défaut cest deux : pas la peine denvoyer des tonnes de requêtes asynchrones… Sous classez la classe AsyncCallback pour gérer de manière centrale les erreurs Oubliez javascript, codez vos widgets en Java Utilisez Selenium pour tester votre IHM (DEMO) Utilisez Maven pour vos build 50 Google Confidential

LES IDEES REÇUES

Java est nécessaire sur le serveur Non, GWT nimpose 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, davoir un code javascript lisible. -> Demo

Les widgets GWT ? Bof…. Les widgets GWT sont des widgets de bases. Il existe beaucoup de projet qui proposent des widgets évolués – GWT Ext – GWT Rialto – Tatami – GWT Widget – GWTaculous – … 54 Google Confidential

Les applications GWT sont lourdes Le code généré est optimisé et gzippable – KitchenSink pèse autour de 60Ko !

GWT ne supporte pas lexistant Faux – Il est tout à fait possible dintégrer des composants GWT dans une page HTML classique.

GWT cest 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 ? – Codez le code serveur en java 5/6, codez le code client en java 1.4 Intégration avec Spring ? – Facilité avec GWT 1.4 Intégration avec Hibernate ? – Facilité avec GWT 1.4 : danger !

Ressources GWT : Forum pour les développeurs : Blog officiel : onGWT, Tracking news on GWT : GWT 1.4:

SFEIR Actuellement, 4 projets en GWT – Tous démarrés en 2007 – Une quinzaine de personnes qui travaillent sur cette technologie – Les clients sont très contents de la technologie Nous recrutons : 61 Google Confidential

Conclusion GWT, cest facile, efficace et beau ! Merci à léquipe GWT, Merci à la communauté, Merci à Google !