Mobile Web Articles by CEO
- Introduction to jQuery Mobile (developerWorks)
What is Mobile Web?
The Mobile Web is the Web as we know it, but applied or adapted to mobile handsets.
The Mobile Web content is described similarly to how content is described on the typical Web; this is using (a variant) of HTML (XHTML Mobile Profile), and CSS, and scripting.
Mobile Web content is transported over the Internet similarly to how Web content is; this is over HTTP.
Mobile Web started back in the days of Handheld Device Markup Language Specification (HDML) circa 1997, followed by WAP’s WML, and today the more standards-based WAP 2.0, while the future might be about the Web Integration Compound Document (WICD), which is based on XHTML Basic 1.1, CSS 2.1 Mobile Profile, ECMAScript 3rd Edition Compact Profile and other).
The Mobile Web is still evolving, with new approaches, techniques and technologies, including web-based Widgets, AJAXs, Flash, mashups, and the aforementioned WICD, all playing a role in the future of the Mobile Web.
There are special considerations when creating content or applications for the Mobile Web, including screen sizes, content description, content adaptation, device identification and management, content caching, and a different angle to the user experience that is specific to mobile.
As we move on, browsers will evolve in support of technologies that allow for rich and dynamic, even occasionally disconnected browser-based applications with access to local resources.
What technologies are used to create Mobile Web Applications?
The following technologies are used to create mobile web applications:
- HTTP for network transport
- XHTML Mobile Profile (MP) for Mobile Web Content – XHTML Basic with the addition of a number of tags not included in XHTML Basic
- CSS for style sheets – Style sheets define how content should be rendered by the browser, such as color and background, fonts, list and text style properties, as well as Padding, Border, Margin, Visual Formatting. Most of the CSS properties are optional. They can be defined externally, internally or inline. Style sheets are convenient, but it is recommended to keep them simple to minimize complex processing, affecting the application’s performance. For more information see XHTML Mobile Profile and CSS Reference
XMLHttpRequestfor AJAX behavior
The figure below illustrates the relationship between WAP 2.0, and XHTML markup languages for mobile.
What is WICD?
The W3C Web Integration Compound Document (WICD), and its mobile version, the WICD Mobile 1.0 specification is going to be a very important piece moving forward for Mobile Web and mobile browsing, and in the convergence between rich-local clients and browser-based technologies.
The WICD Mobile profile is primarily designed to enable rich multimedia content on mobile handset devices. These are devices with:
- small, narrow screens (approximately 2 to 4 inch, up to 30-40 characters per line)
- 4- or 8-way joystick navigation (no pointing device)
The WICD Mobile specification defines (standardizes) the use of the following for Mobile Web:
- XHTML Basic 1.1
- ECMAScript 3rd Edition Compact Profile
- CSS 2.1 Mobile Profile
- SVG Tiny 1.2
- Bitmap formats
- Audio formats
- Video formats
- User Agent Identification
- DOM Level 3
- XMLHttpRequest object
- Focus Navigation Model
What is Mobile AJAX?
XMLHttpRequest object, to request page segments (HTML, XML and DOM, and CSS) that are dynamically parsed and rendered, resulting in web pages that are more dynamic and interactive; the end-result is a better user experience.
AJAX has its benefits, such as enhanced user experience, and potential for better bandwidth utilization, but also has its concerns related to client battery life, scripting complexity, as well as server security, scalability and architecture.
Applied to Mobile, or Mobile AJAX, is the same idea as explained above, about performing asynchronous HTTP requests, combined with CSS, DOM, XML and HTML, potentially resulting on an better user experience.
AJAX is fragmented; the
XMLHttpRequest object itself is fragmented, with different behaviors by different browsers. Fortunately, the W3C is standardizing the
XMLHttpRequest and related technologies. For example, Mojax is not AJAX, nor other Java ME-based products that claimed to be AJAX-based.
Note that Mobile AJAX is not the same as Mobile Widgets, but Mobile Web Widgets could certainly use AJAX techniques.
Note that AJAX all by itself is not sufficient to deliver or maximize to mobile user experience — see “What are some of the characteristics that future mobile browsers must exhibit to make Mobile Web rich, highly-interactive, and able to fully exploit the handset’s capabilities?” below.
What are some of the characteristics that future mobile browsers must exhibit to make Mobile Web rich, highly-interactive, and able to fully exploit the handset’s capabilities?
AJAX all by itself is not sufficient to deliver or maximize the mobile user experience. In addition to AJAX, future mobile browsers must support the following:
- Provide full support to WICD Mobile specification — see "What is WICD" above.
- Support for disconnected or offline browsing (cache), allowing the Mobile Web application operate as an occasionally connected application.
What is dotMobi?
.mobi is a top level domain dedicated to mobile devices, primarily mobile web applications.
dotMobi is a company formed to manage, and which was appointed by ICANN as the official global registry for, the
.mobi top level domain. Note that dotMobi is an informal name, and the company’s real name is "mTLD Top Level Domain, Ltd."
List of Mobile Widget Applications and Tools
[Apologies, some of the links below are broken; will be fixing shortly]
- Develop mobile widgets with Yahoo! Blueprint
- W3C Widgets 1.0
- dotMobi developer’s page (dev.mobi)
- dotMobi Mobile Web Developers Guide
- Brian Fling’s “Everything you always wanted to know about the mobile web… but were afraid to ask”
- Mobile Web Developer’s Guide Part I (dev.mobi)
- A Response to “Mobile Web 2.0: AJAX for mobile devices as the preferred platform for mobile app development”
- Will AJAX Save The Day (for Mobile Apps Development)?
- Writing Consistent Mobile Browser Content can be found in the Sprint PCS developer site — requires registration
- W3C WICD Mobile 1.0
- Mobile Web – It’s about the (mobile web) runtime
- Mobile AJAX Today
- Widgets, Fragmentation and Need for a Common “API”
- W3C has released Widgets 1.0: Working Draft
- Mobile 2.0 – Promoting Advancement by Removing Silos