giovedì 23 aprile 2009

giovedì 23 aprile 2009

Creare applicazioni FacebookTecnologie e punti di integrazione

Vincenzo AcinapuraWeb Developer c/o Cayenne Digitalvincenzo.acinapura@cayenne.itMilano, 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 user@host.com

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