Download - Facebook Connect - Facebook Developer Garage Milan- April 2009

Transcript
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