Arriva puntuale App Center, l’app store di Facebook

Quando scrissi questo post per il blog di Boraso erano appena stati rilasciati i nuovi Open Graph per interagire con Timeline e fu la prima volta che pensai: “come per lo store di Apple, anche per Facebook la vera rivoluzione potrebbe passare attraverso le app“.

All’epoca, Mark Zuckerberg (che un fesso non lo è per niente al contrario di quanto molti possano pensare ricordando la sua felpa con cappuccio o le pantofole con cui va in giro manco fossero l’ultimo modello di Air Force), aveva fatto intravedere chiaramente uno dei suoi piani per la conquista del mondo mobile, settore, in cui Facebook ancora oggi non ha fatto la differenza:

- Dare spazio e visibilità agli sviluppatori (si, quegli strani esseri che scrivendo codice giorno e notte hanno reso l’AppStore il fenomeno/business che conosciamo oggi )

- Preparare il terreno per il proprio Store

Ebbene, ieri, Facebook ha annunciato l’arrivo di App Center, il proprio market dove è possibile trovare app, pardon, “social app” per web o per mobile (Android/iOS). App Center sarà un market dove, gli utenti, avranno accesso ad app in base a quelle che sono le proprie preferenze e interessi, sarà possibile scoprire le app usate dagli amici e si potranno votare un pò come funziona per i market Apple e Android.

Per vedere inserita la propria app nell’App Center bisognerà preparare una pagina di dettaglio per l’app (con tanto di descrizione, screenshot ecc.) e rispettare le linee guida. Gli sviluppatori potranno inviare app a pagamento acquistabili tramite i credits di Facebook e, il buon Zuck, si prenderà il 30%.

Insomma, una nuova opportunità per gli sviluppatori e la strategia giusta, a mio avviso, per Facebook di incrementare gli introiti ed avere, finalmente, un certo peso su smartphone e tablet.

Non dimentichiamo che, nel frattempo, Mark (come ipotizzai in un vecchio post pubblicato a giugno 2010 che precede alcuni recenti rumors) sta lavorando a come essere competitivo nel search…Google e Apple stiano bene in guardia che questo astuto giovincello mira a prendersi tutto

Sviluppare Applicazioni iOS con Flash su Windows

Un tempo, Flash, ci ha permesso di realizzare animazioni per il web, games ed anche siti web. Oggi (così come AIR) ci permette di realizzare applicazioni per dispositivi mobili e, quindi, di “raggiungere” milioni di smartphone e tablet con sistema Android o iOS. Un’incredibile opportunità anche in chiave business.

Le ultime versioni di Flash Player (10.1 e 10.2) hanno introdotto funzioni innovative e ottimizzazione delle prestazioni (test mostrano risparmi di CPU dell’80% nella riproduzione di video), il futuro di Adobe è sempre più “mobile” e, per i Flash Developers, questa è una vera e propria fortuna: altro che Mac ed SDK, potranno sviluppare le loro apps con gli strumenti che hanno sempre utilizzato e con l’ambiente di sviluppo del “cuore”

Tempo fà ti segnalai un videotutorial di Lee Brimelow che illustrava come pubblicare un’applicazione AIR per Android Market…oggi ti segnalo un altro suo videotutorial dove illustra come si può preparare l’ambiente di lavoro per sviluppare, con Flash, applicazioni per iOS su Windows.

Ecco il link al videotutorial: Developing iOS Applications on Windows

Framework per lo sviluppo Mobile

Negli ultimi tempi si è parlato molto delle tecnologie del futuro, dei nuovi strumenti per lo sviluppo di siti e applicazioni (html5 su tutti) e della direzione in cui il web sta andando. Tutti sembrano concordare su un punto: il futuro del web è mobile. Con questo punto di vista sono abbastanza d’accordo, già oggi, il mobile ha acquisito un’importanza estremamente rilevante anche grazie alla grande diffusione di dispositivi come l’iPhone, il BlackBerry, i Tablet e grazie a sistemi come iOS e Android.

