My traffic surveys app using jQuery Mobile

I have tried to adapt my old Python application written for S60 smartphones into a modern webapp which should be able to work in any recent internet browser. Therefore I have used jQuery Mobile to convert it and it was very easy, nevertheless my terrible programming skills. Below there is my final app and some description.

Before introducing my converted application, you can read in the article called From the past: a traffic survey App for S60 the reasons that brought me to write a Python software for my phone. In this new restyling I use the following frameworks and plugin:

• jQuery 1.9.1
• jQuery Mobile 1.3.1
• JQuery Countdown plugin

JQuery Mobile is a touch-optimized web framework currently being developed by the jQuery project team. The development focuses on creating a framework compatible with a wide variety of smartphones and tablet computers. Wikipedia offers a Mobile browser support chart too. Actually the native browser of my phone doesn't work properly, however the Opera Mobile 10.1 works well, the only problem is that doesn't recognize the numerical keypresses and I must use the scroll key.

This framework remember me the philosophy of Beamer, because a unique HTML file contains the definition of one or more pages, for example in my software the About page is:

<div data-role="page" id="about" data-add-back-btn="true">

 <div data-role="header">
 <h1 class="lang_title">Traffic Surveys webapp</h1>
 </div>
 
 <div data-role="content">
 <p class="lang_description">
This program let you to count the traffic using your smartphone. You can touch the correct button or press the 1, 3, 7 and 9 keys.
 </p>
 </div>

 <div data-role="footer" data-position="fixed">
 <h4>By Nicola Rainiero - <a href="http://rainnic.altervista.org">rainnic.altervista.org</a></h4>
 </div>

</div>

Traffic Surveys webapp