Facebook Connect - Facebook Developer Garage Milan- April 2009

1,410 views
1,312 views

Published on

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.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,410
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Facebook Connect - Facebook Developer Garage Milan- April 2009

  1. 1. Facebook Connect in pratica Monday, April 27, 2009
  2. 2. “The way of the world is meeting people  through other people” --Robert Kerrigan Monday, April 27, 2009
  3. 3. Chi siamo? Monday, April 27, 2009
  4. 4. Andrea Reginato Monday, April 27, 2009
  5. 5. Andrea Franz Monday, April 27, 2009
  6. 6. Facebook Connect cosa Monday, April 27, 2009
  7. 7. Facebook Connect cosa Facebook fuori da Facebook Monday, April 27, 2009
  8. 8. Facebook Connect perché Monday, April 27, 2009
  9. 9. Facebook Connect perché I. Single Sign On Monday, April 27, 2009
  10. 10. II. Virale Monday, April 27, 2009
  11. 11. II. Virale 1 Monday, April 27, 2009
  12. 12. II. Virale 547 Monday, April 27, 2009
  13. 13. II. Virale 547 x 3% = 18 Monday, April 27, 2009
  14. 14. II. Virale 9.846 Monday, April 27, 2009
  15. 15. II. Virale 9.846 x 3% = 296 Monday, April 27, 2009
  16. 16. II. Virale Monday, April 27, 2009
  17. 17. II. Virale 161.912 Monday, April 27, 2009
  18. 18. II. Virale 161.912 Cavolo! Monday, April 27, 2009
  19. 19. Facebook Connect come Monday, April 27, 2009
  20. 20. Facebook Connect come Commenti Facebook su Blog Monday, April 27, 2009
  21. 21. Facebook Connect come Commenti Facebook su Blog Gioco basato su Facebook Connect Monday, April 27, 2009
  22. 22. Commenti Facebook su Blog Monday, April 27, 2009
  23. 23. Commenti Facebook su Blog prima Monday, April 27, 2009
  24. 24. Commenti Facebook su Blog dopo Monday, April 27, 2009
  25. 25. Commenti Facebook su Blog soprattutto Monday, April 27, 2009
  26. 26. Commenti Facebook su Blog <div class=quot;commentsquot;>   <fb:comments>   </fb:comments>   <script src=quot;http://static.ak.connect.facebook.com/js/ api_lib/v0.4/FeatureLoader.js.phpquot; type=quot;text/javascriptquot;>   </script>   <script type=quot;text/javascriptquot;>     FB_RequireFeatures([quot;XFBMLquot;], function(){       FB.Facebook.init(quot;14de6b72b5fd52f07607f76840a6801equot;, quot;/ xd_receiver.htmquot;);     });   </script> </div> Monday, April 27, 2009
  27. 27. Gioco basato su Facebook Connect Monday, April 27, 2009
  28. 28. Gioco basato su Facebook Connect FindYourFriend :) Monday, April 27, 2009
  29. 29. FindYourFriend funzionalità facebook connect Monday, April 27, 2009
  30. 30. FindYourFriend funzionalità facebook connect Login Monday, April 27, 2009
  31. 31. FindYourFriend funzionalità facebook connect Login Rete sociale dell’utente Monday, April 27, 2009
  32. 32. FindYourFriend funzionalità facebook connect Login Rete sociale dell’utente Pubblicazione sul news feed Monday, April 27, 2009
  33. 33. FindYourFriend funzionalità facebook connect Login Rete sociale dell’utente Pubblicazione sul news feed Integrazione con tecnologie server side Monday, April 27, 2009
  34. 34. FindYourFriend login Monday, April 27, 2009
  35. 35. FindYourFriend login <div class=quot;loginquot;>    <fb:login‐button autologoutlink=quot;truequot; length=quot;longquot;>   </fb:login‐button> </div> Monday, April 27, 2009
  36. 36. FindYourFriend login initFacebook: function() {       FB_RequireFeatures([quot;Apiquot;, quot;XFBMLquot;], 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
  37. 37. FindYourFriend rete sociale dell’utente Monday, April 27, 2009
  38. 38. FindYourFriend rete sociale dell’utente loadFriends: function() {   this.container.down(quot;.loadingquot;).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
  39. 39. FindYourFriend pubblicazione sul news feed Monday, April 27, 2009
  40. 40. FindYourFriend pubblicazione sul news feed openDialog: function(level) {   var template_bundle_id = quot;69711773935quot;;   new FB.Connect.showFeedDialog(     template_bundle_id,     {level: level},     [], // target_id     quot;Great!quot;,      null, // parametro deprecato     FB.RequireConnect.promptConnect,      function(result, exception) {},      quot;FindYourFriendquot;,      {value: quot;Yuhuhuhuhuu sono arrivato al livello quot; +  level}); } Monday, April 27, 2009
  41. 41. FindYourFriend integrazione con tecnologie server side Monday, April 27, 2009
  42. 42. FindYourFriend integrazione con tecnologie server side onGameOver: function() {   this.container.down(quot;#btnRestartquot;).show();       new Ajax.Request('/save', {     parameters: quot;player[points]=quot; + this.points + quot;&player[uid]=quot; +  this.facebook_api.get_session().uid   });   this.openDialog(this.level.index);     }, Monday, April 27, 2009
  43. 43. Dimostrazione Monday, April 27, 2009
  44. 44. Domande? Andrea Franz <andrea@mikamai.com> Andrea Reginato <reggie@mikamai.com> Monday, April 27, 2009

×