Clicca questo link con il tuo iPhone, iPad, Android o Blackberry Touch:
(puoi visualizzare l’applicazione sul tuo computer utilizzando Safari o Google Chrome!)
http://ivapp.movableapp.com

Presentazione completa:
http://movableapp.com/ivapp

Brevi Info:

L’applicazione è scritta in HTML5 + Javascript utilizzando il framework Sencha Touch.

Durante il prossimo weekend proverò a creare un pacchetto per l’AppStore utilizzando PhoneGap… vediamo se me la pubblicano!

Il resto lo puoi leggere su:
http://movableapp.com/ivapp

Segnala presso:

Inizialmente ho letto parecchie discussioni sull’argomento in oggetto: “native VS webapp” e in questo articolo vorrei sintetizzare alcune mie valutazioni.

Potendo dedicare allo studio delle applicazioni mobile solamente poche ore la sera ho subito approciato il mondo delle WebApp perchè mi consentono di sfruttare competenze preesistenti: HTML5, Javascript, CSS.

WebApp

Per il primissimo approccio ho utilizzato jQuery Mobile con il quale ho realizzato una semplicissima photogallery la cui interfaccia responsiva si adatta al dispositivo che la richiede: se usi un computer vedrai una pagina web con effetto lightbox mentre se usi un iPhone, Android, iPad vedrai un’interfaccia simile a quelle native.
Inoltre il passaggio tra le immagini è gestito dal touch e non dal click. [vedi esempio].

Successivamente mi sono dedicato a SenchaTouch, un prodotto veramente incredibile e completo ma dotato di scarsa documentazione libera: l’azienda che lo produce campa vendendo formazione!
Attualmente mi sto dedicando allo studio di questo prodotto e ho aperto un piccolo blog dedicato dove pubblico i miei “appunti di viaggio” su piccole e grandi cose che scopro sull’argomento.

Principali vantaggi di un’applicazione web based:

• sviluppo su tecnologie open: html, javascript, css
• sviluppo su browser web: safari, chrome
• deploy dell’applicazione su server FTP
• installazione semplice: basta collegarsi all’indirizzo dell’app
• possibilità di funzionamento off-line (in assenza di connettività)
• compatibilità semplificata con Android, Blackberry

Applicazione Nativa

Lo studio di applicazioni native l’ho approciato qualche tempo fa scontrandomi subito con la pessima sintassi del linguaggio ObjectiveC.

Sostanzialmente i framework (volutamente al plurale) di sviluppo su cui si basano le applicazioni native sono incredibili collezioni di oggetti e componenti pronti da utilizzare e configurare.

L’applicazione risulta così una composizione creativa di oggetti mentre la realizzazione di componenti ex-novo è tutt’altra cosa.

In linea di massima ritengo che per chi proviene dal mondo web la curva di apprendimento sia piuttosto lunga rispetto all’applicazione web based a parità di obiettivo.

Principali vantaggio di un’applicazione nativa:

• AppStore: visibilità, diffusione, guadagno
• prestazioni decisamente superiori
• accesso all’hardware: fotocamera, file system, accelerometro, etc
• funzionamento off-line nativo

Applicazione Ibrida con PhoneGap!

Una possibilità di congiungere le due diverse soluzioni in un compromesso che possa sfruttare i relativi vantaggi è l’applicazione ibrida web/nativa. Questa soluzione si può ottenere con PhoneGap.

L’applicazione ibrida è un wrapper che consente il funzionamento dell’applicazione web. Una sorta di piccolo browser preconfezionato.

Solo questo punto rende possibile distribuire l’applicazione su AppStore consentendo dunque il funzionamento off-line nativo!

Cataloghi, manuali, reference, schede tecniche sono esempi di applicazioni che trovano in questa soluzione la miglior soluzione possibile: velocità di sviluppo abbinata a capacità di distribuzione su AppStore!

PhoneGap mette anche a disposizione delle API Javascript per poter accedere a funzionalità avanzate del dispositivo quali:

• file system
• fotocamera
• libreria media
• accelerometro
• bussola
• contatti
• geolocalizzazione
• connettività
• notifiche
• storage db

Con questo sistema sono riuscito, nell’arco di una giornata, a realizzare il prototipo di un’applicazione che mantiene sincronizzati sul device (in questo caso un’iPad) una serie di files (pdf) pubblicati su di un server FTP remoto. Una sorta di client Dropbox ma mooolto più semplice.

