SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
Design Interactif
Cultures numériques / nouveaux médias / nouvelles pratiques




Nicolas Chapuis / mardi 22 septembre 2010
0. Introduction




  0.1 Générations X & Y
  0.2 Parcours multiples & parcours spécialisés
  0.3 Technologie, information, image et usages
1. Les réseaux




  1.1 Signaux
  Signaux de fumée / Télégraphe optiques (XVIIe) / Sémaphores (XIXe)

  1.2 Télécommunications
  Télégraphe, Samuel Morse (1844) / Téléphone, Graham Bell (1867)
1.3 Internet
Connexion téléphonique entre ordinateurs, MIT (1965) / Arpanet > Internet (1969) / Email (1972) / Minitel (1982)

1.4 Web
World Wide Web, HTTP, HTML, Tim Berners-Lee (1990)
2. Les machines et nous




  2.1 Evolution de l’informatique
  Charles Babbage, la Machine Analytique (1833) / Alan M. Turing, Le Colossus vs La Bombe (Enigma 1943) / Moniteurs
  vidéo (1949) / UNIVAC (1951) / Souris (1968) / WIMP (1970) / Deep Blue (1997)
3. Le design interactif




  3.1 Cd-rom, sites Web, bornes interactives, applications mobiles…
  Director & Lingo (1985) / Photoshop (1990) / Mosaic (1993) / Netscape (1994) / Infoseek (1994) / Altavista (1995) /
  Flash (1996) / Google (1999) / I love you (1999) / Blog (2003) / iTunes (2003) / Vlog (2004) / Web 2.0 (2004) / Podcast
  (2005) / VOD (2005) / Google Earth (2005) / Dailymotion, Youtube, Vimeo (2005) / Palm, Blackberry, Nokia N95,
  Windows Mobile (2005) / iPhone (2007) / Air / http://www.fubiz.net/2010/09/28/blackberry-playbook/
4. Projections




  4.1 Interface
  Multi-touch screen / Surface / 10/GUI / iPad / TAT / SixthSens

  4.2 Edition
  Papier et encre électronique / Esquire / Editions Volumiques / Nelson, Coupland et Alice
4.3 Réalité augmentée
Réalité augmentée / Mobiles 2.0 / Natal

4.4 Mobilité
5. Les jeux




  5.1 Histoire
  OXO (1949) / Ralph Baer (1951) / SpaceWar (1960) / Odyssey (1972) / Pong (1972) / Space Invaders (1978) / Pacman
  (1979) / Sim City (1989) / Myst (1993) / Tamagotchi (1997) / Sims (2000) / Wii (2006)

  5.2 Jeux d’aventure
  Rogue (1980) / Zork (1980) / Alone In The Dark (1990) / Another World (1991) / In Memoriam (2003) / Fahrenheit (2005)
  / Ninokuni (2009) / Heavy Rain (2010)
5.3 Jeux en réseau
MMOG & MMORPG / Monde persistant / Avatar / Communautés virtuelles / Scenario / Equipement / Expérience / PvE,
MvP, PvP, RvR / IRC / Voix IP / Ultima Online (1999) / Everquest / Dofus (2005) > Wakfu (2008) / World of WarCraft
(2005, 16 millions de joueurs) / Star Wars Galaxies

5.4 Mondes virtuels
Le Deuxième Monde, Canal+ (1996) / Second Life (2003) / Chris Marker
5.5 Cinéma & Jeu Vidéo
Tron / Matrix / Stalker / Avalon / Elephant

5.6 Du numérique au réel
Not So Noisy / Space Invaders / Pixel
6. Créations alternatives




  6.1 Games
  Machinima / Molotovalva / FreeStyle game / Machinarium /

  6.2 Web
  Arcade Fire / The Wilderness Down
7. Culture Web




  7.1 De 1996 à 2009
  Web 1.0 > Web 2.0 > Web 3.0 / Web mobile / Web de fond vs Web de flux / Web mémoire vs Web temps réel

  7.2 Wiki, réseaux sociaux et micro-blogging
  Wikipedia / Netvibes / Facebook / Twitter / Soup / Tumblr / Lastfm / Spotify / Foursquare / Wave / Chatroulette /
  Chienroulette
