Facebook Connect - Facebook Developer Garage Milan- April 2009

44
Facebook Connect in pratica Monday, April 27, 2009

description

Presentation at the Facebook Developer Garage of Milan. Me and Andrea Franz spoke about Facebook connect giving some inside about theorical and pratical aspect of the platform.

Transcript of Facebook Connect - Facebook Developer Garage Milan- April 2009

Page 1: Facebook Connect - Facebook Developer Garage Milan- April 2009

Facebook Connectin pratica

Monday, April 27, 2009

Page 2: Facebook Connect - Facebook Developer Garage Milan- April 2009

“The way of the world is meeting people through other people”

--Robert Kerrigan

Monday, April 27, 2009

Page 3: Facebook Connect - Facebook Developer Garage Milan- April 2009

Chi siamo?

Monday, April 27, 2009

Page 4: Facebook Connect - Facebook Developer Garage Milan- April 2009

Andrea Reginato

Monday, April 27, 2009

Page 5: Facebook Connect - Facebook Developer Garage Milan- April 2009

Andrea Franz

Monday, April 27, 2009

Page 6: Facebook Connect - Facebook Developer Garage Milan- April 2009

Facebook Connectcosa

Monday, April 27, 2009

Page 7: Facebook Connect - Facebook Developer Garage Milan- April 2009

Facebook Connectcosa

Facebook fuori da Facebook

Monday, April 27, 2009

Page 8: Facebook Connect - Facebook Developer Garage Milan- April 2009

Facebook Connectperché

Monday, April 27, 2009

Page 9: Facebook Connect - Facebook Developer Garage Milan- April 2009

Facebook Connectperché

I. Single Sign On

Monday, April 27, 2009

Page 10: Facebook Connect - Facebook Developer Garage Milan- April 2009

II. Virale

Monday, April 27, 2009

Page 11: Facebook Connect - Facebook Developer Garage Milan- April 2009

II. Virale

1

Monday, April 27, 2009

Page 12: Facebook Connect - Facebook Developer Garage Milan- April 2009

II. Virale

547

Monday, April 27, 2009

Page 13: Facebook Connect - Facebook Developer Garage Milan- April 2009

II. Virale

547 x 3% = 18

Monday, April 27, 2009

Page 14: Facebook Connect - Facebook Developer Garage Milan- April 2009

II. Virale

9.846

Monday, April 27, 2009

Page 15: Facebook Connect - Facebook Developer Garage Milan- April 2009

II. Virale

9.846 x 3% = 296

Monday, April 27, 2009

Page 16: Facebook Connect - Facebook Developer Garage Milan- April 2009

II. Virale

Monday, April 27, 2009

Page 17: Facebook Connect - Facebook Developer Garage Milan- April 2009

II. Virale

161.912

Monday, April 27, 2009

Page 18: Facebook Connect - Facebook Developer Garage Milan- April 2009

II. Virale

161.912Cavolo!

Monday, April 27, 2009

Page 19: Facebook Connect - Facebook Developer Garage Milan- April 2009

Facebook Connectcome

Monday, April 27, 2009

Page 20: Facebook Connect - Facebook Developer Garage Milan- April 2009

Facebook Connectcome

Commenti Facebook su Blog

Monday, April 27, 2009

Page 21: Facebook Connect - Facebook Developer Garage Milan- April 2009

Facebook Connectcome

Commenti Facebook su BlogGioco basato su Facebook Connect

Monday, April 27, 2009

Page 22: Facebook Connect - Facebook Developer Garage Milan- April 2009

Commenti Facebook su Blog

Monday, April 27, 2009

Page 23: Facebook Connect - Facebook Developer Garage Milan- April 2009

Commenti Facebook su Blogprima

Monday, April 27, 2009

Page 24: Facebook Connect - Facebook Developer Garage Milan- April 2009

Commenti Facebook su Blogdopo

Monday, April 27, 2009

Page 25: Facebook Connect - Facebook Developer Garage Milan- April 2009

Commenti Facebook su Blogsoprattutto

