Ad oggi quando si parla di AppStore, dobbiamo dimenticarci il primo anno e mezzo di vita. Perché è stato un periodo d’oro, dove tutti scaricavano ed acquistavano apps, il Jailbreak non aveva preso piede e la pirateria era ai minimi livelli.. conseguentemente c’è stato chi ci ha fatto la fortuna.

Quindi per dare qualche numero dobbiamo andare più avanti con il tempo ed iniziare ad osservare l’era dell’iPhone 3Gs (il terzo modello) quando ormai la maggior parte delle persone aveva capito come funzionava, cosa poteva fare e cosa era utile o meno da acquistare.

Su AppStore ci sono moltissime applicazioni, si parla di più di 200.000 (duecento mila) e tutte ben catalogate.

Per capire bene come funziona però, bisognerebbe dividere queste in altre macrocategorie:

• 1. Essenziali
• 2. Utili
• 3. Di utilizzo casuale
• 4. Inutili
• 5. Da non considerare

Personalmente ho realizzato applicazioni di tipo: 2, 3, 4 e 5. Mi manca di realizzare il punto 1.

A differenza dei primi tempi, dove tutto acquistavano tutto (vedi l’applicazione Fart ma anche la famosa I’m Rich), adesso gli utenti sanno riconoscere una buona applicazione da una che non ha valore (e questo gli sta dando il potere pure di inserire recensioni con tanto di insulti ed altro, dopo ne parlerò), quindi è molto difficile realizzare qualcosa di “stupido” e vedere grandi risultati.

A questo punto è obbligatorio realizzare qualcosa di ben fatto e di utile. Quali difficoltà possiamo trovare?

Sicuramente l’idea.
Non è facile trovare una buona idea, tantomeno innovare.. Però si può partire da qualche base e vedere cosa ne viene fuori.
Ma realizzarla e metterla in vendita non basta, non più. Si deve lavorare di marketing. E qui arrivano quelle spese in più che andranno ad intaccare il costo dell’applicazione sull’utente finale.
Quindi si deve realizzare un sito web ad hoc per l’applicazione, video dimostrativi (magari qualche teaser per creare quel giusto hype), interviste, discussioni sul proprio blog etc etc.. insomma, tutto quello che può parlare dell’app, va fatto.

Tecnicamente invece, l’applicazione deve avere dei requisiti obbligatori.
Primo su tutti, deve fare bene quello che fa. Sembra stupido, ma è così. Non sforziamoci di fargli fare mille cose, deve farne una e la deve fare veramente bene (vedi le app di Tapbots).
L’interfaccia deve essere gradevole e funzionale, animata e con qualche suono. Gli utenti le adorano e iniziano a capire quando un’app è davvero fatta bene o meno.

Tutto questo comporta ore ed ore di lavoro e per uno sviluppatore singolo è difficile arrivare alla fine in tempi brevi. Essere in due o tre sarebbe perfetto.

Inutile dire che l’app non deve piantarsi (può capitare qualche bug,ma l’app funzionare in tutte le sue parti).
Fatto questo va messa online.

Venderà?

Sicuramente dovrete attendervi recensioni su AppStore pessime. Gli utenti pensano di avere il diritto di offendervi e di sfogare le proprie frustrazioni sulle pagine delle vostre apps. Purtroppo Apple non sembra muoversi molto per adesso e quindi, se qualcuno vi da 1 stella scrivendoci “Quest’app è pessima perché non ha la calcolatrice” e la vostra App serve per annotare gli eventi, non potete fare altro che rassegnarvi e tenervi quella stella e la pessima recensione.. sperando che gli altri utenti non abbiano lo stesso quoziente del precedente..

Questa è davvero l’unica pecca che ha l’AppStore. Ma passiamo alla mia esperienza.

Ho realizzato un videogame (Slide Space), i pochi (ma veramente pochi..) che lo hanno acquistato hanno detto che è abbastanza addictive e simpatico. Per questo gioco avevo pure realizzato un sitoweb ad hoc, video su youtube e lo ammetto, ho pagato 50$ per una recensione su un sito.

Ho venduto 637 copie. Comprese quelle regalate. Guadagno totale: 47€. Tempi di sviluppo: 2 mesi (a passatempo, saranno state 3 settimane di lavoro pieno)

