01 03 web_expérientiel _ les réseaux sociaux

1. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Web expérientiel
—
Facebook & Twitter

2. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
1. Qu’est-ce qu’une API?
2. Facebook API
3. Twitter API
4. Quelques exemples
5. Bibliographie

3. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Qu’est-ce
qu’une API ?

4. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
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 API
Wikipedia : API

5. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Facebook API

6. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
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)

7. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
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
—

8. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Twitter API

9. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
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

10. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
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.

11. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Quelques
exemples

12. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Take the Thrones :
La communauté au pouvoir
Take the Thrones (2014)
Marque : HBO
Agence et Production : 360i, Pet Gorilla, Plan8
Quelques exemples
—

13. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Bell Social Portrait
The Social Portrait (2011)
Marque : Bell
Agence et production : Teehan+Lax Inc.
Quelques exemples
—

14. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Take this lollipop
Take this lollipop (2011)
Agence et production : Tool, Jason Zada
Quelques exemples
—

15. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Stanley, the interactive piano
Stanley, the interactive piano (2012)
Agence et Production : Digital Kitchen
Quelques exemples
—

16. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Cascade
Cascade (2011)
Marque : NY Times
Artiste : Jer Thorp
Quelques exemples
—

17. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
One small tweet
One small tweet (2012)
Marque : The Martin Agency
Quelques exemples
—

18. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Chase the tweets
Chase the tweets (2012)
Marque : Sosh
Agence : Cake Paris
Production : Bonjour, interactive lab
Quelques exemples
—

19. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Generating Utopia
Generating Utopia (2013)
Artiste : Stefan Wagner
Quelques exemples
—

20. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Bibliographie

21. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Bibliographie
Global
Facebook Developers :
https://developers.facebook.com/
Twitter API :
https://dev.twitter.com/
Bibliographie
—

22. e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Bon design
Interactif ;)
Pour toutes questions concernant
la matière, les sujets ou le design;
n’hésitez pas à me contacter.
arivaux@gmail.com