Mobile  »  Articoli  »  Mondo Mobile 

In un precedente articolo abbiamo introdotto i principi di base per progettare siti e applicazioni web per iPhone. In questo passeremo alla parte pratica, introducendo alcuni strumenti che semplificano la creazione vera e propria di pagine Web e seguendo passo per passo un esempio pratico di semplice sito Internet basato su una delle soluzioni proposte.

Nel nostro articolo useremo il plugin per jQuery chiamato jQtouch. Abbiamo preparato un sito per iPhone dimostrativo (e navigabile anche da browser tradizionale), mentre per chi volesse sperimentare in proprio lo strumento abbiamo messo a disposizione il file in formato zip da navigare sul proprio Pc. Chi volesse subito sapere come si crea un sito per iPhone con jQtouch può passare a pagina 2, qui sotto indicheremo invece alcuni degli altri framework e strumenti disponibili.

Soluzioni per lo sviluppo

In rete sono disponibili alcune soluzioni, librerie, framework e plugin per velocizzare le procedure di sviluppo di applicazioni e siti Web per la navigazione in mobilità; tra le più conosciute e utilizzate ci sono:

• jQuery Mobile: un framework basato su jQuery e jQuery UI pensato appositamente per lo sviluppo di prodotti multi-piattaforma e multi-dispositivo utilizzabili tramite touchscreen, al momento è ancora in versione alpha ma mette a disposizione buona parte delle funzionalità necessarie per creare applicazioni complete. Il suo maggior pregio risiede nel fatto di essere stato pensato appositamente per garantire un alto livello di compatibilità con la maggior parte delle piattaforme per il mobile più diffuse (iOS, Android, BlackBerry, Windows Phone 7 etc.). Rilasciato sotto licenza open source.
• Sencha Touch: creato dagli stessi sviluppatori del framework JavaScript ExtJS (non costituisce però una sua estensione), può essere di semplice impiego per chi già conosce questo tipo di librerie, la curva di apprendimento può invece risultare più ripida  per chi è abituato ad utilizzare soluzioni differenti come jQuery; lì dove jQuery Mobile ha lo scopo di integrare una comune pagina HTML con funzionalità specifiche, Sencha Touch genera invece un proprio Document Object Model basato su oggetti creati da JavaScript. Quest’ultimo offre inoltre un buon numero di componenti per le interfacce utente e un supporto specifico per iPad; rilasciato sotto licenza GPL per il solo sviluppo di applicazioni open source, è un ottimo strumento per lo sviluppo di Web application, mentre potrebbe risultare sovradimensionato per la realizzazione di progetto meno complessi come semplici pagine Web.
• IUI: un framework per lo sviluppo di applicazioni Web destinate al mobile ed in particolare per l’iPhone e dispositivi compatibili, fornisce librerie JavaScript, regole CSS e componenti grafiche pronte all’uso; gestisce le problematiche relative ad orientamento e rotazione ed è particolarmente adatto per coloro che non hanno conoscenze approfondite su JavaScript; il progetto, ancora in fase beta e rilasciato sotto licenza BSD, soffre purtroppo di un’eccessiva lentezza nel rilascio di aggiornamenti.
• JQtouch: rilasciato sotto licenza MIT, non è propriamente un framework ma un plugin per jQuery nato in seno ai laboratori Sencha; ottimizzato per WebKit, concepito per realizzare prodotti destinati alla fruizione tramite display di piccole dimensioni, è al momento in versione Beta 3 ed è estremamente semplice da utilizzare nonché particolarmente adatto ai neofiti, esso infatti  permette di essere immediatamente operativi se si posseggono conoscenze basilari relativamente ad HTML, JavaScript e CSS, per questo motivo è stato scelto come libreria di riferimento per l’esempio pratico di sviluppo presentato in questa parte della trattazione.

Nelle prossime pagine vedremo dunque come creare un vero e proprio sito web con jQtouch.

Altri articoli

Altre guide

Altre newsletter