Convertire una WebApp per iOs/Android su Nokia WRT

Analogamente a quanto fatto da PhoneGap, la tecnologia Nokia WRT permette di realizzare semplici applicazioni native per terminali Symbian e Meego partento da una WebApp e incapsulando le pagine web all’interno di un pacchetto installabile come applicazione nativa.

Le applicazioni WRT (chiamate widgets) non hanno bisogno di essere firmate e possono essere pubblicate su Nokia Store.

Invece scaricare i contenuti web dal server, è possibile incorporare tutti i file e le risorse web nel pacchetto widget.
Come un widget WRT, l’applicazione può essere utilizzata offline e connettersi al web solo per gli aggiornamenti dei contenuti. L’avvio dell’applicazione risulta quindi più veloce e non è limitato a problemi di banda.

Le API fornite (Nokia Services Platform API) danno libero accesso alle funzionalità del dispositivo (rubrica, messaggi, gps, accelerometri, fotocamera) con semplici chiamate javascript (anche qui vediamo parecchie analogie con PhoneGap).

Sia iPhone che i browser per dispositivi S60 5th Edition utilizzare il motore WebKit: il rendering e l’elaborazione dei contenuti web è simile (purtroppo non uguale) su entrambe le piattaforme.

Porting dell’interfaccia

La risoluzione dello schermo dei dispositivi S60 5th Edition è di 640 x 360 pixel, mentre in iPhone lo schermo è 320 x 480 pixel (640×940 nei modelli retina).

Il browser WebKit fornito con symbian supporta:

• HTML 4.01, XHTML 1.0/1.1 e XHTML Mobile Profile (MP)
• CSS 2.1
• JavaScript 1.5
• XMLHttpRequest per l’Ajax
• Schemi URL per invio SMS, invio mail, telefonate, Maps e YouTube

Il browser di iOs si basa su una nuova versione di WebKit, quindi i dispositivi symbian non supportano l’uso di:

• CSS 3.0
• Funzionalità HTML5 (comprese le funzionalità offline)
• Effetti CSS (Es. gli angoli arrotondati per div)

Fortunatamente il client storage, introdotto con HTML5, può essere sostituito nei dispositivi Symbian utilizzando il metodo setPreferenceForKey presente nelle API.

Funzioni da adattare

Durante il porting, alcune funzioni devono essere riadattate.

Multitouch

Attuali dispositivi Symbian non supportano il multitouch, in quanto forniti di semplici schermi resistivi.

Pertanto, nessuno degli eventi che iniziano con ‘ontouch *’ e ‘ongesture *’ sono supportati.
In sostituzione si possono utilizzare gli eventi standard, come onclick, onmousedown, ecc…

Viewport

Nelle webapp per iOs e android si utilizza il metadato viewport per fornire al browser mobile informazioni riguardo il livello di zoom e le dimensioni del contenuto che si desidera visualizzare.
Il browser di Symbian regola automaticamente il contenuto sullo schermo, quindi il supporto per questa funzionalità è stato rimosso.

Oggetto Canvas

L’oggetto Canvas non è attualmente supportato sui dispositivi Nokia. In sostituzione, è possibile utilizzare Flash Lite.

Icona personalizzata

In iOs l’icona da utilizzare nella homescreen viene definita tramite metatag.
Per utilizzare la stessa icona nei widgets WRT, rinominare l’icona in icon.png e copiarla nella cartella principale del widget.
Si può utilizzare direttamente la dimensione di default di iPhone (57 x 57 pixel).

Strumenti di sviluppo

Nokia fornisce un ambiente integrato (gratuito), basato su Aptana, chiamato Nokia Web Tools.
Oltre a un IDE completo fornisce anche la possibilità di visualizzare in anteprima i progetti su un emulatore.

Risorse Utili

Nokia Mobile Web Templates

Raccolta di template da utilizzare per la realizzazione dell’interfaccia.

Guarana UI Library

Guarana UI Library è un framework basato su jQuery contenente un insieme di elementi dell’interfaccia utenti e modelli che possono essere utilizzati per creare interfacce utente compatibili con Nokia WRT.

leggi l’articolo originale su http://www.developer.nokia.com/Community/Wiki/Porting_iPhone_web_app_to_WRT_on_Nokia_devices