O'Reilly logo

jQuery Mobile: Up and Running by Maximiliano Firtman

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required