Monday, April 27, 2009

Page 26: Facebook Connect - Facebook Developer Garage Milan- April 2009

Commenti Facebook su Blog

<div class="comments">  <fb:comments>  </fb:comments>

  <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript">  </script>

  <script type="text/javascript">    FB_RequireFeatures(["XFBML"], function(){      FB.Facebook.init("14de6b72b5fd52f07607f76840a6801e", "/xd_receiver.htm");    });  </script></div>

Monday, April 27, 2009

Page 27: Facebook Connect - Facebook Developer Garage Milan- April 2009

Gioco basato su Facebook Connect

Monday, April 27, 2009

Page 28: Facebook Connect - Facebook Developer Garage Milan- April 2009

Gioco basato su Facebook Connect

FindYourFriend :)

Monday, April 27, 2009

Page 29: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendfunzionalità facebook connect

Monday, April 27, 2009

Page 30: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendfunzionalità facebook connect

Login

Monday, April 27, 2009

Page 31: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendfunzionalità facebook connect

LoginRete sociale dell’utente

Monday, April 27, 2009

Page 32: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendfunzionalità facebook connect

LoginRete sociale dell’utente

Pubblicazione sul news feed

Monday, April 27, 2009

Page 33: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendfunzionalità facebook connect

LoginRete sociale dell’utente

Pubblicazione sul news feedIntegrazione con tecnologie server side

Monday, April 27, 2009

Page 34: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendlogin

Monday, April 27, 2009

Page 35: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendlogin

<div class="login">   <fb:login‐button autologoutlink="true" length="long">  </fb:login‐button></div>

Monday, April 27, 2009

Page 36: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendlogin

initFacebook: function() {      FB_RequireFeatures(["Api", "XFBML"], this.onApiLoaded.bind(this));},

onApiLoaded: function() {     FB.Facebook.init(this.facebook_api_key, this.xdChannelUrl);     this.facebook_api = FB.Facebook.apiClient;  FB.ensureInit(function(){    FB.Connect.ifUserConnected(connectedCallback, notConnectedCallback);  });},  

Monday, April 27, 2009

Page 37: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendrete sociale dell’utente

Monday, April 27, 2009

Page 38: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendrete sociale dell’utente

loadFriends: function() {  this.container.down(".loading").show();  this.facebook_api.friends_get(null, this.onFriendsLoad.bind(this));},

onFriendsLoad: function(result) {  this.facebook_api.users_getInfo(result, ['first_name', 'last_name', 'pic_square'], this.onFriendsInfoLoad.bind(this));    },

onFriendsInfoLoad: function(result, exception) {  result.each(function(friendInfo) {    if (friendInfo.pic_square) this.users.push(new User(friendInfo));                       }.bind(this));  this.initHandlers();  this.showGame();  this.onLoadCallback(this);},

Monday, April 27, 2009

Page 39: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendpubblicazione sul news feed

Monday, April 27, 2009

Page 40: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendpubblicazione sul news feed

openDialog: function(level) {  var template_bundle_id = "69711773935";  new FB.Connect.showFeedDialog(    template_bundle_id,    {level: level},    [], // target_id    "Great!",     null, // parametro deprecato    FB.RequireConnect.promptConnect,     function(result, exception) {},     "FindYourFriend",     {value: "Yuhuhuhuhuu sono arrivato al livello " + level});}

Monday, April 27, 2009

Page 41: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendintegrazione con tecnologie server side

Monday, April 27, 2009

Page 42: Facebook Connect - Facebook Developer Garage Milan- April 2009

FindYourFriendintegrazione con tecnologie server side

onGameOver: function() {  this.container.down("#btnRestart").show();      new Ajax.Request('/save', {    parameters: "player[points]=" + this.points + "&player[uid]=" + this.facebook_api.get_session().uid  });  this.openDialog(this.level.index);    },

Monday, April 27, 2009

Page 43: Facebook Connect - Facebook Developer Garage Milan- April 2009

Dimostrazione

Monday, April 27, 2009