W3C MOBILE WEB INITIATIVE AND DEFAULT DELIVERY CONTEXT Presented by : Dinesh Kumar Chobey W3C India

Slides:



Advertisements
Similar presentations
Dr. Yeliz Yesilada Human Centred Web Lab (HCW) Information Management Group University of Manchester, UK Developing and Delivering Content for Mobile Web.
Advertisements

4.01 How Web Pages Work.
DT228/3 Web Development WWW and Client server model.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
Web Accessibility Web Services Office of Communications.
Project 1 Introduction to HTML.
V1.00 © 2009 Research In Motion Limited Introduction to Mobile Device Web Development Trainer name Date.
Chapter 15 The Mobile Web. Objectives Describe the important characteristics of mobile web browsing platforms Explain three strategies for effectively.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Mobile Web The Seventh Mass Media Jason Moran Norman Diaz.
What is adaptive web technology?  There is an increasingly large demand for software systems which are able to operate effectively in dynamic environments.
Developing a Basic Web Page with HTML
1st Project Introduction to HTML.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
Responsive Wed Design : An Emerging Technology Archana Jain.
Lesson 46: Using Information From the Web copy and paste information from a Web site print a Web page download information from a Web site customize Web.
Chapter ONE Introduction to HTML.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
Mobile Web Applications. Outline of the Course  Mobile Web and Mobile Web Applications  Mobile Web Applications Markup Languages  Developing Mobile.
From W3C Best Practices Mobile Web Best Practices 1.0 Basic Guidelines W3C Proposed Recommendation 2 November 2006
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
Mobile data. Introduction Wireless (cellular) communications has experienced a tremendous growth in this decade. Most of the wireless users also access.
| imodules.com Making Your Site Mobile-Ready Presented by Chris Smith and Mark Werner.
Web Accessiblity Carol Gordon SIU Medical Library.
Responsive design - Bedrock to our site Responsive site templates included.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Web Programming : Building Internet Applications Chris Bates CSE :
Browsing MITA Seminar 2003 Mikko Pohja & Alessandro Cogliati.
An Overview 1 Pamela Harrod, DMS 546/446 Presentation, March 17, 2008.
TECHNICAL SEMINAR Presented by :- Satya Prakash Pattnaik TECHNICAL SEMINAR By Satya Prakash Pattnaik EC Under the guidance of Mr.
Interactive Client-Side Technologies MMIS 656 Web Design Technologies Acknowledgements: Estrella, S. (2003). The Web Wizard’s Guide to DHTML and CSS.
Lesson 8. Test 1 Topics Browser incompatibility Design Tips Site Navigation Browser- safe color Monitor resolution Content Copyright Use of tables vs.
Introduction to Web Page Design. General Design Tips.
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
Designing web pages for handheld mobile devices Improving the client experience.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Some Big Concepts You Need to Know REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 3.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
Introduction to Mobile Applications. Wireless Applications Personal Time and KnowledgeManagemnt Personal Health & Security PersonalNavigation Remote Monitoring.
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
LESSON 15 – UNIT 0 ADAPTING YOUR WEB SITE FOR MOBILE DEVICES.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
JavaScript and Ajax (Internet Background) Week 1 Web site:
Introduction to the World Wide Web & Internet CIS 101.
Leveraging Web Content Management in SharePoint 2013 Christina Wheeler.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Web Development & Design Foundations with HTML5 7th Edition
Mobile web in Indian languages and its implementation challenges
4.01 How Web Pages Work.
Styling For Print From Screen to Paper
Project 1 Introduction to HTML.
Direct Internet 3 Iridium Proprietary and Confidential 9/18/2018.
Web Site Project Management
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Lesson 9: GUI HTML Editors and Mobile Web Sites
ITI 163: Web, Mobile, and Social Media Design Introduction
CIS 133 mashup Javascript, jQuery and XML
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Presentation transcript:

W3C MOBILE WEB INITIATIVE AND DEFAULT DELIVERY CONTEXT Presented by : Dinesh Kumar Chobey W3C India

