2. Historique
• HTML
1991 • Le web devient public
• HTML 2 et Netscape 1.0
1994 • Naissance du W3C
1996
2000
• CSS/Javascript
• XHTML
• Web 2.0
2005 • Ajax, naissance des réseaux sociaux
2009
• HTML5
HTML 5 - Olivier Boitel et Pierre Besson - 28/11/2013
3. Avant
HTML 5 - Olivier Boitel et Pierre Besson - 28/11/2013
4. Réconciliation et expression du besoin
2004: W3C workshop on web application and compound documents
Clear Migration
Usage
Non bloquant
Conciliation
Processus ouvert
Simplicité
Continuité
technologique
Spark-Archives - Cartographie
HTML 5 - Olivier Boitel et Pierre Besson - 28/11/2013
6. Un modèle en évolution
Page
Client UI
Client
HTML/CSS
HTML/CSS/JS
Server
Browser
Spark-Archives - Cartographie
HTML 5 - Olivier Boitel et Pierre Besson - 28/11/2013
7. Un modèle en évolution
Page
Client UI
Client
HTML/CSS
HTML/CSS/JS
Ajax
Data services
REST JSON
Ajax
API REST
Application
layer
Javascript
Ajax
Server
Browser
API REST
Spark-Archives - Cartographie
HTML 5 - Olivier Boitel et Pierre Besson - 28/11/2013
8. Web app
Web UI
Web
HTML/CSS
Client UI
HTML/CSS
Application layer
Javascript
Data services
REST JSON
Ajax
Data access layer
Javascript
Local storage
HTML5
Server
Client
HTML 5 - Olivier Boitel et Pierre Besson - 28/11/2013
23. #Semantic
Sémantique
Pourquoi ?
• Améliorer l’interprétation du contenu par des tiers
• Moteur de recherche
• Browser
• Identifier la nature d’un contenu
• Simplifier le contenu des pages
Comment ?
•
•
•
•
Une page décrit son propre contenu (découpage sémantique)
Le contenu est accessible et utilisable
Nouvelles fonctionnalités de formulaires
Diminution des éléments de style pour décrire le contenu (Ids, class)
HTML 5 - Olivier Boitel et Pierre Besson - 28/11/2013
30. #Mobilité
Stockage de ressources
AppCache
Mécanisme de mise à jour
Possibilité de navigation offline
Utile même en online
http://appcachefacts.info/
Spark-Archives - Cartographie
HTML 5 - Olivier Boitel et Pierre Besson - 28/11/2013
32. #Mobilité
DOM Storage
Nom de domaine
Clef
Valeur
lang
fr
http://jsfiddle.net/pierr/RTD7E/
Spark-Archives - Cartographie
HTML 5 - Olivier Boitel et Pierre Besson - 28/11/2013