Google Web Toolkit - GWT“Productivity for developers, performance for users”

1

PLAN

Pourquoi GWT ? Présentation But de GWT Quelques projets GWT Avantages Architecture Widgets disponibles Design pattern Inconvénients Conclusion

2

Pourquoi GWT ?

• La technologie AJAX était associée au Javascript dans la majorité des projets

• JS conduit l'échec d'AJAX par sa complexité et le manque d'experts Javascript.

• les navigateurs fournissait des fuites mémoires, de nombreux bogues Javascript.

• HTML a des problèmes de performance.

• JS conduit l'échec d'AJAX par sa complexité et le manque d'experts Javascript.

• les navigateurs fournissait des fuites mémoires, de nombreux bogues Javascript.

• HTML a des problèmes de performance.

3

Pourquoi GWT ?

Les différentes solutions :

• Dojo• ExtJS• Atlas• ICEFaces

Ces derniers ne gèrent pas ou (mal) le mode asynchrone d'AJAX.

Apparition de « Google Web Toolkit »

4

Présentation

• GWT, Google Web Toolkit, est un framework open source de développement d'applications web mettant en oeuvre AJAX

• Crée par Google

5

Présentation

6

But de GWT

7

Faciliter le développement d'applications web utilisant

Ajax

Faciliter le développement d'applications web utilisant

Ajax

Faisant abstraction des incompatibilités des principaux

navigateurs.

Faisant abstraction des incompatibilités des principaux

navigateurs.

Quelques projets GWT

GWT a été utilisé par Google dans des projets

connus comme :

• Google Docs

• Gmail

• AdWords

• Go Grid

• Whirled

8

Fonctionnalité de GWT

• création d'applications graphiques s'exécutant dans un navigateur

• pas besoin d'écrire du code Javascript

• utilisation de CSS pour personnaliser l'apparence

• mise en oeuvre d'Ajax

• un ensemble riche de composants (widgets et panels)

• un système de gestion de l'historique sur le navigateur

• un parser XML

• détection des erreurs à la compilation

• ...

9

Avantages de GWT

• pas de code JavaScript à écrire

• utilisation de Java comme langage de développement

• une meilleure productivité liée à l'utilisation du seul langage Java

• le code généré par GWT supporte les principaux navigateurs

• la prise en main est facile même pour des débutants !

10

Architecture

11

Widgets disponibles

• Panneaux

• Boutons

• Cases à cocher

• Tables / Grilles

• Boîtes de dialogues

• Menus et barres de menus

• Fenêtres défilantes

• Onglets

• Arbres

12

Design pattern

Les Design Pattern permettent d'améliorer la maintenance et l'évolutivité d’un projet.

pour une application web GWT :

• MVP• Action

13

Design pattern

MVP, Action :

MVP et Action sont très appréciés dans le milieu professionnel car ils ont de nombreux avantages :

• Amélioration de l'évolutivité

• Amélioration des tests

• Amélioration de la gestion des erreurs, de l'historique, des commandes, etc...

14

Design pattern

Il existe de nombreux Framework proposant les patterns MVP et Action :

gwt-presenter : MVPgwt-dispatch : Action

15

Propose un plugin pour s'intégrer facilement avec l'IDE Eclipse.

gwt-platform (gwt-presenter + gwt-dispatch)

Conclusion

Inconvénients

Des problèmes de sécurité d'AJAX sont encore présents :• XSS• Authentification• Injection SQL, etc...

La partie graphique du framework – les widgets, sont assez "pauvres" voire trop "basiques".

L'avenir du framework GWT est "peut être" considéré comme un inconvénient.

La version actuelle de GWT (2.4) est "peut être" la dernière.

16

Conclusion

Inconvénients

Ouverture sur la technologie DART

Le langage de Google, censé remplacer JavaScript

Ce nouveau langage est destiné à la programmation Web avec l'objectif d'être un langage à la fois structuré et flexible.

En conclusion, voici le Hello Word en DART :

main() { var name = 'World'; print('Hello, ${name}!');

}17

CONCLUSION

18