Mobile environment  Mobile media has increasingly becoming the preferred medium of communication  Indian Mobile Market is one of the fastest growing – has overtaken China in terms of growth  Usage of Mobile Web is growing besides the messaging services.  In the top 10 list of countries, India moved up, switching spots with Ukraine. [source :

Issues related to mobile web browsing :

Small screens as compared to Desktop computers

Different Screen Sizes….

Navigation Issues

Small Screen size in Mobile Phones Devices with different Screen size and Display Properties. Limited Computing capacity of the mobile handsets Mobile Networks Latest technologies available to the web designers but not supported by the mobile browsers LIMITATIONS OF MOBILE DEVICES

"Mobile Web Best Practices 1.0" is a W3C Web Standard that helps people design and deliver content that works well on mobile devices. By following these guidelines, content producers will broaden their audience, create effective Web sites and applications, and make browsing the Web convenient on more devices. Mobile Web Best Practices

1. Design for One Web Content designed with diverse devices in mind reduces cost, increases flexibility, and reaches the needs of more people. 10 ways to mobilize 2. Rely on Web standards In the highly fragmented market of devices and browsers, standards are the best guarantee for interoperability. 3. Stay away from known hazards Thoughtful design can help reduce usability problems due to small screens and keyboards, and other features of mobile devices.

4. Be cautious of device limitations When choosing to use a particular Web technology, consider that mobile devices vary greatly in capability. 10 ways to mobilize (Contd..) 5. Optimize navigation Simple navigation and typing become critical when using a small screen and keyboard, and limited bandwidth. 6. Check graphics & colors Images, colors, and style brighten content, but require care: devices may have low-contrast screens or may not support some formats.

7. Keep it small Smaller sites make users happier by costing less in time and money. 10 ways to mobilize (Contd..) 8. Use the network sparingly Web protocol features can help improve the user experience by reducing the impact of network bottlenecks and latencies. 9. Help & guide user input Keyboards and other input methods on mobile devices can be tedious to use, so effective designs minimize the need for them. 10. Think of users on the go Web users on the go want compact information when time is short and distractions many.

 Defines a minimum set of features that a device have to support. In this case, content is developed based on these guidelines  In this approach, developers only create a single version of the content that can work fairly well on as many mobile devices as possible  The minimum set of features a device is expected to support is called the Default Delivery Context (DDC)  DDC is now part of the Mobile Web Best practices 1.0 recommendation by the W3C. Lowest Common Denominator Approach:

DDC

Problems with present DDC :  This DDC has now become old as mobile supports have improved.  New mobile browsers have now implemented better technology in them.  No proper Font support for major Indian languages.  No standard for client-side scripting has been given in the DDC. But its very essential for creating non-static web pages.

Problem with Indian Languages

Issues in Indian Languages Presentation Issues Bandwidth & Cost Fonts and Rendering issues Input Service provider level issues Character encoding

DIFFERENT INDIAN LANGUAGE SUPPORT HANDSETS Handset CompanyModelHindiTamilMarathiGujaratiBengaliKannadaTeluguPunjabi Nokia2610 Nokia2610 YYYYYYYY Nokia6085 Nokia6085 Y - Y Nokia2600 Nokia2600 Y - Y Nokia1600 Nokia1600 YYYYY --- Nokia1100 Nokia1100 Y - Y Nokia6020 Nokia6020 Y - Y Nokia3120 Nokia3120 Y - Y Nokia3220 Nokia3220 Y - Y Nokia1200 Nokia1200 Y - Y Nokia1650 Nokia1650 YYYYYYYY Nokia1108 Nokia1108 Y - Y Nokia3100 Nokia3100 Y - Y Nokia6610i Nokia6610i Y - Y Nokia6610 Nokia6610 Y - Y SamsungS GH-X210 Samsung SGH- X210 Y MotorolaL 6 MotorolaL6 Y - Y SonyEricss onJ230i SonyEricss onJ230i Y LGKG110 LGKG110 Y - Y -----

Changes that should be incorporated in I-DDC :

bit 256K18bit 16M24bit

Client Side Scripting Maximum of designers use Java Script for client side scripting. Following issues to be dealt with while dealing with scripting :  Java script is to be processed locally on mobile. But all mobile phones do not posses that much of processing capacity.(Analysis required).  Different browsers process java Script using different technologies. (Some of them process java script on server instead of mobile handset. E.g.: Opera. )  Mobile browsers supporting java script do not support full versions of it, some features are omitted. This leads to a problem in giving version-wise standard.

Proposed I-DDC Delivery ContextDefault Value Usable Screen Width240px, minimum Markup Language SupportXHTML Basic 1.1 Character EncodingUTF-8 Image Format SupportJPEG, GIF89a and PNG Maximum Total Page Weight- Color Weight65536 Colors, minimum Style Sheet SupportCSS1 and CSS2 HTTPHTTP 1.1 ScriptECMA Script 3

MobileOK is a validation tool provided by W3C in order to deliver the Mobile Friendliness of web contents and check the level of Best Practices followed. The related specifications with Mobile-OK are: Mobile Web Best Practices 1.0 : Sixty Guidelines for delivering friendly Web content to all mobile devices. The mobileOK Basic Tests 1.0 : These tests contains the formal definitions of the tests based on Mobile Web Best practices run by Mobile-OK Checker. W3C Mobile-OK Checker

RELATIONSHIP BETWEEN MOBILEOK LIBRARY AND OTHER W3C STANDARDS. PAGE_SIZE_LIMIT Retrieve the document under test, if its size (excluding any redirections discussed under HTTP Response) exceeds 10 kilobytes, FAIL Add to a running total (total size) the size of all the HTTP retrieve the document under test Implementation of tests in Java Best Practices Tests Mobile Web Best Practices 1.0 Page Size :[Page_Size_usabl e] Divide pages into usable but limited size portions Mobile-OK Checker Java Library

Mobile-OK Checker Interface

Stakeholders needed for enabling Mobile web in India Mobile Manufactures Content Developers Service Providers Industry and Research Institute W3C India Mobile Web Initiative in India

Current activities: 3. Build a fresh Default Delivery Content (DDC ) for Indic Scripts 1.Review and enhancement of refined Mobile Web Best Practices for Indic Languages 2. Inclusion of new Mobile OK Basic Tests for Indic scripts based on refined guidelines 4. Implementation of W3C Mobile OK Checker – Initiated with Hindi Language

Important links :  Mobile Web Initiative  Mobile web Best Practices  Mobile OK Checker Mail us at :

Thank You!!