22
e-art sup | 3A & 3B Design Interactif Alexandre Rivaux [email protected] ixd.education Web expérientiel Facebook & Twitter

01 03 web_expérientiel _ les réseaux sociaux

Embed Size (px)

Citation preview

Page 1: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Web expérientiel — Facebook & Twitter

Page 2: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

1. Qu’est-ce qu’une API?2. Facebook API3. Twitter API4. Quelques exemples5. Bibliographie

Page 3: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Qu’est-ce qu’une API ?

Page 4: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Qu’est-ce qu’une API

« Une API — Application Programming Interface

(interface de programmation) — est un ensemble de classes,

de méthodes ou de fonctions permettant d’accéder à une application

ou un service web par l’intermédiaire d’un langage de programmation.

L’API est au developpeur que ce que l’UI est à l’utilisateur. »

Sam & Max : Qu’est ce qu’une APIWikipedia : API

Page 5: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Facebook API

Page 6: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

L’API Facebook : Que puis-je faire avec ?

Le domaine des possibles avec l’utilisateur :

● Partage de contenu● Loggin Facebook● Accès aux données utilisateurs :

○ E-mail○ À propos○ Anniversaire○ Formations (education)○ Liste d’amis○ Activité de jeux○ Ville de résidence○ Likes○ Géolocalisations○ Photos○ Posts

Facebook API

○ Situation de couple○ Religion○ Status○ Lieux taggés○ vidéos○ Sites○ Professions

● Ce que l’on peut faire pour l’utilisateur○ Poster un contenu (texte, image, video)

Page 7: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

L’API Facebook : Que puis-je faire avec ?

Le domaine des possibles avec les pages, évènement et groupes:

● Management● Lecture de contenu● Publier un contenu● E-mail de la page● Listes de invités● publicité

Facebook API

Page 8: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Twitter API

Page 9: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

L’API Twitter: Que puis-je faire avec ?

Le domaine des possibles au global :

● Récupérer le flux twitter public à partir d’un Hashtag ou d’un utilisateur :○ Auteur○ Date○ Lieu○ Retweets○ Favoris○ Réponses○ Langues○ Citations / Mentions○ Nombre de retweet ou favoris○ Texte et Media○ URL

Twitter API

● Partager un contenu○ Tweet pré-écris○ Inclure des mention ou des média

Page 10: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

L’API Twitter: Que puis-je faire avec ?

Le domaine des possibles avec l’utilisateur :

● Accès aux données utilisateurs :○ Liste des tweet et informations associées

(date, lieu, hashtag, mention, url, media…)○ Liste des retweets○ Liste des favoris○ Liste des médias○ Liste des messages envoyés○ Liste des follower○ Liste des following○ Paramètres du compte○ Email○ Photo de profil○ Photo de bannière○ Liste des suggestions

Twitter API

○ Listes○ Géolocalisations○ Profil

● Ce que l’on peut faire pour l’utilisateur○ Poster un tweet (texte, image, vidéo)○ Supprimer un tweet○ Gérer la liste des Following

(Ajout/Suppression)○ Gérer les médias (Ajout/Suppression)○ Gérer les paramètres○ Gérer le profil○ Gérer les favoris, retweets et listes.

Page 11: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Quelques exemples

Page 12: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Take the Thrones : La communauté au pouvoir

Take the Thrones (2014)Marque : HBOAgence et Production : 360i, Pet Gorilla, Plan8

Quelques exemples

Page 13: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Bell Social Portrait

The Social Portrait (2011)Marque : BellAgence et production : Teehan+Lax Inc.

Quelques exemples

Page 14: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Take this lollipop

Take this lollipop (2011)Agence et production : Tool, Jason Zada

Quelques exemples

Page 15: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Stanley, the interactive piano

Stanley, the interactive piano (2012)Agence et Production : Digital Kitchen

Quelques exemples

Page 16: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Cascade

Cascade (2011)Marque : NY TimesArtiste : Jer Thorp

Quelques exemples

Page 17: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

One small tweet

One small tweet (2012)Marque : The Martin Agency

Quelques exemples

Page 18: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Chase the tweets

Chase the tweets (2012)Marque : SoshAgence : Cake ParisProduction : Bonjour, interactive lab

Quelques exemples

Page 20: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Bibliographie

Page 21: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Bibliographie

Global

Facebook Developers :https://developers.facebook.com/Twitter API :https://dev.twitter.com/

Bibliographie

Page 22: 01 03 web_expérientiel _ les réseaux sociaux

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

Bon designInteractif ;)Pour toutes questions concernant la matière, les sujets ou le design; n’hésitez pas à me contacter.

[email protected]