GWT Créer des applications web interactives avec Google Web Toolkit (versions 1.7 et 2.0) Olivier Gérardin Directeur technique de Sfeir Benelux (groupe Sfeir) Préface de Didier Girard Directeur des opérations et de l'innovation de Sfeir Paris (groupe Sfeir) 978-2-10-054628-2 Préface JavaScript : je t’aime, moi non plus Depuis que je développe des sites ou des applications web, j’ai toujours recherché la technologie qui me permettrait de développer des sites web avec la meilleure expérience utilisateur. La raison est simple, meilleure est l’expérience utilisateur et plus il y a de chances pour que l’internaute revienne. C’est tellement simple, c’est tellement vrai. Cette quête permanente de la meilleure technologie fait certainement de moi un technophile. Je n’en suis pas moins un technophobe : la technologie ne m’intéresse pas pour ce qu’elle est, mais pour ce qu’elle me permet de créer. Ainsi, chaque mois je teste un grand nombre de « nouveautés qui vont révolutionner le monde du développement logiciel » et j’en rejette autant avec tout le dégoût provoqué par la perte du temps consacré. Pour tester une technologie, mon approche est simple, quinze minutes pour comprendre, une heure pour faire un Hello World et huit heures pour résoudre un problème qui me tient à cœur. C’est ainsi qu’au fil des années, j’ai développé des sites web en Shell, Perl, SSJS, ASP, .NET, Flex et Java. Année après année, une technologie revenait sur mon banc de test : sa puissance, son universalité, sa simplicité me plaisait. Pourtant, après quelques heures d’utilisation, je n’avais qu’une envie : la jeter par la fenêtre. Cette technologie était JavaScript. Pendant des années mes sites ont donc contenu le minimum syndical de JavaScript et je voyais arriver la vague AJAX comme un raz de marée qui allait m’engloutir faute de pouvoir aimer le cœur de cette approche. GWT : Bon pour l’utilisateur, bon pour le développeur GWT va me sauver. Sur le papier, cette technologie pensée par Google correspond à ce que j’attendais : bonne pour l’utilisateur, bonne pour le développeur. En cinq minutes, j’ai compris son fonctionnement et sa puissance « coder en java, compiler en JavaScript » ; en quinze minutes, j’ai fait mon premier Hello World ; en huit heures j’ai développé une application qui me semblait impossible à réaliser quelques heures auparavant. J’étais conquis. L’accueil par les développeurs Web 2.0 était pourtant mitigé, l’approche adoptée par GWT blessait les puristes ou les influenceurs du Web : JavaScript n’était plus considéré comme un langage pour programmer le Web, mais VI GWT comme un simple assembleur permettant d’exécuter le Web. L’intensité du rejet par ces puristes était sans doute à l’échelle du potentiel de GWT qui : • propose une bonne expérience utilisateur ; • est facile d’utilisation ; • est compatible avec les meilleurs environnements de développement ; • aide à résoudre des problèmes difficiles de manière simple et efficace ; • est soutenu par une communauté enthousiaste et en expansion rapide ; • facilite la maintenance ; • garantit une bonne performance ; • est fun ; • est gratuit et libre d’utilisation. Et nous : Invention et Innovation En créant GWT, Google ouvre une nouvelle ère du développement et rend accessible à tous les développeurs la réalisation de sites web de nouvelle génération. Cette invention permet d’améliorer la satisfaction client tout en innovant, c’est pour cela que je l’ai adoptée et que je la conseille à mes clients. Ce livre Il existait actuellement beaucoup d’ouvrages en anglais sur GWT, il manquait un ouvrage en français qui permette aux nombreux développeurs francophones de découvrir cette technologie et ces concepts dans leur langue. C’est ce que propose Olivier avec talent. Présenter une technologie n’est jamais aisée, les livres sont souvent trop techniques ou pas assez, c’est selon. Ce livre a le bon dosage, il vous permettra à la fois de bien débuter avec la technologie mais aussi d’approfondir les concepts importants afin de développer des applications ayant la qualité requise pour une utilisation en entreprise. Je le conseille donc à toute personne qui veut bien démarrer avec GWT, que ce soit dans le cadre d’une activité de veille technologique, dans le cadre du démarrage d’un projet ou dans le cadre de monitorat. Bonne aventure technologique, Didier Girard http://www.google.com/search?q=Didier+Girard Table des matières Préface ................................................... .................. V Avant-propos ................................................... ............. XIII Première partie – Développer avec GWT Chapitre 1 – De HTML à GWT .............................................. 3 1.1 AucommencementétaitHTML ......................... ................ 3 1.1.1 La notion d’URL ................................................... 4 1.1.2 La technologie derrière les pages ........................................ 5 1.2 L’apparition despagesdynamiques.................. ...................... 5 1.2.1 CGI ................................................... ............ 6 1.2.2 Server-side Scripting : PHP & Cie ...................................... 6 1.2.3 Java côté client : les applets ............................................ 6 1.2.4 Les servlets et JSP ................................................... 7 1.2.5 Client-side Scripting et JavaScript....................................... 7 1.2.6 Du vrai client-serveur en JavaScript : XmlHttpRequest et AJAX ............ 9 1.3 L’étapesuivante: GoogleWeb Toolkit ................ .................... 9 1.3.1 Les challenges ................................................... .... 9 1.3.2 Les réponses de GWT ................................................ 10 1.3.3 L’historique de la plate-forme........................................... 11 VIII GWT Chapitre 2 – Hello, GWT ................................................... 13 2.1 L’environnement de développement.................. .................... 13 2.1.1 Les plugins GWT ................................................... 15 2.2 Installation.................................... ......................... 15 2.2.1 Le choix de la plate-forme ............................................. 15 2.2.2 Installation d’Eclipse.................................................. 16 2.2.3 Installation de GWT ................................................. 16 2.2.4 Google Plugin pour Eclipse ............................................ 17 2.3 Anatomied’unprojetGWT ........................... .................. 18 2.3.1 Nommage des packages et structure des dossiers ........................... 18 2.3.2 La page HTML hôte ................................................. 19 2.3.3 Le point d’entrée ................................................... .. 20 2.3.4 Le fichier module................................................... .. 21 2.4 Hello,GWT....................................... ..................... 22 2.4.1 Création du projet................................................... 22 2.4.2 Création du module GWT ............................................ 24 2.4.3 Création du point d’entrée ............................................. 27 2.4.4 Création de la page HTML hôte........................................ 28 2.4.5 Lancement de l’application ............................................ 29 Chapitre 3 – Développer avec GWT .......................................... 31 3.1 Hosted mode vs web mode ................................................. 31 3.2 ContraintessurlecodeJava........................ ...................... 32 3.2.1 Support du langage ................................................... 32 3.2.2 Émulation des classes du JRE .......................................... 33 3.3 Lancerenmodehôte................................ .................... 35 3.3.1 Le serveur d’applications intégré ........................................ 36 3.4 Compileretlancerenmodeweb....................... ................... 36 3.4.1 Les fichiers générés par le compilateur GWT ............................. 37 3.5 Développementavecl’IDE.......................... ..................... 38 3.5.1 Debug et cycle de développement ....................................... 39 Table des matières IX Chapitre 4 – Widgets, panels, etc.............................................. 41 4.1 Uneinterface graphiquedynamique.................. ..................... 41 4.1.1 Les widgets GWT................................................... 42 4.1.2 GWT et les aspects graphiques ......................................... 42 4.2 Widgetsetpanels................................. ...................... 43 4.2.1 Événements et Handlers .............................................. 43 4.2.2 Widgets simples ................................................... ... 44 4.2.3 Panels ................................................... ........... 60 Chapitre 5 – Communiquer avec le serveur.................................... 71 5.1 Codeclientvscodeserveur......................... ..................... 71 5.2 LesprincipesdeGWTRPC............................ .................. 72 5.2.1 Classes et interfaces mises en jeu ....................................... 73 5.3 Lacréationd’unservicepasàpas.................... ..................... 74 5.3.1 Écriture des interfaces et de l’implémentation ............................. 74 5.3.2 Déploiement sur le serveur embarqué .................................... 76 5.3.3 La réalisation d’un appel RPC ......................................... 77 5.4 Exemplecomplet.................................. .....................