Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan...

33
Le web, social, personnalisé et sémantique. Par Jonathan Beurel Xposé – Ingénieurs 2000

Transcript of Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan...

Page 1: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Le web, social,

personnalisé et

sémantique.

Par Jonathan Beurel Xposé – Ingénieurs 2000

Page 2: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Plan

1. Présentation de Facebook

2. Social Plugins

3. Open Graph Protocol

4. Graph API

Ingénieurs 2000 - Xposé - Jonathan Beurel 2 25/01/2011

Page 3: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Plan

1. Présentation de Facebook

2. Social Plugins

3. Open Graph Protocol

4. Graph API

Ingénieurs 2000 - Xposé - Jonathan Beurel 3 25/01/2011

Page 4: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Chiffres sur l’entreprise

• Mark Zuckerberg

• 1700 salariés

• CA : 2 milliards USD

• Bénéfices : 500 millions USD

• Estimation : 50 milliards USD

Ingénieurs 2000 - Xposé - Jonathan Beurel 4 25/01/2011

Page 5: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Chiffres sur le réseau social

500 millions d’utilisateurs…

Ingénieurs 2000 - Xposé - Jonathan Beurel 5

50 000 liens

66 000 tags

82 000 status

231 000 messages

382 000 likes

…par minute

25/01/2011

Page 6: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Plan

1. Présentation de Facebook

2. Social Plugins

3. Open Graph Protocol

4. Graph API

Ingénieurs 2000 - Xposé - Jonathan Beurel 6 25/01/2011

Page 7: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Caractéristiques

• Une ligne de code

• Pas de boîte de dialogue

• Pas besoin de s’identifier

Ingénieurs 2000 - Xposé - Jonathan Beurel 7 25/01/2011

Page 8: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Like Button

Ingénieurs 2000 - Xposé - Jonathan Beurel 8

<iframe src="http://www.facebook.com/plugins/like" />

25/01/2011

Page 9: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Like Button

Ingénieurs 2000 - Xposé - Jonathan Beurel 9 25/01/2011

Page 10: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Activities Feed Plugin

Ingénieurs 2000 - Xposé - Jonathan Beurel 10

<iframe src="http://www.facebook.com/plugins/activity" />

25/01/2011

Page 11: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Activities Feed Plugin

Ingénieurs 2000 - Xposé - Jonathan Beurel 11 25/01/2011

Page 12: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Recommendations Plugin

Ingénieurs 2000 - Xposé - Jonathan Beurel 12

<iframe src="http://www.facebook.com/plugins/recommendations" />

25/01/2011

Page 13: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Recommendations Plugin

Ingénieurs 2000 - Xposé - Jonathan Beurel 13 25/01/2011

Page 14: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Ingénieurs 2000 - Xposé - Jonathan Beurel 14

Facebook VotreSite

25/01/2011

Page 15: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Plan

1. Présentation de Facebook

2. Social Plugins

3. Open Graph Protocol

4. Graph API

Ingénieurs 2000 - Xposé - Jonathan Beurel 15 25/01/2011

Page 16: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Open Graph Protocol

Ingénieurs 2000 - Xposé - Jonathan Beurel 16

“The Open Graph Protocol enables any web page to become a rich object in a social graph.”

http://ogp.me

25/01/2011

Page 17: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Description au format XML

Ingénieurs 2000 - Xposé - Jonathan Beurel 17

<html xmlns:og="http://ogp.me/ns#"> … <meta property="og:LaPropriété" content=“LaValeur" />

25/01/2011

Page 18: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Description au format XML

Ingénieurs 2000 - Xposé - Jonathan Beurel 18

Propriétés de bases : • og:title • og:image • og:url • og:type

25/01/2011

Page 19: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Les types

Ingénieurs 2000 - Xposé - Jonathan Beurel 19

Products and Entertainment

• album • book • drink • food • game • movie • product • song • tv_show

People • actor • athlete • author • director • musician • politician • profile • public_figure

Businesses • bar • company • cafe • hotel • Restaurant

25/01/2011

Page 20: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Exemple

Ingénieurs 2000 - Xposé - Jonathan Beurel 20

Avec

25/01/2011

Page 21: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Plan

1. Présentation de Facebook

2. Social Plugins

3. Open Graph Protocol

4. Graph API

Ingénieurs 2000 - Xposé - Jonathan Beurel 21 25/01/2011

Page 22: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

le Social Graph

Ingénieurs 2000 - Xposé - Jonathan Beurel 22

Objets : personnes, photos, événements, pages, groupes, messages, vidéos… Connexion: amitié, contenu partagé, "like"

25/01/2011

Page 23: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

L’API

Ingénieurs 2000 - Xposé - Jonathan Beurel 23

http://graph.facebook.com

25/01/2011

Page 24: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

L’API

Ingénieurs 2000 - Xposé - Jonathan Beurel 24

http://graph.facebook.com/identifiant/

25/01/2011

Page 25: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

L’API

Ingénieurs 2000 - Xposé - Jonathan Beurel 25

http://graph.facebook.com/identifiant/connexion

25/01/2011

Page 26: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

L’identifiant

Ingénieurs 2000 - Xposé - Jonathan Beurel 26

http://graph.facebook.com/identifiant

http://graph.facebook.com/68310606562

http://graph.facebook.com/markzuckerberg

25/01/2011

Page 27: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

La connexion

Ingénieurs 2000 - Xposé - Jonathan Beurel 27

http://graph.facebook.com/identifiant/connexion

http://graph.facebook.com/markzuckerberg/friends

http://graph.facebook.com/markzuckerberg/likes

http://graph.facebook.com/markzuckerberg/videos

25/01/2011

Page 28: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Real Time

Ingénieurs 2000 - Xposé - Jonathan Beurel 28

• Une mise à jour de vos données par Facebook • Utile pour les développeurs mais également pour les

utilisateurs

25/01/2011

Page 29: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Oauth 2.0

Ingénieurs 2000 - Xposé - Jonathan Beurel 29

• Standard IETF • Compréhensible en 5 minutes

25/01/2011

Page 30: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Oauth 2.0

Ingénieurs 2000 - Xposé - Jonathan Beurel 30 25/01/2011

Page 31: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Sources

Ingénieurs 2000 - Xposé - Jonathan Beurel 31

• F8 : 21 avril 2010, pour la description fonctionnelle des technologies

• developers.facebook.com, pour la description technique des technologies

• readwriteweb.com, pour l’esprit critique • nouvelobs.com, pour les chiffres

25/01/2011

Page 32: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Ingénieurs 2000 - Xposé - Jonathan Beurel 32

Internet

Information

Page

Connaissances

25/01/2011

Page 33: Le web, social, personnalisé et sémantique.dr/XPOSE2010/API-Open-Graph-Facebook/files… · Plan 1. Présentation de Facebook 2. Social Plugins 3. Open Graph Protocol 4. Graph API

Questions ?

Par Jonathan Beurel Xposé – Ingénieurs 2000