Creare applicazioni Facebook

48
giovedì 23 aprile 2009

description

Intervento di Vincenzo Acinapura al Facebook Developer Garage di Milano

Transcript of Creare applicazioni Facebook

Page 1: Creare applicazioni Facebook

giovedì 23 aprile 2009

Page 2: Creare applicazioni Facebook

giovedì 23 aprile 2009

Page 3: Creare applicazioni Facebook

Creare applicazioni FacebookTecnologie e punti di integrazione

Vincenzo AcinapuraWeb Developer c/o Cayenne [email protected], giovedì 23 aprile 2009

giovedì 23 aprile 2009

Page 4: Creare applicazioni Facebook

1 Anatomia di una applicazione e punti di integrazione

2 Le tecnologie della piattaforma

3 Setup e deploy di una applicazione Facebook

Gli argomenti del talk

giovedì 23 aprile 2009

Page 5: Creare applicazioni Facebook

Anatomia di un’applicazioneConoscere e sfruttare i punti di integrazione

giovedì 23 aprile 2009

Page 6: Creare applicazioni Facebook

Canvas Page

È la pagina principale dell’applicazione.

Può essere impostatacome un vero e propriominisito dentro Facebook.

È il posto in cui l’utente installa la nostra applicazione sul profilo.

giovedì 23 aprile 2009

Page 7: Creare applicazioni Facebook

Canvas Page

È la pagina principale dell’applicazione.

Può essere impostatacome un vero e propriominisito dentro Facebook.

È il posto in cui l’utente installa la nostra applicazione sul profilo.

giovedì 23 aprile 2009

Page 8: Creare applicazioni Facebook

Profile Box

Può essere aggiunto dalle applicazioni al profilo dell’utente

giovedì 23 aprile 2009

Page 9: Creare applicazioni Facebook

Profile Box

Può essere aggiunto dalle applicazioni al profilo dell’utente

giovedì 23 aprile 2009

Page 10: Creare applicazioni Facebook

Feed Stories

giovedì 23 aprile 2009

Page 11: Creare applicazioni Facebook

Feed Stories

giovedì 23 aprile 2009

Page 12: Creare applicazioni Facebook

Feed Stories

giovedì 23 aprile 2009

Page 13: Creare applicazioni Facebook

Richieste

giovedì 23 aprile 2009

Page 14: Creare applicazioni Facebook

Richieste

giovedì 23 aprile 2009

Page 15: Creare applicazioni Facebook

Richieste

giovedì 23 aprile 2009

Page 16: Creare applicazioni Facebook

Notifiche

giovedì 23 aprile 2009

Page 17: Creare applicazioni Facebook

Notifiche

giovedì 23 aprile 2009

Page 18: Creare applicazioni Facebook

Publisher

giovedì 23 aprile 2009

Page 19: Creare applicazioni Facebook

Publisher

giovedì 23 aprile 2009

Page 20: Creare applicazioni Facebook

Publisher

giovedì 23 aprile 2009

Page 21: Creare applicazioni Facebook

Altri punti di integrazione

Tab Applicazioni

Sezione Info

giovedì 23 aprile 2009

Page 22: Creare applicazioni Facebook

Altri punti di integrazione

Directory Applicazioni

About Page

giovedì 23 aprile 2009

Page 23: Creare applicazioni Facebook

Altri punti di integrazione

Menu Applicazioni Allegati dei messaggi

giovedì 23 aprile 2009

Page 24: Creare applicazioni Facebook

▪ Arricchire l’esperienza utente▪ Aumentare il potere virale dell’applicazione▪ Offrire agli utenti delle alternative per fruire i contenuti dell’applicazione

Conoscere i punti di integrazione permette di:

giovedì 23 aprile 2009

Page 25: Creare applicazioni Facebook

Le tecnologie della PiattaformaFBML, FQL, FBJS, API

giovedì 23 aprile 2009

Page 26: Creare applicazioni Facebook

FBML

giovedì 23 aprile 2009

Page 27: Creare applicazioni Facebook

FBML e XFBML

FBML è un subset di HTML, al quale sono stati aggiunti dei tag specifici per la piattaforma Facebook.

Molto comodo per inserire dei “widget” che riprendono il look&feel di Facebook.

Usato sopratutto nelle pagine Canvas e in diversi punti di integrazione.

