W3C Mobile Web Initiative MWI - EU MobiWeb 2.0 FP7 Project

Building WebApps & Widgets with W3C Standards

Mobile 2.0 Europe Developers Day — Barcelona, Spain, 18 June 2009

François DaoustDominique HazaĆ«l-Massieux
Email: fd@w3.orgdom@w3.org
Microblog:@tidoust @dontcallmedom

This work is part of the MobiWeb 2.0 project supported by the European Union's 7th Research Framework Programme (FP7)

W3C: Leading the Web to its Full Potential

W3C Mobile Web Initiative

MWI sponsors
  • Goal: bring Web to mobile
  • Created in 2005 (early days for mobile Web)
  • Results
    • "Mobile Web Best Practices" W3C standard
    • mobileOK standard and checker tool
    • Mobile Web for developing countries
    • ...

Mobile Web Applications and Widgets

Relevant specifications:

HTML5
Offline Web Applications, new form controls
window.applicationCache.update();
<input type="email" >
<input type="date" >
<input type="range" >
Web Storage
client-side SQL
sessionStorage.foo='bar';
localStorage.fooo='bar';
Web Workers
thread-like operations

Mobile Web Applications and Widgets

Relevant specifications [continued]:

Widgets Packaging & Configuration
Basic widget wrapper
<widget xmlns='http://www.w3.org/ns/widgets'>
<name>Hello World</name>
</widget>
Widgets Digital Signature
Signing and verifying widgets
Widgets APIs and Events
Interacting with configuration, preferences
Widget updates
Auto-update mechanism

Mobile Web Applications and Widgets

Relevant specifications [continued]:

Geolocation API
Access to device location
    function showMap(position) {
      // Show a map centered at (position.coords.latitude, position.coords.longitude).
    }

    // One-shot position request.
    navigator.geolocation.getCurrentPosition(showMap);
  
Device APIs
Calendar, Addressbook, Camera, ...
Mobile Web Application Best Practices
How to create good mobile web apps and widgets

Alpha: Widgets checker

Widget checker screenshot