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

2. MobiWeb2.0 Review2 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

3. MobiWeb2.0 Review3 Background on mobileOK Based on Mobile Web Best Practices 1.0 Defined in mobileOK Basic Tests 1.0 Implemented in the mobileOK Checker

4. MobiWeb2.0 Review4 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

5. MobiWeb2.0 Review5 UI – Online Service http://validator.w3.org/mobile

6. MobiWeb2.0 Review6 UI – Improved Reports

7. MobiWeb2.0 Review7 UI - Score and Stats

8. MobiWeb2.0 Review8 FP7 Web Page on a Mobile Device

9. MobiWeb2.0 Review9 UI – Redesign

10. MobiWeb2.0 Review10 UI – Redesign http://qa-dev.w3.org:8001/mobileok/

11. MobiWeb2.0 Review11 mobileOK Checker Statistics Evolution of usageKnown mobileOK sites

12. MobiWeb2.0 Review12 State of the Mobile Web

13. MobiWeb2.0 Review13 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

14. MobiWeb2.0 Review14 mobileOK Web Sites

15. MobiWeb2.0 Review15 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

16. MobiWeb2.0 Review16 mobileOK Pythia for WordPress mobileOK score 48 / 100

17. MobiWeb2.0 Review17 mobileOK Pythia for WordPress

18. MobiWeb2.0 Review18 mobileOK Pythia for Joomla! mobileOK score 13 / 100

19. MobiWeb2.0 Review19 mobileOK Pythia for Joomla!

20. MobiWeb2.0 Review20 mobileOK Pythia for Moodle mobileOK score 39 / 100

21. MobiWeb2.0 Review21 mobileOK Pythia for Moodle Plug-in in alpha version Different types of modules (assignment, chat, forum, glossary, quizz,...)

22. MobiWeb2.0 Review22 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

23. MobiWeb2.0 Review23 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

24. MobiWeb2.0 Review24 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