Questo non vuol dire che AppStore non è un buon business, al contrario. Vuol dire solamente che non ho fatto le cose per bene.

Dove ho errato?

• 1. Non ho creato hype (video durante lo sviluppo, anche in lingua inglese, interviste, articoli sul blog, niente, è stato tutto muto fino all’uscita)
• 2. Non ho investito sull’uscita dell’applicazione, non ho chiamato nessuno, ho fatto il minimo indispensabile (vedi sopra)
• 3. Il gioco non è così longevo, lo ammetto
• 4. Il gioco non fa uso di tecnologie come OpenFeint quindi non crea quel senso di sfida con le persone né è pronta per quel poco di social che dovrebbe

Tutti questi sbagli sono stati dati dalla fretta. Non vedevo l’ora di andare online.
Del resto, da solo.. dopo 2 mesi di sviluppo.. non vedevo davvero l’ora di andare online e vedere se il gioco piaceva..
Qui mi son fregato! (ma non è detta ancora ;))

Nonostante ciò, qualcuno ha acquistato l’app e le statistiche dello score online dicono che ci hanno giocato molto i primi giorni, quindi il gioco piaceva, avevo solo corso troppo.

Questa è la mia esperienza su Slide Space, potrei parlarvi pure di myWorks o Get My Friends, ma aspetto di vedere se siete interessati alla discussione.

Ma creare un’applicazione Web per iPhone invece può diventare un lavoro veramente duro. Ricreare i bottoni, le navigation e tutte quelle parti dell’interfaccia che hanno reso famoso iPhone, non è semplice, per niente.

Voi vi chiederete, ma non si devono mica creare per forza?, certo, è vero.. ma Apple ha speso anni di sviluppo e ricerca per creare un’interfaccia funzionante e veramente ottima, perchè allora doverne creare un’altra in tempi sicuramente stretti e sapere che il risultato non sarà comunque ottimo? (perchè si, per chi non lo sapesse, creare una UI che funziona non è così semplice e veloce..).

Per fortuna ci viene incontro JQTouch, un framework basato su JQuery che promette di ricreare tutta l’interfaccia di iPhone.

Include la possiblità di far creare l’icona sulla Springboard di iPhone e pure di avviare l’applicazione in modalità FullScreen.

Buon lavoro quindi!

Buona Lettura!

Buona lettura!

Programmi di Virtualizzazione o Vari Computer di Testing

Il Web è tanto bello proprio perchè ciò che andiamo a creare ha una visibilià immensa. Ogni computer, cellulare o altro dispositivo atto per la connessione ad Internet, può visualizzare il nostro contenuto..

Però questo crea un’enorme problema (e investimento), dobbiamo testare il nostro operato su ogni tipo di piattaforma, o quasi.

Quindi potremmo comprare un paio di computer, un Mac e un PC, installare nel PC varie versioni di Windows e vari browser e poi fare il testing direttamente sulle macchine.

L’altra soluzione altrimenti è quella di comprarsi un bel Mac, un bel programma di virtualizzazione (Parallels, o Fusion) e installare li alcune versioni di Windows e quindi i relativi Browser.

Quest’ultima soluzione è quella che ho adottato io, perchè mi permette di risparmiare un sacco di soldi e di avere tutto a portata di mano.. o di click!

In verità ci sarebbe un’altra soluzione, quella di affidarsi ai siti che ti fanno dei grab in varie versione di OS e Browser. L’unica pecca, oltre alla lentezza, è che spesso dobbiamo anche vedere il comportamento dei computer e testare pure il “carico” del nostro lavoro.

Quindi a voi la scelta della migliore soluzione.

Programmi di Grafica o Editing Grafico

Ogni Web Designer, deve, avere un Editor grafico, anche uno sviluppatore. Perchè capiterà sempre di dover modificare un bottone o una riga..

E allora, quale programma migliore? Secondo me, Photoshop.. Cerco che è costoso, però una vecchia versione (come la 7) può andare benissimo per fare molte cose.
In alternativa c’è GIMP, applicazione potente e gratuita, quindi ottima.

Certo che avere un Programma di Editing Grafico è obbligatorio! Su questo discorso non mi ci soffermo perchè oramai lo sappiamo tutti.

