Proseguiamo il nostro percorso nel mobile web accostandoci ad un caso pratico. L'intento è fornire un esempio ragionato che possa servire da guida per l'adattamento di un sito già esistente. In queste pagine considereremo i vari passi necessari per favorire una trasformazione gradevole delle pagine web anche sul piccolo schermo dei dispositivi mobili. Non si vuole fornire una ricetta pronta, una procedura da applicare ciecamente alle pagine web, bensì un caso di studio utile per ricavare spunti operativi per altre situazioni progettuali.
A tale scopo abbiamo scelto di prendere in esame un sito web della Pubblica Amministrazione: il portale Italia.gov.it (http://www.italia.gov.it/). Si tratta di un caso funzionale ai nostri obiettivi, dal momento che possiede una struttura relativamente semplice, è costruito con un codice non troppo complesso e mantiene un'impaginazione mediante tabelle di layout. Inoltre, per ragioni istituzionali, tale sito è stato realizzato secondo le tecniche di accessibilità consigliate dal W3C, le quali – come si è visto – sono un primo passo in direzione della portabilità dei contenuti anche su piattaforme differenti da quelle consuete. La nostra azione si concentrerà sulla home page ma le nostre riflessioni potranno essere applicate senza particolari cambiamenti anche alle pagine interne.
Il lettore è naturalmente invitato a scegliere un proprio caso di studio (il sito della propria azienda o un portale consultato frequentemente) e cercare di replicare in tale contesto i nostri consigli.
Come vedremo, si tratterà di seguire alcune pratiche su un duplice piano: da una parte sarà necessario realizzare una serie di ottimizzazioni tecniche, dall'altra sarà importante stabilire priorità informative più attinenti alla dimensione della progettazione che a quella dell'implementazione.
Hammer.js, siti multi-touch per il mobileRendere responsive anche l'interazione oltre che il design dei... |
Nokia Windows Phone Developer DayIl 4 maggio 2012, Nokia, in collaborazione con Microsoft invita gli... |
HTML5 su Windows Phone Mango, grazie a IE9L'integrazione di Internet Explorer 9 ci permette di testare HTML5... |
Windows Phone SDK 7.1: novità al gusto di "Mango"Le novità dell'SDK della nuova release del sistema operativo mobile... |
Creare siti per iPhone con jQtouchCome creare in due minuti un sito per iPhone utilizzando jQtouch.... |
Guida jQuery MobileCreare siti mobile e applicazioni specifiche per Android, iPhone e... |
Windows Phone 7.5, guida alla creazione di applicazioniConoscere e lavorare con i principali strumenti di sviluppo.... |
Guida J2MEUn percorso per iniziare a sviluppare applicazioni per cellulari con... |
Ogni mese, direttamente nella tua e-mail: approfondimenti e articoli sullo sviluppo di siti Web per dispositivi mobili.
Iscriviti alla newsletter
|
|
Corso HTML508 Giugno 2012 a Milano |
|
|
Sviluppare applicazioni mobile Android02 Luglio 2012 a Milano |
|
|
Corso HTML530 Maggio 2012 a Roma |
|
|
Sviluppare applicazioni mobile Android10 Luglio 2012 a Roma |