Facebook Connect / In pratica di Andrea Reginato & Andrea Franz

1. Facebook Connect
in pratica
Monday, April 27, 2009

2. “The way of the world is meeting people
through other people”
--Robert Kerrigan
Monday, April 27, 2009

3. Chi siamo?
Monday, April 27, 2009

4. Andrea Reginato
Monday, April 27, 2009

5. Andrea Franz
Monday, April 27, 2009

6. Facebook Connect
cosa
Monday, April 27, 2009

7. Facebook Connect
cosa
Facebook fuori da Facebook
Monday, April 27, 2009

8. Facebook Connect
perché
Monday, April 27, 2009

9. Facebook Connect
perché
I. Single Sign On
Monday, April 27, 2009

10. II. Virale
Monday, April 27, 2009

11. II. Virale
1
Monday, April 27, 2009

12. II. Virale
547
Monday, April 27, 2009

13. II. Virale
547 x 3% = 18
Monday, April 27, 2009

14. II. Virale
9.846
Monday, April 27, 2009

15. II. Virale
9.846 x 3% = 296
Monday, April 27, 2009

16. II. Virale
Monday, April 27, 2009

17. II. Virale
161.912
Monday, April 27, 2009

18. II. Virale
161.912
Cavolo!
Monday, April 27, 2009

19. Facebook Connect
come
Monday, April 27, 2009

20. Facebook Connect
come
Commenti Facebook su Blog
Monday, April 27, 2009

21. Facebook Connect
come
Commenti Facebook su Blog
Gioco basato su Facebook Connect
Monday, April 27, 2009

22. Commenti Facebook su Blog
Monday, April 27, 2009

23. Commenti Facebook su Blog
prima
Monday, April 27, 2009

24. Commenti Facebook su Blog
dopo
Monday, April 27, 2009

25. Commenti Facebook su Blog
soprattutto
Monday, April 27, 2009

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. Gioco basato su Facebook Connect
Monday, April 27, 2009

28. Gioco basato su Facebook Connect
FindYourFriend :)
Monday, April 27, 2009

29. FindYourFriend
funzionalità facebook connect
Monday, April 27, 2009

30. FindYourFriend
funzionalità facebook connect
Login
Monday, April 27, 2009

31. FindYourFriend
funzionalità facebook connect
Login
Rete sociale dell’utente
Monday, April 27, 2009

32. FindYourFriend
funzionalità facebook connect
Login
Rete sociale dell’utente
Pubblicazione sul news feed
Monday, April 27, 2009

33. FindYourFriend
funzionalità facebook connect
Login
Rete sociale dell’utente
Pubblicazione sul news feed
Integrazione con tecnologie server side
Monday, April 27, 2009

34. FindYourFriend
login
Monday, April 27, 2009

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. 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. FindYourFriend
rete sociale dell’utente
Monday, April 27, 2009

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. FindYourFriend
pubblicazione sul news feed
Monday, April 27, 2009

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. FindYourFriend
integrazione con tecnologie server side
Monday, April 27, 2009

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. Dimostrazione
Monday, April 27, 2009

44. Domande?
Andrea Franz <andrea@mikamai.com>
Andrea Reginato <reggie@mikamai.com>
Monday, April 27, 2009