Programma per la generazione di Diagrammi di Flusso

Parto dal presupposto che tutti sappiamo cosa è un Diagramma di Flusso. Non sto neanche a soffermarmi sul perchè dobbiamo utilizzarlo. Ogni professionista si sarà ritrovato almeno una volta a dover rifare un lavoro da capo solo perché è stato progettato male.

Quindi, ce ne sono varie di applicazioni, io consiglio OmniGraffle (OSX) e siccome non ne conosco per Windows, direi che MindMeister può andare benissimo per molti.

Programma per la gestione di Progetti o Gestionale

Molti sicuramente pensano di poterne fare a meno, io invece credo che sia fondamentale. L’organizzazione nel nostro lavoro è tutto, e senza ci scontriamo ogni giorno con mille problemi.

Anche qui la scelta è varia, io mi sono trovato benissimo con BaseCamp, servizio a pagamento (o anche gratuito con molte limitazioni) e veramente completo. Si possono creare progetti, inserire milestones, to-dos, writeboards, files eccetera. Tutto multiutenza e veramente ben fatto.

Se invece state cercando qualcosa di gratuito e magari da installare nel vostro server, il migliore è activeCollab, la versione 0.6 è gratuita e permette di fare quasi tutto quello che fa BaseCamp.

Altri programmi per la condivisione di Documenti

Sinceramente questo punto è un plus. Io mi sono trovato benissimo ad utilizzare i servizi di Google (GMail, Calendar, Documents) al punto di aver affidato a Google ogni mia casella di posta elettronica e di aver passato tutti i miei documenti a Documents. Questo mi permette di condividere i files di lavoro (e non in verità) a chiunque e di averli sempre a portata di mano, anche se non sono davanti al mio computer.

Eccoci alla fine. Spero di aver fatto piacere a colleghi, collaboratori e non. Dando qualche input per migliorarci tutti.

Come sempre, commenti e feedback sono sempre i benvenuti!

Server e Client SVN

Chi di voi ha sentito parlare di Subversion? e di CVS?
Detto in parole povere (se volete saperne di più basta cliccare nei link qua sopra), si tratta di un sistema per la gestione delle “versioni”.
Cosa vuol dire? Che semplicemente con questo sistema si può avere il massimo controllo di ciò che stiamo facendo durante lo sviluppo di un software, vuoi che sia un Sito Web, vuoi che sia un’Applicazione.

Tramite questo sistema possiamo lavorare in gruppo (ma anche da soli lo reputo fondamentale) allo stesso progetto e agli stessi files senza andare a rovinare il lavoro prodotto dagli altri.

Non solo, ma grazie a Subversion (detto SVN, che comunque è un’evoluzione di CVS), avremo la storia di tutto il progetto, delle modifiche fatte, da chi, come e perchè.

Integrando al nostro metodo di lavoro SVN, andiamo ad aggiugere un valore enorme al nostro operato.

Ma faccio un’esempio così che tutti possiamo capire:

Immaginiamo di lavorare ad un sito per un nostro cliente, anche da soli.
Dopo un anno dalla fine dello sviluppo, questo cliente, ci chiede di reimplementare la funzione che avevamo creato 4 mesi prima e che ci aveva fatto togliere perchè non gli piaceva (ma poteva anche essere una parte di una pagina, un css, etc..).

Senza SVN dovremmo andare a ricercare i vecchi files (backup permettendo) quindi reimplementare la funzione, se non addirittura rifarla da capo.

Con SVN basta guardare la storia della nostra applicazione e avviare un comando per riavere la nostra funzione completamente operativa come quando l’avevamo creata.

Questo è ovviamente un’esempio, ma potrei farne altri mille di questo genere.

E pensate a quando lavorate in due o più ad un progetto, dove tutti andate ad aprire e modificare gli stessi files. Senza SVN sarebbe impossibile.

Editor Testuale o IDE

Lo strumento per eccellenza di ogni Sviluppatore o di ogni Web Designer. L’Editor Testuale è obbligatorio.

Ogni Web Designer conosce a mente ogni tag e la loro sintassi e quindi gli strumenti come Dreamweaver, GoLive etc diventano solamente dei pensanti ed inutili gingilli.

