Web is Central

• Usage
  • Accessed by billions
  • In many languages
  • Vital for information sharing, entertainment, education, commerce
• Technology
  • Common, pervasive, and interoperable
  • Internationalized
  • Widely used by developers
  • Linked sites and linked data

Web Trends Affecting Society

• Web everywhere
• Devices
  • 85% – Percentage of handsets shipped globally in 2011 that included a web browser
  • Diversity of device types (eBooks, printers, tablets, televisions, automobiles)
• Apps with rich interactions. People want:
  • Apps in addition to documents
  • Rich media (video, animations, digital photography, music)
  • Location-based services
  • Social

The Web

• transports and enhances the television
• is the premier platform for diversity of mobile space
• is for games on any device
• has transformed publishing documents, data
• accommodates a world of devices
• enables social networking

Agenda

• HTML5 and the Open Web Platform
• Momentum
• Industry Use of the Open Web Platform
• What's next?

A Platform for Innovation, Consolidation, Cost Efficiencies

Web pages are more beautiful, interactive, intelligent HTML5 provides cross-browser interoperability and all major browser vendors plan to support it Video a first-class citizen Simplified data integration

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

Benefits of W3C Web standards

• Lower cost of cross-platform development
• Rapid prototyping
• Live updates
• Link devices in new ways
• Create apps in the cloud
• Broad developer support
• Customers one click away
• Full control over content

Standard Technologies

Core	Hypertext Markup Language (HTML)
Video/Audio	HTML, WebRTC, Web Audio
Style	Cascading Style Sheets (CSS)
Fonts	Web Open Font Format (WOFF)
Protocols	HTTP, Web Sockets
Graphics	Scalable Vector Graphics (SVG), HTML Canvas
Offline access	Web APIs: Web Storage, IndexedDB, File API
Device access	Web APIs: Geolocation, Multi-touch, Media Capture, etc.
Performance	Web APIs: Navigation timing, Page Visibiility, Animation timing

Web Client 2012

Can you use this platform?

• Yes!
• Learn about the many capabilities and how well they are deployed
  see caniuse.com
• Get involved and provide feedback

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

Security Considerations

Be aware of security and privacy considerations
before using those features!

As a Web developer:

• Offline storage:
  • Privacy: Sensitivity of Data
  • Security: Cross-directory attacks
• HTML5 forms: Servers should not rely on client-side validation.

See also OWASP top 10.

Privacy Focus: Tracking Protection

• Online privacy a mainstream concern
• Open Web Platform depends on ability to achieve trusted transactions
• Online tracking momentum
• February 2012: White House expresses support for W3C Do Not Track (DNT) technology
• W3C to define meaning of DNT

Agenda

• HTML5 and the Open Web Platform
• Momentum
• Industry Use of the Open Web Platform
• What's next?

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)

Very Positive Adoption Trends

• 34% of top 100 sites using HTML5 - binvisions.com
• 75% of Developers Using or Plan to Use HTML5: Survey - Evans Data
• 2.1 billion HTML5 Browsers on Mobile Devices by 2016 - ABI Research
• HTML5 in the Top 10 tech trends for 2012 - CNN Tech
• HTML5 is the #1 job trend - .netmagazine, indeed.com
• The Web is going through a once-in-a-decade technology transition to HTML5 and CSS3 - Gartner

Agenda

• HTML5 and the Open Web Platform
• Momentum
• Industry Use of the Open Web Platform
• What's next?

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

• Video and Audio
• Voice, Videoconferencing, and real-time communications
• Peer-to-peer
• Location-based services
• Social networking
• Advertising
• Games

AT&T View

Used with permission

Television

Web Transports and Enhances TV

• Analog-to-digital conversion in progress
• User generated content commonplace on Internet
• Convergence has started, but where will it lead?
  • User content and premium content
  • How much integration of Web content into programming?
  • Internet, wireless, or conventional distribution
  • Device: TV, laptop, handheld
• Different stakeholders have different perspectives
  • Traditional broadcast, Telecoms
  • Content providers, Device manufacturers
  • New entrants (youtube, netflix, hulu, pandora, spotify, …)

Web and TV Interest Group Results

• Home networking / device discovery / multi-screen
• Adaptive streaming / content protection
• TV Web Profile

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.
	Drawing, Video History API Geolocation		Web storage Web sockets CSS transitions App cache

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
	Web Sockets Caching CSS Animations CSS transforms		Touch Events Orientation HTML5 audio Timing control

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
	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)
	SVG Fonts Background Borders		Video Audio Fonts Media Queries

Agenda

• HTML5 and the Open Web Platform
• Momentum
• Industry Use of the Open Web Platform
• What's next?

What's missing?

• Common Video Codec
• Control of adaptive video
• Delivery statistics
• Media Content Protection
• Service discovery
• UPnp, M-DNS/DNS-SD
• TV API, Parental Control
• 3D at the markup level (SVG equivalent)
• Identity, Access control
• Digital content distribution and micropayment
• Trust, Provenance
• Read-write Web
• Interoperability
• Education materials
• Certification (software and developers)
• Authoring tools support
• Multilingual support

W3C Community Groups

• Key Attributes
  • Anyone can participate
  • Free
  • Considerable latitude in how work is structured
  • Royalty-Free patent rights and permissive copyrights
  • IPR commitments can lead to W3C standard track
• Got an idea? Create a Community Group