7.3 Web documentaire
Voyage au Bout du Charbon / Thanotorama / Cité des Mortes / Gaza Sderot / Le Corps Incarcéré / A la conquête de la lune
/ Montréal / Waterlife / Berlin 1989 / La Hoja Sagrada / The Price of Sex / Arte WebDoc / La Havane-Miami / Prison
Valley
8. Sites Web




  8.1 Sites HTML
  Html & Css

  8.2 Blog
  Blogs & Cms
8.3 Web 2.0
Ajax / Netvibes

8.4 Sites Flash
Yugop / Uniqlo Grid & Uniqlock / Leo Burnett / Get the Glass! / David Lindsey Wade / Red Issue / Spectra / Wim Van
Henden / Ikea / We Choose the Moon / HBO Imagine /

Contenu connexe

Similaire à Design interactif

Transformation Digitale Responsable Partie 4-5 Future of work.pdf
Transformation Digitale Responsable Partie 4-5 Future of work.pdfTransformation Digitale Responsable Partie 4-5 Future of work.pdf
Transformation Digitale Responsable Partie 4-5 Future of work.pdfMatthieu Bruckert
 
Bibliographie cultures numériques 1
Bibliographie cultures numériques 1Bibliographie cultures numériques 1
Bibliographie cultures numériques 1Benoît Vallauri
 
[P] Benjamin Thierry-présentation lhivic
[P] Benjamin Thierry-présentation lhivic[P] Benjamin Thierry-présentation lhivic
[P] Benjamin Thierry-présentation lhivicAudrey Leblanc
 
20150118TB-LesUniversVirtuels-.82_redone
20150118TB-LesUniversVirtuels-.82_redone20150118TB-LesUniversVirtuels-.82_redone
20150118TB-LesUniversVirtuels-.82_redoneTreveur Bretaudiere
 
Grappe d'innovation des TIC
Grappe d'innovation des TICGrappe d'innovation des TIC
Grappe d'innovation des TICBoris Adam
 
Linux_history.pdf
Linux_history.pdfLinux_history.pdf
Linux_history.pdfjaweb1
 
Histoire des jeux vidéo de 1956 à 2018
Histoire des jeux vidéo de 1956 à 2018Histoire des jeux vidéo de 1956 à 2018
Histoire des jeux vidéo de 1956 à 2018Samy CHAFEI
 
Web Sémantique et Web Social
Web Sémantique et Web SocialWeb Sémantique et Web Social
Web Sémantique et Web SocialFabien Gandon
 
Nouvelles formes de communication écrite - part1
Nouvelles formes de communication écrite - part1Nouvelles formes de communication écrite - part1
Nouvelles formes de communication écrite - part1aixtal
 
Histoire et anthropologie de l'internet, 1ère partie
Histoire et anthropologie de l'internet, 1ère partieHistoire et anthropologie de l'internet, 1ère partie
Histoire et anthropologie de l'internet, 1ère partieAlexandre Serres
 
Presentation AndroidPartyIII
Presentation AndroidPartyIIIPresentation AndroidPartyIII
Presentation AndroidPartyIIIwepika
 
Ferme des étoiles, marathon des sciences
Ferme des étoiles, marathon des sciencesFerme des étoiles, marathon des sciences
Ferme des étoiles, marathon des sciencesSerge Soudoplatoff
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Stéphane Rouilly
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Stéphane Rouilly
 

Similaire à Design interactif (20)

Transformation Digitale Responsable Partie 4-5 Future of work.pdf
Transformation Digitale Responsable Partie 4-5 Future of work.pdfTransformation Digitale Responsable Partie 4-5 Future of work.pdf
Transformation Digitale Responsable Partie 4-5 Future of work.pdf
 
Bibliographie cultures numériques 1
Bibliographie cultures numériques 1Bibliographie cultures numériques 1
Bibliographie cultures numériques 1
 
Impacts sociaux130116
Impacts sociaux130116Impacts sociaux130116
Impacts sociaux130116
 
[P] Benjamin Thierry-présentation lhivic
[P] Benjamin Thierry-présentation lhivic[P] Benjamin Thierry-présentation lhivic
[P] Benjamin Thierry-présentation lhivic
 
TDR01P4 - Future of work
TDR01P4 - Future of workTDR01P4 - Future of work
TDR01P4 - Future of work
 
M Forum
M ForumM Forum
M Forum
 
Jeu vidéo et société
Jeu vidéo et sociétéJeu vidéo et société
Jeu vidéo et société
 