Quindi parliamo di Editor Testuali. Per Windows c’è il famosissimo UltraEdit, per OSX penso che quello migliore ad oggi sia TextMate.

Questi editor non fanno niente di troppo sorprendente, colorano la sintassi del codice, hanno qualche snippets per la scrittura veloce di codice. Alcuni fanno anche da debugger e, la cosa più importante, hanno integrato un Client SVN. Questo vuol dire che una volta operato sul file possiamo andare ad applicare le nostre modifiche ai file salvati nel Server SVN, tutto con un click.

Le IDE sono molto comuni tra Web Designer e Web Developer, sono più potenti di un’editor testuale e permettono di eseguire codice (come ad esempio PHP o altro), di fare debug ed hanno funzionalità di inserimento di codice molto avanzate.
Un IDE molto usato è Aptana, ma anche XCode e lo stesso Eclipse vengono utilizzati ogni giorno per sviluppare. Ad ognuno quello con la quale si trova meglio.
Io personalmente sviluppo utilizzando Textmate e in più utilizzo Versions come client SVN. Tutti per OSX.

Anche questa puntata è andata.. consiglio vivamente a tutti di continuare a seguirmi!

Buona programmazione!

Quindi ecco qui che faccio una lista di strumenti necessari ad ogni Sviluppatore Web.

• Server Web e SQL
• Server e Client SVN
• Editor Testuale o IDE
• Vari computer o Sistemi Operativi Virtualizzati
• Programmi di Grafica
• Programmi per generare Diagrammi di Flusso
• Programmi per la gestione di Progetti
• Altri programmi per la condivisione di documenti

Server Web

Avere un server Web e un server SQL (MySQL, Postgre od altro) è fondamentale per poter lavorare in autonomia ed al massimo delle prestazioni.
La migliore sarebbe potersi installare tutti i pacchetti a mano (Apache, PHP, MySQL ed altri) in modo da avere la medesima versione del nostro Server Online, ma in mancanza di competenza (la competenza di server-administrator non è così semplice da avere) ci possiamo affidare ai pacchetti preconfigurati come WAMP, MAMP o XAMPP.

Questi pacchetti sono semplicissimi da installare e con pochi click puoi avere un server perfettamente funzionante all’interno del tuo computer.

Avere un Server all’interno del proprio computer ci permette di lavorare molto più velocemente e ci da la sicurezza di poter “sperimentare” qualsiasi cosa senza compromettere il funzionamento della macchina online, magari dove stanni i nostri migliori progetti e anche quelli più importanti.

Questo è un’anticipo, la prossima volta parlerò di SVN.

Continuate a seguirmi!

Avevamo detto l’ultima volta che altre due parti fondamentali per la scelta dell’hosting sono:

• Connettività
• Banda a Disposizione

Quando si parla di connettività si devono tenere in considerazione due fattori:

• Velocità della connessione
• Tempi di riposta

Connettività

La velocità di connessione è quell’elemento che permette all’utente di scaricare le pagine e i file dal sito in tempi molto brevi.

Il tempo di risposta è la velocità con il quale il provider reindirizza i dati dal server all’utente.

Un tempo di risposta molto basso da la percezione di velocità molto alta.

Per un sito come YouTube.com si potrebbe scegliere un servizio conun tempo di risposta leggermente più alto ed una velocità di connessione molto alta., invece, per un sito come virgilio.alice.it è più fondamentale un tempo di risposta più basso perchè deve divulgare informazioni meno capienti e in modo più reattivo.

E’ da ricordarsi che un servizio a basso costo comperato fuori dal proprio paese avrà dei tempi di risposta molto più alti rispetto ad un servizio nel proprio territorio.

L’altra parte fondamentale per la scelta di un servizio Hosting adeguato, è la banda a disposizione.

Questo elemento indica, in numero di Byte, quanti dati si possono trasferire dal server agli utenti.

Il servizio che ho scelto io, Grid Server di MediaTemple, mi garantisce 1 TeraByte ogni mese di banda utilizzabile. Questo vuol dire che in un mese, gli utenti possono scaricare dal mio server fino ad un 1 TeraByte di dati (file, pagine, filmati etc). Oltre questa soglia ho una spesa aggiuntiva.

