Introduction

The new HTML5 and JavaScript-based client is an important companion to our Silverlight-based desktop client that addresses the increasing need to build touch-oriented business applications that run well on modern mobile devices. 

In this tutorial, we’ll build a touch-first, modern experience for mobile devices.  To help ground the tutorial, we’ve created a fictional company scenario that has a need for such an application.

Building the Sample

Download the source files to a machine that has Visual Studio 2012 Update 2 installed. Follow the steps described in the Contoso Moving Tutorial to build a LightSwitch HTML client using these files.

Helpful Resources

As you walk through this tutorial, please bear in mind that there are useful resources available to help you should you get stuck or have a question:

The Contoso Moving Application

Contoso Moving is an application that’s used by Contoso Movers, Inc. to take the inventory of customers’ residences prior to moving.  The data collected via the application helps Contoso Movers determine the resources required to move a particular client’s belongings—how many trucks, people, boxes, etc. need to be allocated. The application is comprised of two clients that serve distinct business functions:

  1. Schedulers use a desktop application to service new customer requests and create appointments. This application is a rich desktop application primarily geared towards heavy data entry with the keyboard and mouse, since Schedulers are on the phone with customers a lot and need to enter quite a bit of information into the system during the course of a day.
  2. Planning Specialists use a tablet device to quickly take inventory—on location—of each residence on the specialist’s schedule for the day. Taking inventory involves detailing each room in the residence, its size and entry requirements (if any), and listing its contents. Pictures are often taken of each room so the movers have a point of reference when they arrive. Secondarily, Planning Specialists may make notes about parking restrictions for the move team (i.e., where they can park the truck during the move).

This tutorial walks through building out the mobile client used by Contoso Movers’ planning specialists.