Successfully reported this slideshow.

Open Graph API Facebook

2,626 views

Published on

  • Be the first to comment

Open Graph API Facebook

  1. 1. Open Graph API par Mohammed Bouabdellah le 31 janvier 2012
  2. 2. Ça dit quoi ?•  Présentation du géant Facebook (Timeline)•  Open Graph•  Social Plugins•  Oauth2.0•  Conclusion Mohammed  Bouabdellah  -­‐  Open  Graph  API   2  
  3. 3. Timeline de facebook Mark Zuckerberg a crée le groupe Facebook Developers 23 juillet 2008, à proximité de Palo Alto J’invite tous les développeurs à connecter leurs sites web à Facebook Connect ! Facebook Secrets a partagé un code source. 13  août  2007  $query = "SELECT * FROM members WHERE skin_color=‘black’ ANDgender=‘male’";
while($data = mysql_fetch_array($query)){
 "fbi_signal($data[‘id’]);"}" Mark Zuckerberg 26 septembre 2006, à proximité de Palo Alto Je renomme mon site facebook et l’ouvre à quiconque a un mail et plus de 13 ans ^^ thefacebook.com   Né le 4 février 2004 à proximité de Harvard 3  
  4. 4. Facebook  vaut  aujourd’hui  50  milliards  de  dollars   via  les  plateformes  boursières  Sharepost,  SecondMarket  et  17  autres   Mark Zuckerberg vous invite à sa keynote f8812 millions d’amis 22 septembre 2011, à San Fransiscojanvier 2012 Open Graph Protocol Weekly World New 22 janvier 2011, à proximité de New YorkMark Zuckerberg rachète 18 brevets à Friendster26 septembre 2010, à proximité de Palo Alto Facebook va fermé ce mois de mars !
 C’est pas une blague ! 40  M$  
  5. 5. Open Graph•  Anciennement appelé Social Graph•  Protocole permettant de manipuler des données issues de Facebook•  Basé sur un modèle d’actions et d’objets Mohammed  Bouabdellah  -­‐  Open  Graph  API   5  
  6. 6. Ben Sara Lisa CHECK-­‐IN   E  Youssoupha AIM Kevin Palm Beach 6  
  7. 7. Actions - Objets 7  
  8. 8. Créer ses actions et ses objetsUTILISATEUR ACTION OBJET CUISINER RECETTE Mohammed  Bouabdellah  -­‐  Open  Graph  API   8  
  9. 9. Social PluginsAjouter  au  Journal   Bouton  «  J’aime  »   Commentaires   Connexion   Inscrip?on   Recommanda?ons   Mohammed  Bouabdellah  -­‐  Open  Graph  API   9  
  10. 10. Social Plugins Connexion  <fb:login-button perms="email,offline_access” ! ! !show-faces="true"></fb:login-button>! Mohammed  Bouabdellah  -­‐  Open  Graph  API   10  
  11. 11. Permissionsuser_photos,!user_relationships,!user_religion_politics,!user_status,!friends_likes,!friends_birthday,!friends_relationships,!offline_access!…! Mohammed  Bouabdellah  -­‐  Open  Graph  API   11  
  12. 12. Permissions Mohammed  Bouabdellah  -­‐  Open  Graph  API   12  
  13. 13. graph.facebook.comhttps://graph.facebook.com/id_facebook/flux! Mohammed  Bouabdellah  -­‐  Open  Graph  API   13  
  14. 14. Oauth2.0•  Protocole libre standardisé IETF•  Utilisé par les APIs de Google, Twitter, Bing …•  Accès aux ressources sécurisé via un token•  token = clé permettant un accès avec une durée définie Mohammed  Bouabdellah  -­‐  Open  Graph  API   14  
  15. 15. Oauth2.0•  Comment récupérer un token ? Mohammed  Bouabdellah  -­‐  Open  Graph  API   15  
  16. 16. Échanges Oauth2.0 Service   U?lisateur   App  Cliente   Facebook   request_token   redirecSon  page     grant  request_token   d’authenSficaSon     autorise  le  request_token   aqcuiUement  de  la  request   redirecSon  client   access_token  AuthenSficaSon  OK   grant  access_token   access  ressource   return  data   …   Mohammed  Bouabdellah  -­‐  Open  Graph  API   16  
  17. 17. Conclusion•  Simple à comprendre et à utiliser•  Mets un coup de boost aux statistiques•  Permet à Facebook de s’étendre sur le Web Mohammed  Bouabdellah  -­‐  Open  Graph  API   17  
  18. 18. Mohammed Bouabdellah aime votre attention 31 janvier 2012, à l’ESIPE, avec 36 autres Merci pour votre attention ! 
 ^^Questions ? Mohammed  Bouabdellah  -­‐  Open  Graph  API   18  

×