Faire du GWT en HTML5

Abonnements, magazines... Notre catalogue complet au bas de cette page.

HTML5 est un mot à la mode, il a remplacé Ajax et le web 2.0 ! Il est vrai que cela apporte de nouvelles fonctionnalités dans nos applications, dont une bonne partie est déjà disponible dans la plupart des navigateurs récents (Firefox, Chrome, Opéra, Safari, et même Internet Explorer dans sa version 9).

GWT (Google Web Toolkit) permet de créer des applications web en compilant notre code java en JavaScript spécifique pour chaque navigateur. Comme GWT utilise l’HTML, le JavaScript et le CSS, c’est tout naturellement qu’il est possible d’utiliser toutes les fonctionnalités de l’HTML5 avec GWT, grâce notamment au mécanisme de JSNI (JavaScript Native Interface). Mais depuis les dernières versions de GWT, un certain nombre de fonctionnalités sont directement intégrées dans le coeur du GWT. Depuis la version 2.2, nous pouvons utiliser les balises Audio, Vidéo et Canvas disponibles. Dans la version 2.3, les fonctionnalités de LocaleStorage et de SessionStorage sont disponibles. Enfin, la dernière version 2.4 apporte le Drag And Drop et la Géolocalisation. Bien sûr, il est possible d’utiliser les propriétés CSS3 dans nos applications. Pour illustrer les possibilités de l’HTML5 en GWT, nous allons créer une petite application de planning avec des Post-it que l’on peut placer sur trois colonnes (Todo, In Progress, Done), toutes les tâches seront sauvegardées et chargées depuis le LocalStorage, et enfin nous ajouterons un camembert qui reflétera l’avancement de nos tâches (le nombre de tâches à faire en rouge, en cours en orange et réalisées en vert) Patrice de

Saint Stéban

S'ABONNER