1 Mobile on the web SICS Open House Stockholm 2011-05/05 World Wide Web Consortium (W3C) Swedish Institute of Computer Science (SICS) 1/14 2 About this slide set A few slides identifying web technologies of relevance for the mobile context, illustrating a dialogue around the future technologies for mobile devices. Focus is on technologies deployed on the mobile device A good discussion about this space of technologies can be found in Standards for Web Applications on Mobile: February 2011 current state and roadmap By Dominique Hazaël-Massieux http://www.w3.org/2011/02/mobile-web-app-state.html 2/14
Technology Areas 3 3/14 Graphics 2D Vector Graphics SVG Tiny 1.2 2D Programmatic API Rounded Corners Complex Background Images Box Shadow Effects CSS 2D Transform Animations 3D Effects CSS Based Adaptation 4/14 HTML Canvas 2D Context CSS Backgrounds and Borders CSS 2D Transform Module CSS Animations, CSS Transitions CSS 3D Transforms Media Queries Downloadable Fonts WOFF File Format 1.0 4
Multimedia 5 Video playing HTML5 video element Audio playing HTML5 audio element Capturing audio & video Image & video analysis, modification Audio analysis, modification HTML5 Media Capture, Media Capture API HTML Canvas 2D Context (none) 5/14 Forms 6 Date & time entry Customized text entry (tel, email, url) Input pattern Input hint Pre/defined values for text entry HTML5 Date & Time state of input element HTML5 telephone, email & URL state of input element HTML5 pattern attribute HTML5 placeholder attribute HTML5 datalist element 6/14
User Interactions 7 Touch based interaction Vibration Intent based events Notification Speech based interaction Touch event specification N/A N/A Web Notifications N/A 7/14 Data Storage 8 Simple data storage File reading File Writing Filesystem operations Database query & update Addressbook data Calendar data Web Storage File API File API: Writer File API: Directories and System Indexed Database API Contacts API Calendar API 8/14
Sensors and hardware integration 9 Geolocation Accelerometer / orientation Generic sensors Camera & Microphone capture Geolocation API DeviceOrientation Event The System Information API The Media Capture API 9/14 Network 10 HTTP(s) network API XMLHttpRequest XHR2 XMLHttpRequest Level 2 Cross-domain requests Server-pushed requests Bidirectional connections On-line state Cross-Origin Resource Sharing Server-Sent Events The WebSocket API HTML5 online DOM state Network characteristics 10/14 Network Property in The System Information API
Communication 11 Emails, SMS and MMS with generated attachments Inter-app communications The Messaging API HTML5 Web Messaging Inter-app triggers P2P connections P2P Video/Audio streams (possibly Device APIs & Policy Working Group) (proposed Web Real-Time Communications Working Group) (proposed Web Real-Time Communications Working Group) 11/14 Packaging 12 Application Cache HTML5 Application Cache Widgets Packaging & Configuration Widgets Digital Signatures for Widgets Widget Access Request Policy 12/14
Performance & Optimization 13 Timing hooks Navigation Timing Threading Web Workers Optimization Best Practices Mobile Web Application Best Practices 13/14 14 Thank you for your attention! 14/14