Mobile App Tutorial: The Meeting Room Booking App, Part 2

This is the second part of a mobile development tutorial where we are building a Meeting Room Booking app that allows its users to browse an inventory of meeting rooms and reserve rooms for conference call and other events.

An expanded version of this tutorial will be included in my upcoming Mobile Web Apps Recipes Book, where I will show you how to develop 8 different mobile applications using Ionic, Sencha Touch, Kendo UI Mobile and jQuery Mobile.

In the first part of this series we created the wireframes for the screens that will allow users to book rooms. Here’s the link to the article:

In this article we will continue with the design of the app’s GUI.

Refactoring the “Booking a Room” Wireframes

We will start with a small refactoring of the wireframes of the screens that will allow the user to book a room.

Continue Reading →

Adding a Custom “Page Load Failed” Behavior to A jQuery Mobile Application

In this tutorial you will create a simple jQuery Mobile app with features that can be used without an active connection with a remote server, and features that require an active connection. If the app is offline and the user tries to access an online-only feature, you will pop up a message letting the user know that the feature will become available when the app is back online. To achieve this you will override the default “page load failed” behavior in jQuery Mobile.


This example is based on one of my recent projects; a service calls app where features such as creation of estimates and updating of job statuses are used on the field and without an active connection to the server in the office, while backoffice features that handle sensitive information – clients, users, and roles administration – require an active connection.
Continue Reading →

jQuery Mobile Sample: Executive Dashboard

In this tutorial you will build a jQuery Mobile app based on an Executive Dashboard prototype that I put together some time ago while working on my  jQuery Mobile book. The app consists of a screen that renders charts and a summary table, all displaying important performance indicators for a hypothetical business. You will find it useful as a starting point for a dashboard-type application using jQuery Mobile.


Continue Reading →

New Book – How to Build a jQuery Mobile Application

I just published How to Build a jQuery Mobile Application, a book that will teach you the essential skills you need to succeed developing apps with jQuery.

As I do in the tutorials on this blog, the book follows a hands-on approach, walking you through the process of building a jQuery Mobile application. Here are some of the subjects you will learn:

  • jQuery Mobile pages, dialogs, and navigation
  • List view and master-detail user interfaces
  • Capturing user input with form elements
  • Saving application data on the device
  • Synchronizing application data with a server

If you like to learn by doing, this is a book for you.

Check It Out

You can preview the book here: Learn more about How to Build a jQuery Mobile Application.

You can download the book here: Download How to Build a jQuery Mobile Application.

Thanks to the Reviewers

I would like to thank @BISQLDave, @JTMcGibbon, @jonstieglitz, and @alberto_velaz for their feedback and help creating this book.

What Do You Think?

I would also like to hear what you think about the book and how I can make the next version better. Please leave a comment if you have a few minutes.