Open Graph API
    par Mohammed Bouabdellah
             le 31 janvier 2012
Ça dit quoi ?
•  Présentation du géant Facebook (Timeline)

•  Open Graph

•  Social Plugins

•  Oauth2.0

•  Conclusion

                 Mohammed	
  Bouabdellah	
  -­‐	
  Open	
  Graph	
  API	
     2	
  
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’ AND
gender=‘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	
  
Facebook	
  vaut	
  aujourd’hui	
  50	
  milliards	
  de	
  dollars	
  
                       via	
  les	
  plateformes	
  boursières	
  Sharepost,	
  SecondMarket	
  et	
  17	
  autres	
  




                                                                                       Mark Zuckerberg vous invite à sa keynote f8
812 millions d’amis
                                                                   22 septembre 2011, à San Fransisco
janvier 2012
                                                                        Open Graph Protocol




                                                                                       Weekly World New
                                                                                       22 janvier 2011, à proximité de New York
Mark Zuckerberg rachète 18 brevets à Friendster
26 septembre 2010, à proximité de Palo Alto
                                  Facebook va fermé ce mois de mars !

                                                                              C’est pas une blague !

                            40	
  M$	
  
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	
  
Ben
       Sara



                    Lisa




                     CHECK-­‐IN	
  
                                          E	
  
Youssoupha
                           AIM

                                                         Kevin


               Palm Beach
                                        6	
  
Actions - Objets




                    7	
  
Créer ses actions et ses
         objets

UTILISATEUR
                    ACTION
                                      OBJET




                              CUISINER
                                     RECETTE




               Mohammed	
  Bouabdellah	
  -­‐	
  Open	
  Graph	
  API	
                8	
  
Social Plugins
Ajouter	
  au	
  Journal	
        Bouton	
  «	
  J’aime	
  »	
                               Commentaires	
  




     Connexion	
                              Inscrip?on	
                                  Recommanda?ons	
  




                               Mohammed	
  Bouabdellah	
  -­‐	
  Open	
  Graph	
  API	
                     9	
  
Social Plugins
                              Connexion	
  




<fb:login-button perms="email,offline_access” !
  ! !show-faces="true"></fb:login-button>!




                Mohammed	
  Bouabdellah	
  -­‐	
  Open	
  Graph	
  API	
     10	
  
Permissions
user_photos,!
user_relationships,!
user_religion_politics,!
user_status,!
friends_likes,!
friends_birthday,!
friends_relationships,!
offline_access!
…!
      Mohammed	
  Bouabdellah	
  -­‐	
  Open	
  Graph	
  API	
     11	
  
Permissions




 Mohammed	
  Bouabdellah	
  -­‐	
  Open	
  Graph	
  API	
     12	
  
graph.facebook.com



https://graph.facebook.com/id_facebook/flux!




              Mohammed	
  Bouabdellah	
  -­‐	
  Open	
  Graph	
  API	
     13	
  
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	
  
Oauth2.0


•  Comment récupérer un token ?




            Mohammed	
  Bouabdellah	
  -­‐	
  Open	
  Graph	
  API	
     15	
  
É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	
  
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	
  
Mohammed Bouabdellah aime votre attention
                                              31 janvier 2012, à l’ESIPE, avec 36 autres 

                                     Merci pour votre attention ! 

                                     ^^




Questions ?



 Mohammed	
  Bouabdellah	
  -­‐	
  Open	
  Graph	
  API	
                                    18	
  

Open Graph API Facebook

  • 1.
    Open Graph API par Mohammed Bouabdellah le 31 janvier 2012
  • 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.
    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’ AND gender=‘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.
    Facebook  vaut  aujourd’hui  50  milliards  de  dollars   via  les  plateformes  boursières  Sharepost,  SecondMarket  et  17  autres   Mark Zuckerberg vous invite à sa keynote f8 812 millions d’amis 22 septembre 2011, à San Fransisco janvier 2012 Open Graph Protocol Weekly World New 22 janvier 2011, à proximité de New York Mark Zuckerberg rachète 18 brevets à Friendster 26 septembre 2010, à proximité de Palo Alto Facebook va fermé ce mois de mars !
 C’est pas une blague ! 40  M$  
  • 5.
    Open Graph •  Anciennementappelé 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.
    Ben Sara Lisa CHECK-­‐IN   E   Youssoupha AIM Kevin Palm Beach 6  
  • 7.
  • 8.
    Créer ses actionset ses objets UTILISATEUR ACTION OBJET CUISINER RECETTE Mohammed  Bouabdellah  -­‐  Open  Graph  API   8  
  • 9.
    Social Plugins Ajouter  au  Journal   Bouton  «  J’aime  »   Commentaires   Connexion   Inscrip?on   Recommanda?ons   Mohammed  Bouabdellah  -­‐  Open  Graph  API   9  
  • 10.
    Social Plugins Connexion   <fb:login-button perms="email,offline_access” ! ! !show-faces="true"></fb:login-button>! Mohammed  Bouabdellah  -­‐  Open  Graph  API   10  
  • 11.
  • 12.
    Permissions Mohammed  Bouabdellah  -­‐  Open  Graph  API   12  
  • 13.
    graph.facebook.com https://graph.facebook.com/id_facebook/flux! Mohammed  Bouabdellah  -­‐  Open  Graph  API   13  
  • 14.
    Oauth2.0 •  Protocole librestandardisé 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.
    Oauth2.0 •  Comment récupérerun token ? Mohammed  Bouabdellah  -­‐  Open  Graph  API   15  
  • 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.
    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.
    Mohammed Bouabdellah aimevotre attention 31 janvier 2012, à l’ESIPE, avec 36 autres Merci pour votre attention ! 
 ^^ Questions ? Mohammed  Bouabdellah  -­‐  Open  Graph  API   18