Rilievo del traffico con jQuery Mobile
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 1.9.1
- jQuery Mobile 1.3.1
- JQuery Countdown 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:
- jQuery Mobile: Demos and Documentation
- Tutorial jQuery Mobile: come creare una semplice web app per smartphone di Fabio Collini
La mia app per il rilievo del traffico
Full screen |
Commenti
che modello di cellulare hai? e onkeypress opera mobile
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.
Re:
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.
Aggiungi un commento