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.