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 →

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

The Meeting Room Booking AppMeeting room management is a common facilities management need for different kinds of businesses. The mobile app tutorial that we are starting with this article is a Meeting Room Booking app that allows its users to reserve rooms for meetings and other types of events. The app will also have an administration feature through which designated users can enter, edit or delete meeting rooms.

My initial plan for this tutorial is to develop two versions of the app. One using a Sencha Touch frontend, and the other using a Kendo UI Mobile frontend.

Continue Reading →

Remote Grouping in a Sencha Touch Store

In this article you are going to learn how to perform remote grouping in a Sencha Touch Store using a .Net backend. These are the topics that the tutorial covers:

  • Using a Sencha Touch Store’s grouper config
  • Using the Store Class’s remoteGroup config
  • Using the Store Class’s setGrouper method
  • Using the Store Class’s setGroupField method
  • Using the Store Class’s setGroupDir method

Creating the Sample App

The app we will use as a testbed is almost an exact copy of the one we used in the Sencha Touch Stores client-side grouping tutorial I published recently.

You can use any version of Visual Studio to create your project. Once you create a Visual Studio Project for the app, create the following directories and files:

remote grouping in a sencha touch storeContinue Reading →

Grouping in a Sencha Touch Store

In this article you will learn the approaches to performing grouping in a Sencha Touch Store. These are the topics that the article covers:

  • Using a Sencha Touch Store’s grouper config
  • Using the Store Class’s setGrouper method
  • Using the Store Class’s setGroupField method
  • Using the Store Class’s setGroupDir method

We will use a small application to try the different Sencha Touch Store grouping features available. The app will have the following directories:

stores-grouping-1

Continue Reading →