e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Web expérientiel
—
Facebook & Twitt...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
1. Qu’est-ce qu’une API?
2. Faceboo...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Qu’est-ce
qu’une API ?
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Qu’est-ce qu’une API
—
« Une API — ...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Facebook API
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
L’API Facebook : Que puis-je faire ...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
L’API Facebook : Que puis-je faire ...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Twitter API
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
L’API Twitter: Que puis-je faire av...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
L’API Twitter: Que puis-je faire av...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Quelques
exemples
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Take the Thrones :
La communauté au...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Bell Social Portrait
The Social Por...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Take this lollipop
Take this lollip...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Stanley, the interactive piano
Stan...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Cascade
Cascade (2011)
Marque : NY ...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
One small tweet
One small tweet (20...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Chase the tweets
Chase the tweets (...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Generating Utopia
Generating Utopia...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Bibliographie
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Bibliographie
Global
Facebook Devel...
e-art sup | 3A & 3B
Design Interactif
Alexandre Rivaux
arivaux@gmail.com
ixd.education
Bon design
Interactif ;)
Pour toute...
Prochain SlideShare
Chargement dans…5
×

01 03 web_expérientiel _ les réseaux sociaux

278 vues

Publié le

01 03 web_expérientiel _ les réseaux sociaux

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
278
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4
Actions
Partages
0
Téléchargements
15
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

01 03 web_expérientiel _ les réseaux sociaux

  1. 1. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Web expérientiel — Facebook & Twitter
  2. 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. 3. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Qu’est-ce qu’une API ?
  4. 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. 5. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Facebook API
  6. 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. 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. 8. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Twitter API
  9. 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. 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. 11. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Quelques exemples
  12. 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. 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. 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. 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. 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. 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. 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. 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. 20. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Bibliographie
  21. 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. 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

×