| By Udayan Banerjee | Article Rating: |
|
| March 27, 2012 11:45 AM EDT | Reads: |
8,879 |
Gartner says, in three years, mobile application development projects will outnumber PC projects by 4-1 ratio and in four years, 50% of the people will primarily access their emails from a mobile device. So, the necessity of establishing a mobile channel for your customer is – well a no-brainer. However, should you just build a mobile website or should you also invest in building native applications is not easy to decide. There can be no doubt that you need to have a website optimized for mobile devices. What is the best way to build and maintain that website is not a simple decision.
There are many tools of different types available in the market but it's not strictly necessary to use any of them as each mobile platform comes with its own toolset.
The cross-platform tolls can broadly be classified into five categories. They are:
(1) Mobile Web (JavaScript-CSS library),
(2) Visual Tool (No access to Code),
(3) App Generator (Native application for multiple platform),
(4) Hybrid App (Leverages embedded browser control) and
(5) Game Builder.
[Here is an overview of the different types of tools].

Should you use any tool to create mobile website for smartphones? Why can’t you directly code in HTML5 – after all most mobile browsers now support HTML5.
Well, there are six things you can expect from a tool:
- UI component and widget library to give you a head start with AJAX features.
- Style-sheet and skin to make the site look like a native application.
- Simplified touch event handling.
- Provide simplified mechanism for data manipulation, local storage and caching.
- Create an abstract layer for client-server interaction.
- Visual design and debugging tool.
You can, off course, decide to write the framework yourself, but that will require effort.
How to decide which tool is right for you?
There are many tools available and there is no clear market leader. Each tool has its own strength and weakness – you need to match them with what is important for you and what you can live without.
Here are some criteria that you need to consider:
- Do you want a toolkit which has already established itself as an RIA tool or are you looking for a tool which is optimized for mobile?
- Are you willing to consider an evolving product which looks promising?
- Do you want a lightweight tool or a tool with comprehensive features?
- Do you require full documentation?
- Are you planning to modify / extend the library?
- To you, how important is an active user base?
- Do you require only UI library or do you need a complete framework?
Here are 10 tools – the ordering is alphabetic.
1. DHTMLX Touch
- Home page: Link
- Genesis: From AJAX tool – full feature
- Version: 1.0 Released on 14 Nov 2011
- Licensing: GNUv2 or Commercial
- Download: Link on home page
- Documentation: Available
- Sample application: Available
- Implementation: No reference
- Wikipedia: Yes
- Additional: Skin builder and visual designer (sluggish)
- Article on how to use: How to build a login screen on netmagazine.com
2. iUI
- Home page: Link
- Genesis: From iPhone specific framework – UI only
- Version: 0.40-alpha1
- Licensing: new BSD / MIT – also available in Google Code
- Download: Here
- Documentation: Available
- Sample application: Available
- Implementation: Available
- Wikipedia: Yes
- Additional: Guide for hosting in Google App Engine
- Article on how to use: Build an iPhone-Optimized Website on webmonkey.com and Instant mobile site on Un-ideal
3. jQTouch
- Home page: Link
- Genesis: Started as a JQuery plugin – now a part of Sencha Labs
- Version: Beta 3
- Licensing: MIT – also available in Google Code and GitHub
- Download: Here
- Documentation: Not Available
- Sample application: Here
- Implementation: No reference
- Wikipedia: Yes
- Article on how to use: A mobile WebKit JavaScript framework on ajaxian and A weekend with jQTouch by David Vielmetter
- Book: Working with jqTouch to Build Websites on Top of jQuery
4. jQuery Mobile Framework
- Home page: Link
- Genesis: From web reporting tool – primarily UI
- Version: 1.0 Released on 16 Nov 2011
- Licensing: GPL or MIT – also available on GitHub
- Download: Here
- Documentation: Available – details of device supported
- Sample application: jQuery Mobile Gallery
- Implementation: Here and Here
- Wikipedia: Yes
- Additional: Theme Builder
- Article on how to use: How to Build an RSS Reader on net-tuts+ and Creating a Website on MiamiCoder (many more can be found under jQuery Mobile Gallery)
- Book on how to use: jQuery Mobile
- Community: http://www.jquery4u.com
5. Sencha Touch
- Home page: Link
- Genesis: From AJAX tool – full feature
- Version: 1.1.1 or 2.0.0 developer preview
- Licensing: GPLv3 or Commercial
- Download: Here
- Documentation: Available
- Sample application: Available
- Tutorial: Here
- Implementation: Available
- Wikipedia: Yes
- Article on how to use: The HTML5 Mobile App Framework on mobile-tuts+ and Developing the mobile portfolio tracker on Learn Some Things
6. Sproutcore
- Home page: Link
- Genesis: Targeted for all HTML5 site – uses a Ruby engine
- Version: 1.6
- Licensing: MIT – also available of GitHub
- Download: Here
- Documentation: Available
- Sample application: Not Available
- Tutorial: Here
- Implementation: No reference
- Wikipedia: Yes
- Article on how to use: Build mobile applications by IBM
7. WebApp.net
- Home page: Link
- Genesis: Mobile only framework – full feature
- Version: 0.5.2
- Licensing: Beta
- Download: Link on home page
- Documentation: Available
- Sample application: Here
- Implementation: No reference
- Wikipedia: Yes
8. Wink Toolkit
- Home page: Link
- Genesis: Started in France Telecom – Orange Labs 3 years ago – now part of Dojo Foundation – full feature
- Version: 1.4
- Licensing: BSD
- Download: Link on home page
- Documentation: Available
- Sample application: Here
- Tutorial: Here
- Implementation: http://guidetv.m.orange.fr/, http://www.oxxone.com and http://m.ineditcaen.fr/
- Wikipedia: Yes
- User Forum: Yes
9. XUI
- Home page: Link
- Genesis: Started in 2008 to complement PhoneGap – primarily a DOM library – does not have components for UI
- Version: 2.3.2
- Licensing: MIT – also available in Google Code
- Download: Here
- Documentation: Available
- Sample application: Here
- Implementation: No reference
- Wikipedia: Not available
10. Zepto.js
- Home page: Link
- Genesis: Mobile only – lightweight – full feature
- Version: 0.8
- Licensing: MIT – also available on GitHub
- Download: Link on home page
- Documentation: Minimal on GitHub
- Sample application: No reference
- Implementation: No reference
- Wikipedia: Not available
Do let me know if there are any errors or omissions in the details I have provided.
[Update: Here is one more platform - from Dojo]
Next >> Mobile Visual Development Tools
<< Previous - Mobile Cross-platform Tool Classification
Published March 27, 2012 Reads 8,879
Copyright © 2012 SYS-CON Media, Inc. — All Rights Reserved.
Syndicated stories and blog feeds, all rights reserved by the author.
More Stories By Udayan Banerjee
Udayan Banerjee is CTO at NIIT Technologies Ltd, an IT industry veteran with more than 30 years' experience. He blogs at http://setandbma.wordpress.com.
The blog focuses on emerging technologies like cloud computing, mobile computing, social media aka web 2.0 etc. It also contains stuff about agile methodology and trends in architecture. It is a world view seen through the lens of a software service provider based out of Bangalore and serving clients across the world.
The focus is mostly on...
- Keep the hype out and project a realistic picture
- Uncover trends not very apparent
- Draw conclusion from real life experience
- Point out fallacy & discrepancy when I see them
- Talk about trends which I find interesting
- Agile, Offshoring and Dreyfus Model of Learning
- Are Large Software Projects like Eating an Elephant?
- Distributed Team in Different Timezone and Product Ownership
- Is Agile Elitist?
- Evolutionary Architecture and Conway’s Law
- Four Prerequisites for Reducing Sprint Duration
- How do you think?
- Introduction to Algorithms, Heuristics and Meta-heuristics
- Ant Colony Optimization
- Searching for causation
- Twelve New Programming Languages: Is Cloud Responsible?
- Cloud Economics – Amazon, Microsoft, Google Compared
- Eleven Reasons Why Windows Phone Will Overtake Android
- The Evolution of Cloud Computing
- TOGAF Foundation Level Certification – Another Practice Test
- Gartner Hype Cycle 2011 - Emerging Technologies
- Write Once Run Anywhere or Cross Platform Mobile Development Tools
- Is Write Once Run Anywhere Ever Going to Be a Reality?
- Agile Adoption – Crossing the Chasm
- TOGAF Foundation Level Certification – Practice Test
- Cross-Platform Hybrid Mobile Application Development
- Why is Enterprise Architecture Dying?




