20150118TB-LesUniversVirtuels-.82_redone
20150118TB-LesUniversVirtuels-.82_redone20150118TB-LesUniversVirtuels-.82_redone
20150118TB-LesUniversVirtuels-.82_redone
 
Grappe d'innovation des TIC
Grappe d'innovation des TICGrappe d'innovation des TIC
Grappe d'innovation des TIC
 
Linux_history.pdf
Linux_history.pdfLinux_history.pdf
Linux_history.pdf
 
Notions IHM
Notions IHMNotions IHM
Notions IHM
 
Notions ihm
Notions ihmNotions ihm
Notions ihm
 
Histoire des jeux vidéo de 1956 à 2018
Histoire des jeux vidéo de 1956 à 2018Histoire des jeux vidéo de 1956 à 2018
Histoire des jeux vidéo de 1956 à 2018
 
Web Sémantique et Web Social
Web Sémantique et Web SocialWeb Sémantique et Web Social
Web Sémantique et Web Social
 
Nouvelles formes de communication écrite - part1
Nouvelles formes de communication écrite - part1Nouvelles formes de communication écrite - part1
Nouvelles formes de communication écrite - part1
 
Histoire et anthropologie de l'internet, 1ère partie
Histoire et anthropologie de l'internet, 1ère partieHistoire et anthropologie de l'internet, 1ère partie
Histoire et anthropologie de l'internet, 1ère partie
 
Presentation AndroidPartyIII
Presentation AndroidPartyIIIPresentation AndroidPartyIII
Presentation AndroidPartyIII
 
Ferme des étoiles, marathon des sciences
Ferme des étoiles, marathon des sciencesFerme des étoiles, marathon des sciences
Ferme des étoiles, marathon des sciences
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
 

Plus de Nicolas Chapuis

Usages & cultures numériques ➔ Les médias sociaux — SimplonMars —
Usages & cultures numériques ➔ Les médias sociaux — SimplonMars — Usages & cultures numériques ➔ Les médias sociaux — SimplonMars —
Usages & cultures numériques ➔ Les médias sociaux — SimplonMars — Nicolas Chapuis
 
Recrutement et Réseaux Sociaux ➔ Le CV est-il mort ?
Recrutement et Réseaux Sociaux ➔ Le CV est-il mort ?Recrutement et Réseaux Sociaux ➔ Le CV est-il mort ?
Recrutement et Réseaux Sociaux ➔ Le CV est-il mort ?Nicolas Chapuis
 
Communication et médias sociaux
Communication et médias sociauxCommunication et médias sociaux
Communication et médias sociauxNicolas Chapuis
 

Plus de Nicolas Chapuis (6)

Usages & cultures numériques ➔ Les médias sociaux — SimplonMars —
Usages & cultures numériques ➔ Les médias sociaux — SimplonMars — Usages & cultures numériques ➔ Les médias sociaux — SimplonMars —
Usages & cultures numériques ➔ Les médias sociaux — SimplonMars —
 
SimplonMars
SimplonMarsSimplonMars
SimplonMars
 
Recrutement et Réseaux Sociaux ➔ Le CV est-il mort ?
Recrutement et Réseaux Sociaux ➔ Le CV est-il mort ?Recrutement et Réseaux Sociaux ➔ Le CV est-il mort ?
Recrutement et Réseaux Sociaux ➔ Le CV est-il mort ?
 
Communication et médias sociaux
Communication et médias sociauxCommunication et médias sociaux
Communication et médias sociaux
 
Flash ActionScript
Flash ActionScriptFlash ActionScript
Flash ActionScript
 
Flash Animation
Flash AnimationFlash Animation
Flash Animation
 

