Rilievo del traffico con jQuery Mobile

Submitted by Nicola Rainiero on 2013-04-25 (last updated on 2013-05-30)

Ho convertito la mia vecchia applicazione scritta in Python e limitata ai soli cellulari S60 in una moderna webapp funzionante su qualsiasi browser internet recente. Per fare questo ho utilizzato jQuery Mobile ed è stato molto semplice, nonostante la mie terribili capacità di programmazione. Segue l'app e qualche breve commento.

Prima di introdurla, ricordo che nell'articolo Rilievo del traffico con una app per S60, spiego le ragioni che mi avevano portato a scrivere questo software in Python per il mio smartphone. In questo nuovo restyling ho usato questi framework e plugin:

JQuery Mobile è un framework ottimizzato per il touch e sviluppato dallo stesso team di jQuery. Lo scopo è quello di creare un framework compatibile con la maggior parte degli smartphone e tablet presenti sul mercato, come si può constatare guardando la seguente tabella pubblicata da Wikipedia: Mobile browser support. Difatti sul browser nativo del mio cellulare non funziona bene, ma usando Opera Mobile 10.1 gira senza problemi. L'unico neo è che non riconosce la pressione dei tasti e devo usare unicamente il puntatore.

Questo framework mi ricorda la filosofia di Beamer, perché un unico file HTML può contenere una o più pagine, per esempio nel mio programmino la pagina About è così definita:

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

Per capire come funziona ed iniziare a scrivere le prime applicazioni consiglio questi due siti:

La mia app per il rilievo del traffico

 Full screen




Related Content:

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.

Comments

erik (not verified)

Thu, 05/30/2013 - 22:17

scusa ma perché ti funziona male? che cellulare hai?
jquery mobile è supportata bene sugli android e sugli iphone (ma anche su keon e peak mentre un pò meno su tutti gli altri: windows phone, symbian, bada, blackberry, ... ?)
una nota veloce sul save, potresti usare il localstorage o un websql per salvare i dati in locale.
(oppure spedirli ad un server con $.ajax)
inoltre è normale che tu non riesca ad intercettare la pressione dei tasti, sul browser opera mobile questo evento è generato solo sui campi di input; ma non è che su altri browser funzioni meglio, in molti browser android di serie viene ad esempio aperta la navigation bar, etc.
ciao.

Mi funziona male quando uso il browser di fabbrica del mio scassato telefonino (un Nokia N78), per il resto con Opera va alla grande. Sul save e sulla intercettazione dei tasti hai perfettamente ragione, tra l'altro il localstorage l'ho scoperto solo da poco. Probabilmente in una prossima applicazione lo implementerò. Grazie per le dritte.P.S. Ho unito i tue due commenti che erano finiti in sezioni differenti.

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.