| By Udayan Banerjee | Article Rating: |
|
| January 23, 2012 11:15 AM EST | Reads: |
2,874 |
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.
Published January 23, 2012 Reads 2,874
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
- Three Tips to Successfully Load Test Adobe Flex Applications
- Patterns for Building High Performance Applications
- It's the Java vs. C++ Shootout Revisited!
- Asynchronous Logging Using Spring
- Graal, a Dynamic Java Compiler in the Works
- Cross-Platform Mobile Website Development – a Tool Comparison
- Write Once Run Anywhere or Cross Platform Mobile Development Tools
- Three Buzzwords That Every CIO Hears but One They Should Listen To
- Cloud Expo New York: The Java EE 7 Platform - Developing for the Cloud
- Immersing into JavaScript Frameworks
- Workday Reportedly Prepping to Go Public
- Book Review: Sams Teach Yourself Java in 24 Hours
- Three Tips to Successfully Load Test Adobe Flex Applications
- Book Excerpt: Introducing HTML5
- Five Years Waiting for JRE 7: Is It Justified? (Part 1)
- Book Excerpt: Java Application Profiling Tips and Tricks
- i-Technology in 2012: Five Industry Predictions
- Patterns for Building High Performance Applications
- It's the Java vs. C++ Shootout Revisited!
- OpenXava 4.3: Rapid Java Web Development
- The Next Web Architecture
- Asynchronous Logging Using Spring
- Java for Programmers (2nd Edition)
- Graal, a Dynamic Java Compiler in the Works
- A Cup of AJAX? Nay, Just Regular Java Please
- Java Developer's Journal Exclusive: 2006 "JDJ Editors' Choice" Awards
- JavaServer Faces (JSF) vs Struts
- The i-Technology Right Stuff
- Rich Internet Applications with Adobe Flex 2 and Java
- Java vs C++ "Shootout" Revisited
- Bean-Managed Persistence Using a Proxy List
- Reporting Made Easy with JasperReports and Hibernate
- Creating a Pet Store Application with JavaServer Faces, Spring, and Hibernate
- Why Do 'Cool Kids' Choose Ruby or PHP to Build Websites Instead of Java?
- What's New in Eclipse?
- i-Technology Predictions for 2007: Where's It All Headed?