In conclusione presumo che proseguirò sulla strada dell’applicazione ibrida perchè rappresenta un punto di giunzione tra le due diverse filosofie di sviluppo. Inoltre offre un sistema piuttosto semplice per realizzare applicazioni compatibili con più dispositivi!

Segnala presso:

A mio parere le possibilità di gestire in modo ottimizzato delle sessioni di desktop remoto tramite server VNC, o comunque di controllo remoto in generale, sono da elencare tra le features più promettenti del nuovo apple-giocattolo.

Con iPhone abbiamo sperimentato con successo software quali TeamViewer. Abbiamo goduto della possibilità di usare software “evoluti” su un mobile device e abbiamo sofferto dei forti limiti imposti dalle piccole dimensioni: troppo grande per un telefono e troppo piccolo per un computer.

iPad probabilmente ci darà la concreta possibilità di un utilizzo remoto del proprio computer. Potremo finalmente uscire dal cliente con uno strumento leggero e di grande autonomia, potremo utilizzare software evoluti quali server web o gestionali direttamente dal nostro mac di sviluppo che abbiamo lasciato a casa.

iPad probabilmente eliminerà la nostra costante paura di perdere o essere derubati dei preziosi dati presenti nel nostro portatile.

iPad probabilmente ci consentirà continuità di backup perché non dovremo più staccare i dischi di TimeMachine.

Tutto questo se Steve e la sua banda riusciranno a realizzare un sistema di controllo remoto leggero, realmente utilizzabile con le dita e, sopratutto, economico per le nostre care tariffe mobile!

Segnala presso:

Apri iTunes e utilizza la ricerca per isolare il brano che vuoi portare nell’iPhone come suoneria.

Clicca sulla riga del brano con il tasto destro del mouse quindi seleziona la voce Informazioni. Clicca sulla scheda Opzioni e personalizza le impostazioni di inizio e fine del brano.

La durata totale non deve superare i 30 secondi affinchè il risultato sia compatibile con iPhone!

2. Crea un clone AAC del tuo mp3:

Mantenendo selezionato il brano originale utilizza il menu dell’applicazione: Avanzate -> crea versione AAC.

iTunes crea un nuovo file a partire dalla selezione dei tempi precedentemente impostata. Questo è il file da utilizzare come base per la tua nuova suoneria!

3. Esporta il file su desktop:

Trascina il nuovo file sul desktop o in una cartella a piacere per creare una copia estenra ad iTunes. Questa operazione è necessaria in quanto iPhone utilizza l’estensione di file “M4R” per le suonerie mentre il file generato da iTunes utilizza l’estensione “M4A”.

Utilizzando l’opzione rinomina (Windows potrebbe nascondere le estensioni di files, utilizza opzioni cartella per renderle visibili e modificabili) imposta l’estensione “M4R” per rendere il tuo file compatibile come suoneria iPhone.

4. Importa la suoneria in iTunes

Trascina il nuovo file in iTunes e assicurati che venga associato alla tipologia “suoneria” (che trovi nella barra laterale sinistra).

5. Sincronizza il tuo iPhone!

NOTE: eseguendo l’operazione ho notato che l’iPhone non importa suonerie nel cui titolo è presente un apostrofo. Per non incappare in problemi strani consiglio di utilizzare solamente caratteri standard come nome delle suonerie!

Segnala presso:

Il meraviglioso browser di casa Apple si dimostra eccezionale nel supporto dei javascript più complessi e nel rendering perfettamente corretto delle pagine più articolate.

Purtroppo visualizzare sullo schermo dell’iPhone pagine progettate per uno schermo da 20″ è a dir poco frustrante: senza un microscopio elettronico si fa poco.

E’ comunque possibile zoomare la pagina con le dita… la prima volta è entusiasmante ma poi ci ritroviamo a leggere sullo schermo all’incirca il 4% dell’informazione totale… dov’è finito il resto della pagina? Semplice! E’ tutta attorno a quello che stiamo visualizzando! E’ sufficiente continuare a scrollare come dei forsennati e procurarsi varie fratture all’indice!

La soluzione è fortunatamente molto semplice: salviamo tra i bookmarks di Safari una bookmarlet fatta apposta per disabilitare i CSS della pagina!

La seguente pagina contiene una spiegazione dettagliata del procedimento: http://dorward.me.uk/software/disablecss/.

Segnala presso: