Skip to main content
Working from scratch, following simplicity

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

 Full screen

Add new comment

The content of this field is kept private and will not be shown publicly.

Plain text

  • No HTML tags allowed.
  • Web page addresses and email addresses turn into links automatically.
  • Lines and paragraphs break automatically.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.

Add new comment

The content of this field is kept private and will not be shown publicly.

Plain text

  • No HTML tags allowed.
  • Web page addresses and email addresses turn into links automatically.
  • Lines and paragraphs break automatically.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
Sponsored Links
PubblicitĂ 

Nicola Rainiero

A civil geotechnical engineer with the ambition to facilitate own work with free software for a knowledge and collective sharing. Also, I deal with green energy and in particular shallow geothermal energy. I have always been involved in web design and 3D modelling.