Sviluppare siti e apps mobili: panoramica

Il settore della tecnologia mobile è quello a più rapida crescita negli ultimi anni e, di conseguenza, le attività professionali collegate.

Una di queste è sicuramente lo sviluppo per piattaforme mobili, sia che si tratti di semplici siti web o applicazioni web complesse.

Avrete sicuramente sentito nominare la parola “responsive” (identificato anche con la sigla RWD), termine che indica l’adattabilità ai diversi dispositivi e risoluzioni.

Grazie ai moderni linguaggi e tecnologie quali HTML5, Javascript e CSS è possibile realizzare siti e web app perfetti per il mobile.

Naturalmente lo sviluppo web per mobile è un argomento complesso che andrebbe trattato approfonditamente in molti articoli.
Con questo articolo si vuole fornire dei concetti generali senza entrare troppo nei tecnicismi.
Ecco quindi alcune “basi” per iniziare.

Affidarsi ad un framework pensato per lo sviluppo mobile aiuterà a rendere il lavoro più facile.
Essi mettono a disposizione componenti, plugins, widgets, temi ecc… già pronti per essere utilizzati senza dover partire da zero.
Tra i più famosi vanno citati sicuramente jQuery Mobile e Sencha Touch.
Essi sfruttano le moderne tecnologie elencate sopra mettendo a disposizione strumenti per sviluppare facilmente per il mobile.

L’utilizzo delle Media Queries CSS3 permette di sviluppare layout per risoluzioni diverse.

E’ possibile testare in locale su pc tramite appositi tools che simulano il comportamento mobile.

Volendo è possibile “convertire” i propri siti e web app mobili in applicazione native iOS, Android, Windows Phone ecc…
A tal proposito lo strumento più utilizzato è Phonegap.

E’ anche possibile monetizzare usando diversi modelli: pubblicità in-app, pay per download, freemium, notifiche, app a pagamento (vedi infografica)

Infine un elenco di utili risorse (in inglese) per lo sviluppo mobile:

The Essential HTML5 Mobile Cheat Sheet
10 handy HTML5 cheat sheets for geeks
Touch Gesture Reference Guide
iOS and Android Design Guidelines cheat sheet
How to promote an App?
Mobile Web @ W3C

WOW Slider un potente slider di immagini in jQuery e gallerie

WOW Slider

WOW Slider è un completo slider di immagini e gallerie in jQuery disponibile sia per Windows che Mac.

Nel programma è possibile aggiungere le immagini e impostare i molti parametri presenti tramite una semplice ed intuitiva interfaccia, in pochi passi è possibile creare lo slider pubblicandolo in una cartella locale o server ftp, inserendolo in una pagina HTML, o come modulo Joomla o infine come plugin WordPress, quindi risulta adatto a qualsisi esigenza.

Senza mettere mano a codice o editare immagini è possibile creare fantastici slider tramite wizard punta e clicca, tra le altre cose l’interfaccia è disponibile in 25 lingue.

Tra le tante caratteristiche troviamo:

– slider responsivo (adatto quindi anche a dispositivi mobili)
– molte belle transizioni
– bei templates da poter usare
– leggero (pochi kb), codice pulito e valido
– non richiede Flash e degradazione a solo CSS
– è possibile aggiungere descrizioni, controlli avanti e indietro, navigazione a bottoni
– è possibile impostare velocità, ritardo, dimensioni ecc…

E’ possibile vedere demo dello slider in azione con le molte possibilità di personalizzazione che offre!

E’ possibile scaricare la versione gratuita sia per Windows che Mac oppure comprare una versione commerciale.

CONTEST:

Grazie ad una collaborazione viene gentilmente offerta una licenza omaggio ai lettori di Simo blog che può essere attivata in due computer (sia versione Windows che Mac). La licenza business vale per sempre ed include un anno di aggiornamenti gratuiti.
Una volta terminato l’anno è possibile aggiornare la licenza alla metà del prezzo corrente della licenza oppure continuare ad utilizzare la versione che si è ricevuta.

Per partecipare ed avere possibilità di vincere seguire attentamente le regole del contest, buona fortuna!

Simo blog rispetta la privacy: gli indirizzi dei tuoi account Facebook e Twitter / indirizzo e-mail non saranno utilizzati per qualsiasi altro scopo.

a Rafflecopter giveaway

Ricevi gli aggiornamenti del blog

Vuoi rimanere aggiornato riguardo gli ultimi articoli pubblicati nel blog? Inserisci la tua email per sottoscriverti alla newsletter!