Web-based mobile apps

Web apps are HTML5, CSS, and JavaScript-based apps running in mobile browsers. There are two different ways of building mobile web applications that work with Drupal - integrated with Drupal at the theme layer, or a standalone mobile web app that talks to Drupal using web services. Either approach will work for building mobile web applications, but it is easier to get started by integrating the mobile web app into Drupal as a theme.

Mobile Web Toolkits

Several different mobile web application toolkits exist, with varying degrees of support for smartphones, tablets, and feature phones. The two general approaches to building a mobile web application toolkit are to work from HTML5/CSS (jQuery Mobile, jQTouch), and to work from Javascript (Sencha Touch, Enyo). The HTML5/CSS toolkits are somewhat easier to adapt to Drupal. The Javascript frameworks don't integrate with Drupal at the theming layer, so the process for development is similar to building a native mobile app.

• jQuery Mobile
• Enyo JS
• Sencha Touch
• jQTouch
• Jo
• jqMobi
• DrupalGap

Additional Resources for jQuery Mobile and Drupal

• drupal.api.js - An object-oriented JavaScript API library to interact with Services 3.x. Great for use within Drupal Mobile applications such as PhoneGap, etc.
• Building a mobile site in 45 minutes using Mobile Tools and Jquery Mobile - presentation by Michael Herchel at Florida Drupal Camp 2012
• jQuery Mobile - presentation by Jason Savino on the Mobile jQuery theme and the jQuery Mobile module at DrupalCamp New Hampshire 2011
• Building a mobile Drupal site - presentation by Mark Jarrell at DrupalCamp Nashville 2011
• Drupal on the go with jQuery Mobile - presentation by Tim Cosgrove and Brian McMurray at DrupalCon Chicago 2011
• 960.gs on jQuery Mobile - not a Drupal module, but still useful if you are planning to build the web applications for tablets with jQuery Mobile
• jDrupal - JavaScript Library for Drupal REST (Services)