graphic with four colored squares
Cover page images (keys)

Why HTML5?

Philippe Le Hégaret,
plh@w3.org

Interaction Domain Leader,
World Wide Web Consortium

Web is Central

HTML5: Cornerstone of the Platform

  • Reach multiple devices
    Desktop, mobile, tablet, TV
  • Powerful and modular
    Documents, multimedia, interactivity
  • Multi-application
    eBooks, user interfaces, games
  • Standard scheduled for 2014
HTML5 Logo

The Open Web Platform

Rapidly Growing Support Cross-Device, Cross-Platform

Major browsers
IE9+, FF4+, Safari5+, Opera11+, Chrome10+, Blackberry Browser, Silk
Platforms
iOS, Android, ChromeOS, BlackberryOS, Symbian, Windows Mobile 7.5+
Libraries
Webkit (Google, Apple, etc.), Gecko (Mozilla), Trident (Microsoft), Presto (Opera)

Mobile

Mobile

Web is Mobile Platform of the Future

“Mobile Web application platforms will generate almost $2.6 billion in service revenue by 2015” – Smith’s Point Analytics

AT&T View

ATT

Used with permission

Television

Television

Web Transports and Enhances TV

Web and TV Interest Group Results

Social Networking

social networking

Facebook

  • CTO Bret Taylor in July 2011
  •  “Over the long term, people in Silicon Valley really view HTML5 as the future platform …that’s where we’re putting a huge amount of our investment …”
  • Facebook mobile apps built with HTML5 (including native apps)
  • Facebook promotes HTML5 for mobile and social apps
  • Nearly 50% of 800 million users access Facebook through mobile.
Facebook HTML5
  • Drawing, Video
  • History API
  • Geolocation
  • Web storage
  • Web sockets
  • CSS transitions
  • App cache

On Facebook…

When I’m introspective about the last few years I think the biggest mistake that we made, as a company, is betting too much on HTML5 as opposed to native… because it just wasn’t there. And it’s not that HTML5 is bad. I’m actually, on long-term, really excited about it. One of the things that’s interesting is we actually have more people on a daily basis using mobile Web Facebook than we have using our iOS or Android apps combined. So mobile Web is a big thing for us.

Mark Zuckerberg, 2012

Gaming

Gaming

Zynga

  • Zynga mission: social gaming for all
  • Open Web Platform advantages
  • No plugins (mobile users don’t install)
  • Play quickly without install
  • Significant code reuse between desktop, mobile
  • User experience-driven live updates; bug fixes
FarmVille Zynga
  • Web Sockets
  • Caching
  • CSS Animations
  • CSS transforms
  • Touch Events
  • Orientation
  • HTML5 audio
  • Timing control

Publishing

Publishing

Financial Times

  • Financial Times launched popular iPad app
  • Quickly replicated 80-90% of user experience using Open Web Platform
  • Faster app launch times improve user experience; customers have switched to Web app
  • Web app approach more cost-effective, less confusion for users across devices
Financial Times

Audio, Video, Touch, CSS, SVG Flex box, Web SQL, History API Local storage, App cache

Amazon and eBooks

  • Amazon Silk browser supports HTML5, leverages cloud services
  • Ebook market leveraging HTML5+CSS
  • Ebooks starting to outsell printed books in some markets
  • Ebook standard (EPUB) based on W3C standards: HTML, CSS, SVG
  • Extensions also HTML+CSS (Amazon KF8 on Kindle Fire,  Apple iBook)
Amazon Kindle
  • SVG
  • Fonts
  • Background
  • Borders
  • Video
  • Audio
  • Fonts
  • Media Queries

What do early majority say?

Can you use this platform?

Feature Detection!

DO NOT COPY THE FOLLOWING CODE:

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
 var ieversion=new Number(RegExp.$1)
 if (ieversion>=9)
  return true;
 else
  return false;

You should write instead:

if (!!navigator.geolocation)

See Modernizr.com

Testing!

We need to test the Open Web Platform!

  • Web Browser makers
  • Industry Initiatives:
    • Web and TV
    • Core Mobile Web Platform
  • Web developers
ringmark

Privacy Focus: Tracking Protection

Privacy

What's missing?

How to participate

W3C Community Groups

Join W3C

WebPlatform.org

Your Web, documented.

WebPlatform.org

Thank you

http://www.w3.org/2012/Talks/1120-owp-plh/

mailto:plh@w3.org
Twitter: plhw3org