Lyon Bridge

Enhancement of Web Standards

Nokia, November 2010

Philippe Le Hégaret <plh@w3.org>
Interaction Domain Leader, World Wide Web Consortium

Lyon Bridge photo by Christine Vaufrey

W3C logo

The 2.5 million years problem

How to connect people to information or people?

User User User ? Data Documents Media

Connecting People?

Information Technology

Network

Information Technology

Data in-house cloud EC2, EMC, … App platform .NetJavaFlexObjective-CHTML/CSS/JS Devices BlackberryiPhone/iPadAndroidNokiaWindows Mobile Network HTTP, SOAP, REST,Web Sockets Server platform JSON, XML, SW/RDF, …

The Buzz

Next Open Web Platform HTML5+CSS3+SVG1.1+APIs+WOFF+ES5+HTTP+IRI Web 2.0 HTML4+CSS2+XHR+Javascript+HTTP1.1+URI Web 1.0 HTML3+HTTP1.0+URL

Our Objective

“To standardize and foster the deployment of an universal open platform for data, documents and applications on the Web that is suitable for human to machine, machine to machine and, ultimately, for human to human interaction.”

The Web Client Platform, 2001

Open Web Platform Client Stack Web Documents Documents HTML CSS Javascript Browser Memory Model (DOM, script engine) Script Network APIXHR Mediaimages DOM HTMLtextforms CSSstyle Presentation screen, audio, haptic, etc. parsers Devices Mouse Keyboard User Images (PNG, etc.)

Requirements

Text Hypertext Markup Language (HTML)
Forms HTML
Style Cascading Style Sheets (CSS)
Fonts Web Open Font Format (WOFF)
Images, Videos HTML
Protocols Hypertext Transfer Protocol (HTTP), Web Sockets
Dynamic JavaScript (ES), Web Application Programming Interfaces (Web APIs)
2D Graphics Scalable Vector Graphics (SVG), 2D Canvas API
3D Graphics WebGL Canvas API
Offline access Web APIs: Web Storage, IndexedDB, File API
Device access Web APIs: Geolocation, Orientation, Multi-touch, etc.
Data RDFa, Microdata

Technologies

Text Hypertext Markup Language (HTML)
Forms HTML
Style Cascading Style Sheets (CSS)
Fonts Web Open Font Format (WOFF)
Images, Videos HTML
Protocols Hypertext Transfer Protocol (HTTP), Web Sockets
Dynamic JavaScript (ES), Web Application Programming Interfaces (Web APIs)
2D Graphics Scalable Vector Graphics (SVG), 2D Canvas API
3D Graphics WebGL Canvas API
Offline access Web APIs: Web Storage, IndexedDB, File API
Device access Web APIs: Geolocation, Orientation, Multi-touch, etc.
Data RDFa, Microdata

The Web Client Platform, 2011

Open Web Platform Client Stack Web Documents Documents HTML CSS Javascript MathML SVG ARIA metadata Browser Memory Model (DOM, script engine) Script Canvas API Audio API Offline StorageWeb StorageIndexed DB Device APIsGeolocationOrientation Network APIsWeb SocketsXHRCORS, UMP DOM MathMLformula HTMLtextforms SVG2D graphicsvisual effects CSSstyle ARIAaccessibility Mediavideo, audio, images, etc. Presentation screen, audio, haptic, etc. parsers Disk Disk Calendar Contacts Devices Mouse Keyboard Touch Screen Accelerometer TV Remote? Microphone Camera GPS User Video, Audio Fonts (WOFF) Images (PNG, SVG, etc.)

The Next Web Client Platform

Can you use this platform?

Current status

Standard
(status)
Chrome 7 Firefox 4
(beta)
Internet
Explorer 9
(beta)
Opera 10.60 Safari 5
Video WD
Video formats - MPEG4/WebM WebM MPEG4/WebM WebM MPEG4/WebM
Video Streaming (unclear)
2D Canvas WD
3D Canvas WD
SVG
Forms WD
Multithreading WD
Bidirectional protocol WD
Web storage WD
Indexed DB WD
CSS3 Selectors FPWD
CSS3 2D Transforms FPWD
CSS3 3D Transforms FPWD
CSS3 Transitions FPWD
CSS3 Animations FPWD
Fonts WD
Geolocation
CSS3 Media Queries
Drag/drop WD
HTML5 parser WD

Standards: ✔ = Final and mostly final. WD = work in progress. FPWD = work just started.
Implementation: ☀ = implementation and standard stable (or kind of), ⛅ = almost there, ☁ = implementation or standard may be unstable, ☂ = implementation or standard unstable, ⛈ = implementation specific, ☃ = won't happen (next version maybe?), ⛐ = there is a catch in the standard or the implementation.

Disclaimer: the table above is work in progress and is subject to change at any time.

What's missing?

Wish list for the Web

Final Recommendations

What is the Web Platform lacking the most?
Security/Privacy: Re-establish thought leadership on Web security and privacy at W3C
Web Identity: Explore standardization in the Web Identity space.
Better deployment:
Testing: Better coordination, outreach, and enable accessibility testing
Validation: Provide better quality validator services

Related: Maintenance

Testing

Problem

Testing example: CSS2.1

CSS 2.1 Test Suite results (work in progress)
# of tests Passed Failed Skipped
Chrome 6.0.472.63 9726 85.34% 12.51% 2.23%
Firefox 4.0b6 19383 93.83% 6.11% 0.43%
Internet Explorer 9 beta 19466 97.40% 1.97% 0.63%
Opera 10.70 build 9067 9733 89.42% 9.87% 0.70%
Safari 5.0.2 19377 85.6% 14.1% 0.26%

Note: this table is unstable.

Testing example: HTML5

215 tests (work in progress)
FeatureInternet Explorer Platform Preview 6Google Chrome 7.0.517.41 betaFirefox 4 Beta 6Opera 11.00 alpha (build 1029)Safari Version 5.0.2 (6533.18.5)
attributes100%100%100%100%100%
audio100%100%100%100%100%
canvas89.55%80.6%75.32%85.35%86.16%
getElementsByClassName83.33%100%94.12%94.44%88.89%
foreigncontent100%100%100%0%10%
video100%92.86%71.43%78.57%71.43%
xhtml5100%42.86%85.71%100%42.86%

Note: this table is misleading and unstable.

Testing

Proposal

Validators

Problem

Proposal: Produce a Validator Appliance

Enhancement of Web Standards summary

Related: Maintenance

In addition, let's not forget…

Web on TV, Web Events, Audio, Web Performance, CSS3 enhancements, HTML.next, …