Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Facebook Connect
                               in pratica




Monday, April 27, 2009
“The way of the world is meeting people 
                         through other people”
                            --Robe...
Chi siamo?



Monday, April 27, 2009
Andrea Reginato




Monday, April 27, 2009
Andrea Franz




Monday, April 27, 2009
Facebook Connect
                                cosa




Monday, April 27, 2009
Facebook Connect
                                     cosa




                          Facebook fuori da Facebook




Mo...
Facebook Connect
                               perché




Monday, April 27, 2009
Facebook Connect
                                  perché



                             I. Single Sign On




Monday, Ap...
II. Virale




Monday, April 27, 2009
II. Virale


                             1




Monday, April 27, 2009
II. Virale


                         547




Monday, April 27, 2009
II. Virale


                         547 x 3% = 18




Monday, April 27, 2009
II. Virale


                         9.846


Monday, April 27, 2009
II. Virale


                         9.846 x 3% = 296


Monday, April 27, 2009
II. Virale




Monday, April 27, 2009
II. Virale


                         161.912

Monday, April 27, 2009
II. Virale


                         161.912
                            Cavolo!




Monday, April 27, 2009
Facebook Connect
                                come




Monday, April 27, 2009
Facebook Connect
                                come



                          Commenti Facebook su Blog




Monday, A...
Facebook Connect
                                come



                            Commenti Facebook su Blog
           ...
Commenti Facebook su Blog




Monday, April 27, 2009
Commenti Facebook su Blog
                                   prima




Monday, April 27, 2009
Commenti Facebook su Blog
                                    dopo




Monday, April 27, 2009
Commenti Facebook su Blog
                                  soprattutto




Monday, April 27, 2009
Commenti Facebook su Blog
                     <div class=quot;commentsquot;>
                       <fb:comments>
       ...
Gioco basato su Facebook Connect




Monday, April 27, 2009
Gioco basato su Facebook Connect



                         FindYourFriend :)




Monday, April 27, 2009
FindYourFriend
                         funzionalità facebook connect




Monday, April 27, 2009
FindYourFriend
                         funzionalità facebook connect


                                    Login




Mond...
FindYourFriend
                         funzionalità facebook connect


                                    Login
        ...
FindYourFriend
                         funzionalità facebook connect


                                     Login
       ...
FindYourFriend
                             funzionalità facebook connect


                                          Logi...
FindYourFriend
                              login




Monday, April 27, 2009
FindYourFriend
                                              login



                     <div class=quot;loginquot;> 
  ...
FindYourFriend
                                         login


       initFacebook: function() {    
         FB_RequireF...
FindYourFriend
                         rete sociale dell’utente




Monday, April 27, 2009
FindYourFriend
                                rete sociale dell’utente
             loadFriends: function() {
           ...
FindYourFriend
                         pubblicazione sul news feed




Monday, April 27, 2009
FindYourFriend
                                   pubblicazione sul news feed

                         openDialog: functi...
FindYourFriend
                         integrazione con tecnologie server side




Monday, April 27, 2009
FindYourFriend
                         integrazione con tecnologie server side

         onGameOver: function() {
       ...
Dimostrazione


Monday, April 27, 2009
Domande?
                          Andrea Franz <andrea@mikamai.com>
                         Andrea Reginato <reggie@mika...
Upcoming SlideShare
Loading in …5
×

Facebook Connect - Facebook Developer Garage Milan- April 2009

1,603 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.

  • Be the first to comment

  • Be the first to like this

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

×