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

Preview:

Citation preview

Le web, social,

personnalisé et

sémantique.

Par Jonathan Beurel Xposé – Ingénieurs 2000

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

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

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

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

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

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

Like Button

Ingénieurs 2000 - Xposé - Jonathan Beurel 8

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

25/01/2011

Like Button

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

Activities Feed Plugin

Ingénieurs 2000 - Xposé - Jonathan Beurel 10

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

25/01/2011

Activities Feed Plugin

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

Recommendations Plugin

Ingénieurs 2000 - Xposé - Jonathan Beurel 12

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

25/01/2011

Recommendations Plugin

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

Ingénieurs 2000 - Xposé - Jonathan Beurel 14

Facebook VotreSite

25/01/2011

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

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

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

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

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

Exemple

Ingénieurs 2000 - Xposé - Jonathan Beurel 20

Avec

25/01/2011

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

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

L’API

Ingénieurs 2000 - Xposé - Jonathan Beurel 23

http://graph.facebook.com

25/01/2011

L’API

Ingénieurs 2000 - Xposé - Jonathan Beurel 24

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

25/01/2011

L’API

Ingénieurs 2000 - Xposé - Jonathan Beurel 25

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

25/01/2011

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

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

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

Oauth 2.0

Ingénieurs 2000 - Xposé - Jonathan Beurel 29

• Standard IETF • Compréhensible en 5 minutes

25/01/2011

Oauth 2.0

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

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

Ingénieurs 2000 - Xposé - Jonathan Beurel 32

Internet

Information

Page

Connaissances

25/01/2011

Questions ?

Par Jonathan Beurel Xposé – Ingénieurs 2000

Recommended