creare applicazioni facebook
DESCRIPTION
Intervento di Vincenzo Acinapura al Facebook Developer Garage di MilanoTRANSCRIPT
![Page 1: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/1.jpg)
giovedì 23 aprile 2009
![Page 2: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/2.jpg)
giovedì 23 aprile 2009
![Page 3: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/5.jpg)
Anatomia di un’applicazioneConoscere e sfruttare i punti di integrazione
giovedì 23 aprile 2009
![Page 6: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/8.jpg)
Profile Box
Può essere aggiunto dalle applicazioni al profilo dell’utente
giovedì 23 aprile 2009
![Page 9: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/9.jpg)
Profile Box
Può essere aggiunto dalle applicazioni al profilo dell’utente
giovedì 23 aprile 2009
![Page 10: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/10.jpg)
Feed Stories
giovedì 23 aprile 2009
![Page 11: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/11.jpg)
Feed Stories
giovedì 23 aprile 2009
![Page 12: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/12.jpg)
Feed Stories
giovedì 23 aprile 2009
![Page 13: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/13.jpg)
Richieste
giovedì 23 aprile 2009
![Page 14: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/14.jpg)
Richieste
giovedì 23 aprile 2009
![Page 15: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/15.jpg)
Richieste
giovedì 23 aprile 2009
![Page 16: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/16.jpg)
Notifiche
giovedì 23 aprile 2009
![Page 17: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/17.jpg)
Notifiche
giovedì 23 aprile 2009
![Page 18: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/18.jpg)
Publisher
giovedì 23 aprile 2009
![Page 19: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/19.jpg)
Publisher
giovedì 23 aprile 2009
![Page 20: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/20.jpg)
Publisher
giovedì 23 aprile 2009
![Page 21: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/21.jpg)
Altri punti di integrazione
Tab Applicazioni
Sezione Info
giovedì 23 aprile 2009
![Page 22: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/22.jpg)
Altri punti di integrazione
Directory Applicazioni
About Page
giovedì 23 aprile 2009
![Page 23: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/23.jpg)
Altri punti di integrazione
Menu Applicazioni Allegati dei messaggi
giovedì 23 aprile 2009
![Page 24: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/24.jpg)
▪ 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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/25.jpg)
Le tecnologie della PiattaformaFBML, FQL, FBJS, API
giovedì 23 aprile 2009
![Page 26: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/26.jpg)
FBML
giovedì 23 aprile 2009
![Page 27: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/27.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/29.jpg)
Alcuni tag FBML: il tag fb:share
giovedì 23 aprile 2009
![Page 30: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/30.jpg)
Alcuni tag FBML: il tag fb:share
giovedì 23 aprile 2009
![Page 31: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/31.jpg)
Alcuni tag FBML: il tag fb:comments
giovedì 23 aprile 2009
![Page 32: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/32.jpg)
Alcuni tag FBML: il tag fb:comments
giovedì 23 aprile 2009
![Page 33: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/33.jpg)
Alcuni tag FBML: il tag fb:board
giovedì 23 aprile 2009
![Page 34: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/34.jpg)
Alcuni tag FBML: il tag fb:board
giovedì 23 aprile 2009
![Page 35: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/35.jpg)
Alcuni tag FBML: il tag fb:feed
giovedì 23 aprile 2009
![Page 36: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/36.jpg)
Alcuni tag FBML: il tag fb:feed
giovedì 23 aprile 2009
![Page 37: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/37.jpg)
API
giovedì 23 aprile 2009
![Page 38: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/38.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/39.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/40.jpg)
Le API
giovedì 23 aprile 2009
![Page 41: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/41.jpg)
FQL e FBJS
giovedì 23 aprile 2009
![Page 42: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/42.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/43.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/44.jpg)
Setup e deploy di una applicazione Facebook
giovedì 23 aprile 2009
![Page 45: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/45.jpg)
Setup di una applicazione
DEMO
giovedì 23 aprile 2009
![Page 46: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/46.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/47.jpg)
Fase di Deploy
Considerate Capistrano.http://www.capify.org
http://acinapura.comArticolo introduttivo su
giovedì 23 aprile 2009
![Page 48: Creare applicazioni Facebook](https://reader034.vdocuments.pub/reader034/viewer/2022051616/55383b91550346b04c8b46f2/html5/thumbnails/48.jpg)
(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