Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

01 03 web_expérientiel _ les réseaux sociaux

477 views

Published on

01 03 web_expérientiel _ les réseaux sociaux

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×