Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

14
Drupal for Facebook: Come rendere “social” un sito Drupal Marco Ottolini

description

Talk di Marco Ottolini "La sessione prenderà in esame le funzionalità del modulo Drupal for Facebook per: - usare facebook connect per consentire l'autenticazione su Drupal - usare i tab per creare pagine Facebook dinamiche - usare i canvas per creare un'applicazione Facebook - sviluppare nuovi moduli per estendere le funzionalità di Drupal for Facebook Verranno esaminate nel dettaglio le funzionalità base del modulo e mostrato anche l'impiego delle principali API per soddisfare ogni esigenza di personalizzazione. Si daranno anche cenni per lo sviluppo di temi adatti alla visualizzazione dentro Facebook"

Transcript of Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Page 1: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Drupal for Facebook:Come rendere “social” un sito Drupal

Marco Ottolini

Page 2: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

InstallazioneDrupal for Facebook

• Scaricare il modulo Drupal for Facebookhttp://drupal.org/project/fb

• Scaricare libreria Facebook PHP-SDKhttps://github.com/facebook/php-sdk/downloads

• Seguire le istruzioni del README.TXT

• Abilitare il modulo

Page 3: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

InstallazioneREADME.TXT

• Modulo in /sites/all/modules

• Libreria in /sites/all/libraries/facebook-php-sdk

• Aggiungere al tag <html> nel tema:xmlns:fb="http://www.facebook.com/2008/fbml“

• Aggiungere alla fine in settings.phpinclude "sites/all/modules/fb/fb_url_rewrite.inc";include "sites/all/modules/fb/fb_settings.inc";

Page 4: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Drupal for Facebook

• XFBML funziona<fb:like href="http://roma2011.drupalday.it"></fb:like>

• Social plugins funzionanohttp://developers.facebook.com/docs/plugins/

Page 5: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Facebook Connect

Page 6: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Facebook Connect

• Abilitare il modulo fb_app

• Abilitare il modulo fb_connect

• Creare una applicazione in Facebook

• Create una applicazione in Drupal con Facebook connect attivato

• Aggiungere il blocco Facebook Connect

• Drupal “sa” che siamo connessi con FB

Page 7: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Gestione utenti

• Attivare modulo fb_user

• Attivare modulo fb_permission

• Scegliere le permission (email!!!)

• Configurare user settings (anche global)

• Bottone Connect nel login block

• Creazione account utente con email

Page 8: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Le Applicazioni FacebookI Canvas

• Attivare il modulo fb_canvas

• Avere supporto https (1 ottobre 2011)

• Impostare i setting dell’applicazione in Drupal

• Sincronizzare le properties e verificare in Facebook Developer

Page 9: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Sviluppare un modulo

• fb_get_object_fbu($uid);

• Con fb_api() si fanno chiamate Graph API

• Si riceve un array PHP

• Usare il Graph API Explorer

• Leggere i sorgenti (non esiste documentazione)

Page 10: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

I Tab per le Facebook Pages

• Attivare il modulo fb_tab

• Configurare Profile/Page Tabs

• Sincronizzare le properties

• In FB, andare nell’applicazione e aggiungere alla propria pagina

• Creare un modulo con hook_fb_tab

Page 11: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Theming forDrupal for Facebook

• Larghezza– 760 px per i Canvas

– 520 px per i Tab per le pagine

• Keep It Simple Stupid

Page 12: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Altre Cose

• Modulo fb_example

• Modulo fb_friend

• Modulo fb_devel

• Modulo fb_views

Page 13: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal

Marco Ottolini

Email: [email protected]

Twitter: @ottolini

Page 14: Drupal Day 2011 - Drupal for Facebook: Come rendere "social" un sito Drupal