Design interactif

  • 1. Design Interactif Cultures numériques / nouveaux médias / nouvelles pratiques Nicolas Chapuis / mardi 22 septembre 2010
  • 2. 0. Introduction 0.1 Générations X & Y 0.2 Parcours multiples & parcours spécialisés 0.3 Technologie, information, image et usages
  • 3. 1. Les réseaux 1.1 Signaux Signaux de fumée / Télégraphe optiques (XVIIe) / Sémaphores (XIXe) 1.2 Télécommunications Télégraphe, Samuel Morse (1844) / Téléphone, Graham Bell (1867)
  • 4. 1.3 Internet Connexion téléphonique entre ordinateurs, MIT (1965) / Arpanet > Internet (1969) / Email (1972) / Minitel (1982) 1.4 Web World Wide Web, HTTP, HTML, Tim Berners-Lee (1990)
  • 5. 2. Les machines et nous 2.1 Evolution de l’informatique Charles Babbage, la Machine Analytique (1833) / Alan M. Turing, Le Colossus vs La Bombe (Enigma 1943) / Moniteurs vidéo (1949) / UNIVAC (1951) / Souris (1968) / WIMP (1970) / Deep Blue (1997)
  • 6. 3. Le design interactif 3.1 Cd-rom, sites Web, bornes interactives, applications mobiles… Director & Lingo (1985) / Photoshop (1990) / Mosaic (1993) / Netscape (1994) / Infoseek (1994) / Altavista (1995) / Flash (1996) / Google (1999) / I love you (1999) / Blog (2003) / iTunes (2003) / Vlog (2004) / Web 2.0 (2004) / Podcast (2005) / VOD (2005) / Google Earth (2005) / Dailymotion, Youtube, Vimeo (2005) / Palm, Blackberry, Nokia N95, Windows Mobile (2005) / iPhone (2007) / Air / http://www.fubiz.net/2010/09/28/blackberry-playbook/
  • 7. 4. Projections 4.1 Interface Multi-touch screen / Surface / 10/GUI / iPad / TAT / SixthSens 4.2 Edition Papier et encre électronique / Esquire / Editions Volumiques / Nelson, Coupland et Alice
  • 8. 4.3 Réalité augmentée Réalité augmentée / Mobiles 2.0 / Natal 4.4 Mobilité
  • 9. 5. Les jeux 5.1 Histoire OXO (1949) / Ralph Baer (1951) / SpaceWar (1960) / Odyssey (1972) / Pong (1972) / Space Invaders (1978) / Pacman (1979) / Sim City (1989) / Myst (1993) / Tamagotchi (1997) / Sims (2000) / Wii (2006) 5.2 Jeux d’aventure Rogue (1980) / Zork (1980) / Alone In The Dark (1990) / Another World (1991) / In Memoriam (2003) / Fahrenheit (2005) / Ninokuni (2009) / Heavy Rain (2010)
  • 10. 5.3 Jeux en réseau MMOG & MMORPG / Monde persistant / Avatar / Communautés virtuelles / Scenario / Equipement / Expérience / PvE, MvP, PvP, RvR / IRC / Voix IP / Ultima Online (1999) / Everquest / Dofus (2005) > Wakfu (2008) / World of WarCraft (2005, 16 millions de joueurs) / Star Wars Galaxies 5.4 Mondes virtuels Le Deuxième Monde, Canal+ (1996) / Second Life (2003) / Chris Marker
  • 11. 5.5 Cinéma & Jeu Vidéo Tron / Matrix / Stalker / Avalon / Elephant 5.6 Du numérique au réel Not So Noisy / Space Invaders / Pixel
  • 12. 6. Créations alternatives 6.1 Games Machinima / Molotovalva / FreeStyle game / Machinarium / 6.2 Web Arcade Fire / The Wilderness Down
  • 13. 7. Culture Web 7.1 De 1996 à 2009 Web 1.0 > Web 2.0 > Web 3.0 / Web mobile / Web de fond vs Web de flux / Web mémoire vs Web temps réel 7.2 Wiki, réseaux sociaux et micro-blogging Wikipedia / Netvibes / Facebook / Twitter / Soup / Tumblr / Lastfm / Spotify / Foursquare / Wave / Chatroulette / Chienroulette
  • 14. 7.3 Web documentaire Voyage au Bout du Charbon / Thanotorama / Cité des Mortes / Gaza Sderot / Le Corps Incarcéré / A la conquête de la lune / Montréal / Waterlife / Berlin 1989 / La Hoja Sagrada / The Price of Sex / Arte WebDoc / La Havane-Miami / Prison Valley
  • 15. 8. Sites Web 8.1 Sites HTML Html & Css 8.2 Blog Blogs & Cms
  • 16. 8.3 Web 2.0 Ajax / Netvibes 8.4 Sites Flash Yugop / Uniqlo Grid & Uniqlock / Leo Burnett / Get the Glass! / David Lindsey Wade / Red Issue / Spectra / Wim Van Henden / Ikea / We Choose the Moon / HBO Imagine /