Ecco, questi sono gli elementi fondamentali per poter scegliere un hosting adeguato al cliente o ai propri servizi. Se avete domande o suggerimenti, commentate pure.

L’hosting deve essere sicuro, affidabile ed avere dei requisiti che rispecchiano le necessità del cliente ma anche le necessità dello sviluppatore.

Per sviluppare infatti applicazioni o siti complessi che fanno uso massiccio di tecnologie Server-Side, ci dobbiamo affidare a soluzioni hosting di alto livello.

Io personalmente mi sono affidato a MediaTemple.

MediaTemple infatti offre una serie di servizi ad alto livello. Il mio server ad esempio è un Grid Server ed offre alte prestazioni ed alta qualità.

Un’altro punto da tenere in mente è l’assistenza. Infatti capita molto spesso di dover fare manutenzione al server, backup, aggiornamenti dei software, del webmail ed altro ancora.

Se non abbiamo le competenze giuste, non possiamo mantenere un nostro server in Housing e quindi dobbiamo affidarci a Terze Parti che offrano servizi adeguati.

Le tencologie della quale necessito per lo sviluppo di siti web o applicazioni sono:

• Server basato su sistema operative *nix (Linux, Unix, etc.) – non Windows
• minimo di 100Mb di spazio disco a disposizione
• acceso FTP allo spazio di hosting
• possibilità di salvare files fuori della root del sito (webdoc root)
• accesso tramite SSH al server
• Apache web server
• .htaccess disponibili in tutte le cartelle del sito (AllowOverride All)
• mod_rewrite abilitato (RewriteEngine, RewriteBase, RewriteCond, RewriteRule)
• mod_alias abilitato (Redirect, RedirectMatch, RedirectPermanent)
• mod_mime abilitato (AddType)
• mod_dir abilitato (DirectoryIndex)
• mod_autoindex abilitato
• mod_negotiation abilitato
• PHP 5.0 superiore con l’estensione gettext abilitato
• MySQL Server 4.1 o superiore
• 1 database MySQL (nessuna restrizione sulle dimensioni del database)
• phpMyAdmin o equivalente

Questi requisiti sono assolutamente necessari per lo sviluppo di siti e applicazioni web di ultima generazione.

Oltre a questi, come ho detto prima, necessito di assistenza 24/7 sul mio server e di aggiornamenti costanti dei software installati sullo stesso per non incontrare bugs che possono compromettere il funzionamento dello stesso.

Come potete vedere quindi la scelta dell’hosting è un punto fondamentale del nostro lavoro. Anche per questo motivo non posso offrire hosting a basso costo ai miei clienti e sinceramente non li consiglio neanche.

Altri punti fondamentali sono, la connettività, la banda a disposizione. Ma ne parleremo nella prossima puntata.

Un esempio classico è un box con sfondo e al suo interno due elementi in float. Il box risulterà alto pochi pixel invece di racchiudere gli elementi al suo interno.

Per ovviare a questo problema una tecnica era quella di usare un <div>, o uno <span> o addirittura un <br /> con una classe che conteneva la regola:

clear: both;

Il risultato era ottimo, ma diciamoci la verità, il markup lo rovinava e ci trovavamo degli elementi in più che proprio ci stavano male.

Adesso (anche se in verità, da un bel po’) si può usare solo una classe CSS da assegnare al contenitore, che contenga queste regole:

.clear:after {
clear : both;
display : block;
content : “.”;
height : 0;
visibility : hidden;
}
.clear {display:inline-block;}
.clear {display:block;}
* html .clear {height: 1%;}

Ma che cosa fa?
Seplicemente indicano di aggiungere un carattere ‘.’ (il punto) alla fine dell’elemento, con altezza 0 pixel poi lo nasconde e cancella il float (clear: both).
Crea quindi via CSS quell’elemento in più che tanto dava noia prima al markup.
Le altre regole sono dei fix per i browser poco compatibili.

Di seguito un’esempio dell’html:

<div style=”background: #ccc” class=”clear”>
<div style=”float: left; padding: 5px”>
Sinistra
</div>
<div style=”float: right; padding: 5px”>
Destra
</div>
</div>