Anche se il futuro del web è mobile, il presente non scherza: il sempre crescente accesso al web tramite smartphone o tablet è una grande certezza, una certezza che non può che convincerci a sviluppare siti e applicazioni ottimizzate per i dispositivi mobili fin da subito. Anche in chiave business un’occasione importante su cui puntare già oggi. Se i blog sono quasi tutti dotati di una versione ottimizzata per il mobile, grazie a plugin come WPtouch o mobilePress, per i siti aziendali la situazione non è proprio la stessa. Sono davvero pochi a dotare il proprio sito web di una versione ottimizzata per il mobile, il perchè è estremamente difficile da comprendere.

A noi web designer e web developer tocca realizzare siti nuovi ottimizzati per il mobile, in parole povere, dovremo riscrivere il markup, il css e fare un doppio lavoro per ogni sito web. Un sito per i pc desktop e uno per i dispositivi mobili facendo grande attenzione alle diverse tipologie: smartphone, netbook, tablet (paura vero? )

Per nostra fortuna esistono già diverse soluzioni per lo sviluppo mobile, framework di lavoro estremamente validi in grado di fornirci codice già ottimizzato per i diversi dispositivi e per le diverse piattaforme. Voglio segnalarti quelli più importanti, i più conosciuti, utilizzati e apprezzati framework per lo sviluppo mobile:

- JQtouch (abbiamo già parlato di JQtouch qui su EmaWebDesign )
- Sencha Touch
- PhoneGap
- Jo
- Zepto

Ad una prima occhiata si può subito intuire la grande “convenienza” dell’utilizzo di questi strumenti davvero validi anche se ho potuto apprezzare, nella pratica, soltanto jQtouch che ho già utilizzato. Anche gli altri sembrano essere ben fatti ma, quello che più di tutti terrei d’occhio, è l’appena nato jQuery Mobile.

La versione mobile del noto framework JavaScript offre supporto per qualsiasi piattaforma, da iOS ad Android passando per Windows Phone, webOS, MeeGo e Symbian. Mette a disposizione layout ottimizzati, widget/UI, temi e un set completo di feature, API e componenti, tutto quello che serve per sviluppare siti e/o applicazioni cross-platform. Trattandosi di jQuery non possiamo avere alcun dubbio sulla qualità del progetto

Tu hai già iniziato a prevedere lo sviluppo mobile per i siti dei tuoi clienti? Quali strumenti utilizzi?

jQTouch: applicazioni per iPhone con un plugin jQuery

Gli sviluppatori web, che realizzano applicazioni per il mobile, hanno finalmente trovato un alleato con cui sviluppare applicazioni per iPhone: jQTouch. Non sto parlando di Objective C/Cocoa ma di un potente plugin per jQuery che permette a chi ha familiarità con HTML/CSS/JavaScript di realizzare applicazioni che si presentano come “native” dell’iPhone, quindi, con grafica, animazioni e funzionalità identiche a quelle delle applicazioni native iPhone.

Per “ricreare” grafica e animazioni tipiche delle applicazioni native iPhone con HTML/CSS/JS si passerebbe obbligatoriamente per un duro lavoro di scrittura del codice mentre, con l’utilizzo di jQTouch, con poche righe di codice e un pò di Ajax si possono realizzare applicazioni identiche in tutto e per tutto a quelle native. Un notevole risparmio di tempo durante la scrittura dell’applicazione ed un vantaggio notevole: in caso di problemi con AppStore o in caso di lunghe attese per la pubblicazione dell’applicazione (o di un suo aggiornamento), è possibile predisporre l’applicazione via web trattandosi infatti di una web application!

Inoltre, realizzare un’applicazione iPhone basata su una web app, permette lo sviluppo della stessa tramite gli ide e software preferiti, non bisogna obbligatoriamente utilizzare MAC e si può utilizzare l’applicazione da qualunque dispositivo dotato di browser web.

Si, ma la pubblicazione dell’applicazione su AppStore?

Esistono strumenti di sviluppo come PhoneGap che convertono applicazioni realizzate con HTML/CSS/JS in applicazioni pronte per essere inviate ad AppStore. Non ho mai utilizzato tale strumento ma, con una veloce googlata, si può vedere che in rete se ne parla molto bene.

