jQuery Mobile: Up and Running

Chapter 9. A Complete Webapp

In this chapter we are going to create a full application covering many topics that we’ve seen before in this book. We are going to create a mobile webapp for a conference. The main objectives will be:

• To be the official app for conference’s attendees

• Display an updated session list by room

• Provide useful information about the conference

If you are like me, it’s possible that you’ve attended lots of technical conferences in your life. And, as you know, network connections are usually not working properly. That is why our webapp will work offline on compatible devices and we will even be able to convert it to an offline app once we get through the next chapter.

Webapp Structure

The webapp structure will be simple to cover our functionality. It will cover the following:

• Home page

• Sessions

• Where

• Feedback

• About

Sessions will list all the available slots and every session per room per slot available. The session list will be delivered from the server using a JSON-like object that could be created from a server-side language, such as PHP or Java. We will not cover the server-side generation of this JSON or the Content Management System (CMS) to generate the database.

For iPhone, iPod, and iPad we will provide a chromeless application, so we will try to push the user to install our webapp in his system. If the user doesn’t want to install the webapp, we will provide an online version.

Our list of files will include the following HTML documents:

• index.html (covering the most ...