Thursday, November 22, 2012

Developing Mobile Website

There are various options available for Mobile application. Many times we prefer to develop unique apps for each mobile devices or OS. The other option is to have a single highly-branded web site or application that will work on all popular smartphone, tablet, and desktop platform.


Mobile Web application development: 
Developing a web application for Mobile is going to be definitely faster. It does not require specific skills to develop a web application.You do not need to do OS specific coding.There is no need to hire Android developer and Iphone developers separatly to build device specific Application. However there is also a downfall here which is with respect to usability. 
The user will not get device specific rich interfaces and It will have limited animation. This means we have to take proper judgement on the basis of the feature the website is going to provide.quesion which we should think are
  • Does It require Rich UI? 
  • Will my web application suffice the user needs withe least amount of time without downloading any thing to their device?
Developing a Mobile application
Mobile development is more than cross-browser; it should be cross-platform
Android user could access your site using the native Android browser, or could have also installed Opera Mini or Firefox Mobile.
Lets see few browsers which are available on dfiffent devices:
•Opera Mobile
•Skyfire
•Safari
•Google Android
•Microsoft IE for Mobile
•Firefox Mobile

Redirect to mobile Sub domain:
Based on the user agent the main domain will redirect to its mobile domain.
eg. User Agent for Froyo on a Nexus
Mozilla/5.0 (Linux; U; Android 2.2.1; en-us; Nexus One Build/FRG83) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
The "Mobile" string in the User Agent indicate that the request has come from a mobile device. For eg Facebook will redirect to their mobile web site m.facebook.com.

Apply mobile stylesheets:
Here we will apply the stylesheet which are specific to mobile only.

Jquery Mobile:
The advantage here is that jQuery mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique apps for each mobile device or OS, the jQuery mobile framework allows you to design a single highly-branded web site or application that will work on all popular Smartphone, tablet, and desktop platform.

The framework includes an Ajax navigation system that brings animated page transitions and a core set of UI widgets: pages, dialogs, toolbars, listviews, buttons with icons, form elements, accordions, collapsibles, and more.

The most significant thing about Jquery mobile is that same piece of code automatically handles the device and based on the space and available It adjusts as per the ambient accordingly .This framework has been tested on most of the mobile devices and mobile browsers. 

Restrict to core featutes:
 Since there is limitation of space available because of reduced screen size we can provide the core functionality only. For eg The screen will have  header , page-content, and footer only.No need to have menu list either on the Left or on below the Header section. This ensures that the core feature will have optimum space to be shown in most fashionable and appealing look.



No comments:

Post a Comment