jQTouch è opera di David Kaneda. Sotto potete visualizzare un video che mostra il plugin e questo è il canale ufficiale Vimeo di David: davidkaneda.

Se ti interessa jQTouch e lo sviluppo di applicazioni iPhone tramite HTML/CSS/JS iscriviti al feed RSS perchè in futuro parleremo ancora di questi argomenti

E’ il momento di puntare sui layout ottimizzati per i dispositivi mobili? Ecco 8 pratici consigli

Il mercato della telefonia mobile sta vivendo un ottimo momento (crisi economica permettendo) e, per il futuro, sempre più utenti utilizzeranno i dispositivi mobili per accedere ad internet.

E’ forse arrivato il momento di realizzare una versione dei nostri siti web ottimizzata per i dispositivi mobili? Assolutamente si.

Innanzitutto ti consiglio di leggere le Mobile Web Best Practices dopodichè ti darò alcuni consigli.

Consiglio n°1 – Dedica una URL al sito mobile

Dedica una URL al sito mobile version, magari un sottodominio come http://m.tuosito.com o un dominio con estensione .mobi come http://www.tuosito.mobi.

Consiglio n°2 – Realizza un layout semplice che si carichi velocemente

Realizza un layout semplice e “clean style” che sia ottimizzato per essere visualizzato su piccoli schermi, ottimizza al massimo i tempi di caricamento e cerca di utilizzare un linguaggio chiaro e semplice.

Consiglio n°3 – Menu principale nella home page

Dedica la home page a contenere il menu di navigazione principale in modo da permettere all’utente di trovare subito quello che cerca. Ogni pagina del sito conterrà un link alla home page.

Consiglio n°4 – Motore di ricerca nella home page

Se il tuo sito offre molte informazioni valuta di inserire nella home page un campo di ricerca.

Consiglio n°5 – Non dimenticare le accesskeys

Assegna le accesskeys ai link per permettere agli utenti di eseguire le azioni più frequenti in modo rapido.

Consiglio n°6 – Mai lo scrolling orizzontale

Realizza il layout ad una colonna verticale con relativo scroll. Evita assolutamente lo scrolling orizzontale.

Consiglio n°7 – Mostra solo l’essenziale

Mostra solo quello che è veramente essenziale. Qualsiasi contenuto superfluo eliminalo soprattutto se si tratta di banner grafici o altri elementi che appesantiscono la pagina e rubano spazio al vero contenuto.

Consiglio n°8 – Codice conforme agli standard

Ottimizza il codice e rendilo conforme agli standard del W3C.

Se, come me, utilizzi WordPress come piattaforma di blogging, puoi risparmiarti la fatica di realizzare la versione mobile del tuo blog. Puoi utilizzare uno a scelta tra due ottimi plugin: MobilePress e WPTouch.

Realizzare velocemente una versione mobile del proprio sito/blog

Apprendo da oneCms che è possibile realizzare velocemente una versione del proprio sito/blog ottimizzata per la visualizzazione sui dispositivi mobili. Se non avete il tempo di realizzare una versione mobile del vostro sito che sia anche graficamente accattivante allora potete rivolgervi a Google.

Potete servirvi del motore di trasformazione di Google inviando l’url del sito in questo modo:

http://www.google.com/gwt/n?u=URLDELSITO

Ecco la versione mobile di EmaWebDesign (personalmente il giorno che creerò una versione mobile mi occuperò anche che la grafica sia gradevole  )

A questo punto dovete soltanto preoccuparvi che il sito “riconosca” chi naviga da un dispositivo mobile affinchè venga redirezionato sul sito ottimizzato. Come fare? Un pò di JavaScript e riconoscerete, ad esempio, con quale browser l’utente sta visualizzando il sito.

<script type=”text/javascript”>
document.write(“userAgent: <strong>” + navigator.userAgent + “</strong><br/>”);
document.write(“appCodeName: <strong>” + navigator.appCodeName + “</strong><br/>”);
document.write(“appName: <strong>” + navigator.appName + “</strong><br/>”);
</script>