44
Facebook Connect in pratica Monday, April 27, 2009

Facebook Connect

  • Upload
    mikamai

  • View
    4.431

  • Download
    0

Embed Size (px)

DESCRIPTION

Facebook Connect / In praticadi Andrea Reginato & Andrea Franz

Citation preview

Page 1: Facebook Connect

Facebook Connectin pratica

Monday, April 27, 2009

Page 2: Facebook Connect

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

--Robert Kerrigan

Monday, April 27, 2009

Page 3: Facebook Connect

Chi siamo?

Monday, April 27, 2009

Page 4: Facebook Connect

Andrea Reginato

Monday, April 27, 2009

Page 5: Facebook Connect

Andrea Franz

Monday, April 27, 2009

Page 6: Facebook Connect

Facebook Connectcosa

Monday, April 27, 2009

Page 7: Facebook Connect

Facebook Connectcosa

Facebook fuori da Facebook

Monday, April 27, 2009

Page 8: Facebook Connect

Facebook Connectperché

Monday, April 27, 2009

Page 9: Facebook Connect

Facebook Connectperché

I. Single Sign On

Monday, April 27, 2009

Page 10: Facebook Connect

II. Virale

Monday, April 27, 2009

Page 11: Facebook Connect

II. Virale

1

Monday, April 27, 2009

Page 12: Facebook Connect

II. Virale

547

Monday, April 27, 2009

Page 13: Facebook Connect

II. Virale

547 x 3% = 18

Monday, April 27, 2009

Page 14: Facebook Connect

II. Virale

9.846

Monday, April 27, 2009

Page 15: Facebook Connect

II. Virale

9.846 x 3% = 296

Monday, April 27, 2009

Page 16: Facebook Connect

II. Virale

Monday, April 27, 2009

Page 17: Facebook Connect

II. Virale

161.912

Monday, April 27, 2009

Page 18: Facebook Connect

II. Virale

161.912Cavolo!

Monday, April 27, 2009

Page 19: Facebook Connect

Facebook Connectcome

Monday, April 27, 2009

Page 20: Facebook Connect

Facebook Connectcome

Commenti Facebook su Blog

Monday, April 27, 2009

Page 21: Facebook Connect

Facebook Connectcome

Commenti Facebook su BlogGioco basato su Facebook Connect

Monday, April 27, 2009

Page 22: Facebook Connect

Commenti Facebook su Blog

Monday, April 27, 2009

Page 23: Facebook Connect

Commenti Facebook su Blogprima

Monday, April 27, 2009

Page 24: Facebook Connect

Commenti Facebook su Blogdopo

Monday, April 27, 2009

Page 25: Facebook Connect

Commenti Facebook su Blogsoprattutto

Monday, April 27, 2009

Page 26: Facebook Connect

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

Gioco basato su Facebook Connect

Monday, April 27, 2009

Page 28: Facebook Connect

Gioco basato su Facebook Connect

FindYourFriend :)

Monday, April 27, 2009

Page 29: Facebook Connect

FindYourFriendfunzionalità facebook connect

Monday, April 27, 2009

Page 30: Facebook Connect

FindYourFriendfunzionalità facebook connect

Login

Monday, April 27, 2009

Page 31: Facebook Connect

FindYourFriendfunzionalità facebook connect

LoginRete sociale dell’utente

Monday, April 27, 2009

Page 32: Facebook Connect

FindYourFriendfunzionalità facebook connect

LoginRete sociale dell’utente

Pubblicazione sul news feed

Monday, April 27, 2009

Page 33: Facebook Connect

FindYourFriendfunzionalità facebook connect

LoginRete sociale dell’utente

Pubblicazione sul news feedIntegrazione con tecnologie server side

Monday, April 27, 2009

Page 34: Facebook Connect

FindYourFriendlogin

Monday, April 27, 2009

Page 35: Facebook Connect

FindYourFriendlogin

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

Monday, April 27, 2009

Page 36: Facebook Connect

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

FindYourFriendrete sociale dell’utente

Monday, April 27, 2009

Page 38: Facebook Connect

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

FindYourFriendpubblicazione sul news feed

Monday, April 27, 2009

Page 40: Facebook Connect

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

FindYourFriendintegrazione con tecnologie server side

Monday, April 27, 2009

Page 42: Facebook Connect

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

Dimostrazione

Monday, April 27, 2009