MobiWeb2.0 Overview WP4 – Tools François Daoust Mobile Web Initiative World Wide Web Consortium.

MobiWeb2.0 OverviewWP4 – Tools

François DaoustMobile Web Initiative

World Wide Web Consortium

MobiWeb2.0 Review 2

Outline

• Background on mobileOK• mobileOK Checker (D4.1)

– User Interface Demo– Statistics

• mobileOK Pythia (D4.2)– Plug-ins to content authoring tools– Common libraries: AskPythia, TransPythia

MobiWeb2.0 Review 3

Background on mobileOK

• Based on Mobile Web Best Practices 1.0• Defined in mobileOK Basic Tests 1.0• Implemented in the mobileOK Checker

MobiWeb2.0 Review 4

mobileOK Checker Objectives

• From alpha to version 1.0 (year 1)– Implement specification changes– Ensure reference tool– Improve UI

• … and beyond (year 2)– Improve extensibility of the library– User Interface redesign

MobiWeb2.0 Review 5

UI – Online Service

http://validator.w3.org/mobile

MobiWeb2.0 Review 6

UI – Improved Reports

MobiWeb2.0 Review 7

UI - Score and Stats

MobiWeb2.0 Review 8

FP7 Web Page on a Mobile Device

MobiWeb2.0 Review 9

UI – Redesign

MobiWeb2.0 Review 10

UI – Redesign

http://qa-dev.w3.org:8001/mobileok/

MobiWeb2.0 Review 11

mobileOK Checker Statistics

Evolution of usage Known mobileOK sites

MobiWeb2.0 Review 12

State of the Mobile Web

MobiWeb2.0 Review 13

Learning from Usage

• Areas for education and outreach:– Too heavy pages (55% of URIs)– No caching directives (39% of URIs)– Tables used to control layout (>30% of URIs)– Pop-ups (>30% of URIs)

• Checker used to improve Web content

MobiWeb2.0 Review 14

mobileOK Web Sites

MobiWeb2.0 Review 15

mobileOK Pythia Objectives

• Increase the number of content authoring tools able to generate mobileOK content:– Create plug-ins to existing CMS

(WordPress, Joomla!, Moodle)– Common libraries

(AskPythia, TransPythia)– Increase visibility of mobileOK

MobiWeb2.0 Review 16

mobileOK Pythia for WordPress

mobileOK score

48 / 100

MobiWeb2.0 Review 17

mobileOK Pythia for WordPress

MobiWeb2.0 Review 18

mobileOK Pythia for Joomla!

mobileOK score

13 / 100

MobiWeb2.0 Review 19

mobileOK Pythia for Joomla!

MobiWeb2.0 Review 20

mobileOK Pythia for Moodle

mobileOK score

39 / 100

MobiWeb2.0 Review 21

mobileOK Pythia for Moodle

• Plug-in in alpha version• Different types of modules

(assignment, chat, forum, glossary, quizz, ...)

MobiWeb2.0 Review 22

Common Library: AskPythia

• Device identification• Access to device capabilities• First Implementation of the W3C Device

Description Repository (DDR) Simple API standard in PHP

• Ships with an implementation on top of WURFL

• Extensible library

MobiWeb2.0 Review 23

Common Library: TransPythia

• On-the-fly content adaptation library• Uses AskPythia for decision making• Transcoding actions:

– Pagination– Images conversion and adaptation– Template switching

• Extensible library

MobiWeb2.0 Review 24

Summary

• mobileOK Checker:– Version 1.3 released, UI redesign in beta– Highly visible mobileOK sites and tools

• Content authoring tools– mobileOK Pythia released (November 2009)– Plug-ins for WordPress, Joomla! and Moodle– Extensible common libraries