Upload
vincenzo-acinapura
View
4.804
Download
0
Embed Size (px)
DESCRIPTION
Intervento di Vincenzo Acinapura al Facebook Developer Garage di Milano
Citation preview
giovedì 23 aprile 2009
giovedì 23 aprile 2009
Creare applicazioni FacebookTecnologie e punti di integrazione
Vincenzo AcinapuraWeb Developer c/o Cayenne [email protected], giovedì 23 aprile 2009
giovedì 23 aprile 2009
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
Anatomia di un’applicazioneConoscere e sfruttare i punti di integrazione
giovedì 23 aprile 2009
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
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
Profile Box
Può essere aggiunto dalle applicazioni al profilo dell’utente
giovedì 23 aprile 2009
Profile Box
Può essere aggiunto dalle applicazioni al profilo dell’utente
giovedì 23 aprile 2009
Feed Stories
giovedì 23 aprile 2009
Feed Stories
giovedì 23 aprile 2009
Feed Stories
giovedì 23 aprile 2009
Richieste
giovedì 23 aprile 2009
Richieste
giovedì 23 aprile 2009
Richieste
giovedì 23 aprile 2009
Notifiche
giovedì 23 aprile 2009
Notifiche
giovedì 23 aprile 2009
Publisher
giovedì 23 aprile 2009
Publisher
giovedì 23 aprile 2009
Publisher
giovedì 23 aprile 2009
Altri punti di integrazione
Tab Applicazioni
Sezione Info
giovedì 23 aprile 2009
Altri punti di integrazione
Directory Applicazioni
About Page
giovedì 23 aprile 2009
Altri punti di integrazione
Menu Applicazioni Allegati dei messaggi
giovedì 23 aprile 2009
▪ 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
Le tecnologie della PiattaformaFBML, FQL, FBJS, API
giovedì 23 aprile 2009
FBML
giovedì 23 aprile 2009
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
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
Alcuni tag FBML: il tag fb:share
giovedì 23 aprile 2009
Alcuni tag FBML: il tag fb:share
giovedì 23 aprile 2009
Alcuni tag FBML: il tag fb:comments
giovedì 23 aprile 2009
Alcuni tag FBML: il tag fb:comments
giovedì 23 aprile 2009
Alcuni tag FBML: il tag fb:board
giovedì 23 aprile 2009
Alcuni tag FBML: il tag fb:board
giovedì 23 aprile 2009
Alcuni tag FBML: il tag fb:feed
giovedì 23 aprile 2009
Alcuni tag FBML: il tag fb:feed
giovedì 23 aprile 2009
API
giovedì 23 aprile 2009
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
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
Le API
giovedì 23 aprile 2009
FQL e FBJS
giovedì 23 aprile 2009
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
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
Setup e deploy di una applicazione Facebook
giovedì 23 aprile 2009
Setup di una applicazione
DEMO
giovedì 23 aprile 2009
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
Fase di Deploy
Considerate Capistrano.http://www.capify.org
http://acinapura.comArticolo introduttivo su
giovedì 23 aprile 2009
(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