tk02 google wave et html5 fr

Mardi 17 Novembre 2009Paris, la Défense

Google Wave et HTML5La révolution en marche ?

Marianne JULLIEN, ConsultanteValtech Technologymarianne.jullien@valtech.fr

Bruno MARCHESSON, Consultant séniorValtech Technologybruno.marchesson@valtech.fr

La révolution en marche…

2

• Première partie : HTML5

• Deuxième partie : Google Wave

HTML5 - Sommaire

3

• Origines et objectifs

• Les principales nouveautés

• Etats des lieux et perspectives

Historique

4

Les grandes dates• 1997 : sortie de HTML4

• 1999 : mise à jour de la spécification (il y a 10 ans … )

• 2000 : arrivée de XHTML 1.0

• 2004 : le Web 2.0 est né & le WhatWG est créé

• 2007 : Reprise du travail sur HTML5 du WhatWG par le W3C

• 2008 : Premier brouillon HTML5

Présentation

5

HTML5 : normalisation du modèle de programmation des applications Web 2.0 / RIA

• Simplification du développement Web• Emergence d’une nouvelle génération d’application W eb

• Deux syntaxes possibles : HTML et XML• Auteurs principaux : Ian Hickson et David Hyatt

HTML5 - Sommaire

6

• Origines et objectifs

• Les principales nouveautés

• Etats des lieux et perspectives

Apport sémantique

7

<header>

<footer>

<aside><nav> <section>

<header>

<article>

<footer>

Nouvelles balises

Eléments interactifs• Progress : progression d’une tâche• Dialog : échange entre personnes• Details : zone additionnelle d’affichage à la demande• Datagrids : grille de données avec opérations native s• …

8

Enfin de vrais formulaires…

Une multitude d’APIs

Javascript : un langage naturel

• API Drag & Drop

• API Géolocalisation

9

JavascriptHTML5

Multimédia

Balises <video> et <audio>• Problématique des codecs

10

Canvas Source : http://htmlfive.appspot.com/static/gifter.html

Des RIAs plus faciles à développer

11

Amélioration des performances avec les Web Workers• Exécution du code Javascript dans différents threads• Pages plus réactives

Support des Web Sockets couplés aux événements serveurs• A la Comet

Gestion de l’historique et du bouton back

Stockage des données hors ligne - mode offline• Base de données embarquée• Cache applicatif

HTML5 - Sommaire

12

• Origines et objectifs

• Les principales nouveautés

• Etats des lieux et perspectives

Aujourd’hui

Pouvons nous créer actuellement une application HTML 5 ?

• Un support variable des navigateurs …

• Chrome Frame pour IE• Emulation par Javascript

• Les appareils mobiles

• Possible donc mais reste difficile à maintenir pour l’instant

13

Source : http://a.deveria.com/caniuse/

Perspectives

14

Future distinction entre les RIAs « pure web » et « par plugin »

Progression des frameworks Javascript

Amélioration et mise à niveau des navigateurs

Conclusion

15

HTML5 apparaît très prometteur

• Nouvelles fonctionnalités, nouveaux éléments, plusi eurs APIs intéressantes, mode offline, création d’animations facilité…

• Emergence de nouveaux paradigmes de développements

• Date de sortie de la spécification ?

• Il existe déjà des exemples …

La révolution en marche…

16

Google Wave - Sommaire

17

• Présentation générale

• L’architecture et les APIs

• Démonstration

• Cas d’utilisation et perspectives

Origines

Projet Walkabout par les frères Lars et Jens Rasmussen

Annoncé au cours du Google I/0 du 28 Mai 2009• Actuellement en édition limitée• 25000 invitations en Juin 2009 puis 100000 le 30 Se ptembre 2009

Leur but est de repenser le modèle de communication d’ après les outils de communication actuels (emails, messageries, wikis, forums, irc…)

18

“What e-mail would be like if we invented it today ?”

Qu’est-ce que Google Wave ?

Outil collaboratif• Combinaison de Gmail, Google Talk, Google Docs…• A mi-chemin entre une conversation et un document

19

Gmail aux premiers abords

20

Terminologie

• Wave• Blip

• Wavelet

• Extensions• Robots

• Gadgets

• Embed wave

• Ping

21

Google Wave - Sommaire

22

• Présentation générale

• L’architecture et les APIs

• Démonstration

• Cas d’utilisation et perspectives

Trois couches (les 3 P)

Produit• Application web développé en GWT• Utilisation nouveautés HTML5

Plateforme• Ouverte et extensible constituée de plusieurs APIs

• Extensions (robots et gadgets)• Embed (blogs)

Protocole• Stockage, Partage• Accès concurrents • Open Source

23

Produit

Plateforme Protocole

Deux types d’extensions

Les robots

• Participant à part entière• Interaction avec la Wave

• Modification ou complétion d’un blip

• Réponse à des événements liés à la Wave

• Cron possible

• Fonctionne sur un serveur• Google App Engine

24

Les gadgets

• Elément statique• Interaction avec les

utilisateurs• Fonctionne sur le client• Technologie cliente

• GWT, Flex, Python…

Embed Wave

Intégration d’une Wave à une application web

Google Wave - Sommaire

26

• Présentation générale

• L’architecture et les APIs

• Démonstration

• Cas d’utilisation et perspectives

Démonstration

27

VIDEO

Google Wave - Sommaire

28

• Présentation générale

• L’architecture et les APIs

• Démonstration

• Cas d’utilisation et perspectives

Premiers retours

Points forts• Logiciel libre• Collaboration en temps réel• Documents permanents et exportables• Système fédéré

29

Limites• Interface peu intuitive• Difficilement configurable• Gestion des droits utilisateurs• Instable

• mais c’est une preview limitée…

Quelques cas d’utilisation possibles

30

Travail collaboratif• Revue de documents• Prise de décision• Brainstorming

Fédération du SI• Intégration des ressources

d’entreprise dans une wave,

Suivi temps réel• Traduction• Cours de bourse• …

Conclusion

31

Plateforme de communication révolutionnaire

Beaucoup de potentiels• Déjà des concurrents (Mozilla Raindrop…)

Nouveau standard de communication ?

- Bon Wave ☺☺☺☺ -