giovedì 23 aprile 2009

Page 28: Creare applicazioni Facebook

FBML e XFBML

FBML è un subset di HTML, al quale sono stati aggiunti dei tag specifici per la piattaforma Facebook.

Molto comodo per inserire dei “widget” che riprendono il look&feel di Facebook.

Usato sopratutto nelle pagine Canvas e in diversi punti di integrazione.

giovedì 23 aprile 2009

Page 29: Creare applicazioni Facebook

Alcuni tag FBML: il tag fb:share

giovedì 23 aprile 2009

Page 30: Creare applicazioni Facebook

Alcuni tag FBML: il tag fb:share

giovedì 23 aprile 2009

Page 31: Creare applicazioni Facebook

Alcuni tag FBML: il tag fb:comments

giovedì 23 aprile 2009

Page 32: Creare applicazioni Facebook

Alcuni tag FBML: il tag fb:comments

giovedì 23 aprile 2009

Page 33: Creare applicazioni Facebook

Alcuni tag FBML: il tag fb:board

giovedì 23 aprile 2009

Page 34: Creare applicazioni Facebook

Alcuni tag FBML: il tag fb:board

giovedì 23 aprile 2009

Page 35: Creare applicazioni Facebook

Alcuni tag FBML: il tag fb:feed

giovedì 23 aprile 2009

Page 36: Creare applicazioni Facebook

Alcuni tag FBML: il tag fb:feed

giovedì 23 aprile 2009

Page 37: Creare applicazioni Facebook

API

giovedì 23 aprile 2009

Page 38: Creare applicazioni Facebook

Le API

Permettono di ottenere i dati dagli utenti senza interrogare direttamente il database

Permettono di gestire alcune configurazioni delle applicazioni

Permettono di aggiornare il profilo degli utenti

giovedì 23 aprile 2009

Page 39: Creare applicazioni Facebook

Le API

Esistono alcune API supportate ufficialmente da Facebook:

API per PHP 5API per JavaScriptAPI per ActionScript 3.0API Facebook Connect per iPhone

Esistono numerose API per diversi altri linguaggi, come

RubyPythonASP.NETErlangJava...

giovedì 23 aprile 2009

Page 40: Creare applicazioni Facebook

Le API

giovedì 23 aprile 2009

Page 41: Creare applicazioni Facebook

FQL e FBJS

giovedì 23 aprile 2009

Page 42: Creare applicazioni Facebook

FQLCon FQL possiamo interrogare direttamente il database di Facebook.

Ci sono delle restrizioni relative al modo di impostare le query.

Se usato bene, può far risparmiare molto tempo perché permette di ottenere molti dati da un’unica chiamata API.

giovedì 23 aprile 2009

Page 43: Creare applicazioni Facebook

FBJSFBJS è l’implementazione JavaScript delle pagine Canvas di Facebook.

Nelle pagine Canvas, il nostro codice viene “sandboxato”, quindi non possiamo usare librerie e framework come MooTools e jQuery.

Per usarle è necessario impostare come modalità di rendering ‘iframe’.

JavaScript è abbastanza difficile da debuggare nelle pagine canvas di Facebook.

giovedì 23 aprile 2009

Page 44: Creare applicazioni Facebook

Setup e deploy di una applicazione Facebook

giovedì 23 aprile 2009

Page 45: Creare applicazioni Facebook

Setup di una applicazione

DEMO

giovedì 23 aprile 2009

Page 46: Creare applicazioni Facebook

Usare un Reverse Tunnel SSH

ssh -vnN -R *:4000:localhost:8888 [email protected]

Il Reverse Tunnel SSH è il vostro migliore amico quando sviluppate su Facebook.

L’alternativa è un post-commit hook che aggiorna una copia versionata esposta sul web, ma vi costringe a fare commit ogni volta che fate la minima modifica.

giovedì 23 aprile 2009

Page 47: Creare applicazioni Facebook

Fase di Deploy

Considerate Capistrano.http://www.capify.org

http://acinapura.comArticolo introduttivo su

giovedì 23 aprile 2009

Page 48: Creare applicazioni Facebook

(c) 2009 Facebook, Inc. or its licensors.  "Facebook" is a registered trademark of Facebook, Inc.. All rights reserved. 1.0

– Grézie –

giovedì 23 aprile 2009