Your SlideShare is downloading. ×
Méthodologies des Nouveaux Médias
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Méthodologies des Nouveaux Médias

423
views

Published on

Séance 01. Cours d'introduction aux méthdologies des nouveaux médias.

Séance 01. Cours d'introduction aux méthdologies des nouveaux médias.

Published in: Education

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
423
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Méthodologies des Nouveaux Médias Everardo REYES DIMI M1, Université Paris 13Friday, January 13, 12
  • 2. La Logique de la RemédiationFriday, January 13, 12
  • 3. Qu’est-ce qu’un médium ?Friday, January 13, 12
  • 4. Jay D. Bolter [ EUA, 1951 ] Professeur: Georgia Tech Directeur: Wesley Center for New Media Research and EducationFriday, January 13, 12
  • 5. Qu’est-ce que la remédiation ? La représentation d’un médium dans un autre La nouvauté des médias numériques est la manière dont ils représentent les anciens médias [ TV, cinéma, photo, peinture ] Jay D. Bolter & Richard Grusin. Remediation: Understanding New Media. MIT Press, 2000.Friday, January 13, 12
  • 6. Qu’est-ce qu’un médium ? Ce qui re-médie S’approprie de techniques, formes et significations sociales d’autres médiasFriday, January 13, 12
  • 7. Les nouveaux médias se refaçonnent... se recréent Deux logiques dans la remédiation : Immédiation : on se concentre sur le contenu du médium Hypermédiation : fascination pour le médium lui-même Ces deux logiques sont complémentaires, co-existantesFriday, January 13, 12
  • 8. Lanterne Magique Athanasius Kircher, 1671 Images sur verre Projection avec lampe à huileFriday, January 13, 12
  • 9. Cyclorama Robert Barker, 1787 Peinture panoramique 360˚ Simulation d’immersionFriday, January 13, 12
  • 10. Phantasmagorie Etienne Robertson, 1797 [Retro] projection Images animées, mobiles Surfaces : tissue, fumée, etc.Friday, January 13, 12
  • 11. Tous nos médias ont été nouveaux à un certain momentFriday, January 13, 12
  • 12. Des Hypermédias au WebFriday, January 13, 12
  • 13. Vannevar Bush [ EUA, 1890-1974 ] As We May Think, 1945 Système : MemexFriday, January 13, 12
  • 14. Memex, Vannevar Bush, 1945Friday, January 13, 12
  • 15. Theodor Holm Nelson [ EUA, 1937 ] A file structure for the complex, 1965 Notions : hypertext, hypermédia, transclusions Système : XanaduFriday, January 13, 12
  • 16. Permettez-moi dintroduire le mot hypertexte pour signifier un corpus composé de matériels écrits ou graphiques interconnectés dune manière tellement complexe quil ne serait pas pertinent de le représenter sur papier. Il peut contenir des sommaires, ou des cartes de son contenu et de ses interrelations ; il peut contenir des annotations, des additions et des notes de bas de page insérés par les chercheurs qui lont examiné. [ Nelson, 1965 ]Friday, January 13, 12
  • 17. Friday, January 13, 12
  • 18. HyperCard, Bill Atkinson, 1987.Friday, January 13, 12
  • 19. XanaduSpace, Ted Nelson, 2007.Friday, January 13, 12
  • 20. Friday, January 13, 12
  • 21. • Tim Berners-Lee [ UK, 1955 ] • HTML, HTTP, URL • W3 Consortium, w3c.orgFriday, January 13, 12
  • 22. Mosaic, Marc Andressen, 1993 affichage d’imagesFriday, January 13, 12
  • 23. http://evolutionofweb.appspot.com/Friday, January 13, 12
  • 24. Web comme sujet de recherche Exemple d’outil pour amplifier nos capacités cognitives Exemple du concept rhizome [ Deleuze et Guattari ] Approche des sciences de réseauxFriday, January 13, 12
  • 25. Qu’est-ce qu’un réseau ? Un ensemble de noeuds connectés pas des liens Noeuds : unités, personnes, institutions, pages Web Liens : connections entre des noeuds : relations sociales, hyperliens Exemple : un réseau d’amisFriday, January 13, 12
  • 26. Friday, January 13, 12
  • 27. Propriétés communes aux réseaux Haut degré de clustering Haute variété de degrés Structure basée sur des hubsFriday, January 13, 12
  • 28. Modèle : Small-World Networks Il n’y a pas beaucoup de liens entre les noeuds généralement 6 sauts exemple : réseau de Kevin BaconFriday, January 13, 12
  • 29. • Réseau simple • Chaque noeud a deux connections • Path length : no. de liens sur la route la plus courte entre deux noeuds • Avg. Path Length : la moyenne de path lengths entre tous les pairs de noeuds d’un réseau Noeuds = 60 Path length = 01 Av. Path Length = 15Friday, January 13, 12
  • 30. • Si l’on ajoute 3 connections aléatoires, le Avg. Path Length se réduit à 9 • Un réseau de 1000 noeuds = 250 ALP. Avec 5% de liens re-connectés aléatoirement, le ALP est de 20Friday, January 13, 12
  • 31. theyrule.netFriday, January 13, 12
  • 32. Touchgraph sur FacebookFriday, January 13, 12
  • 33. Friday, January 13, 12
  • 34. Hybrid Media + Meta media [ l’image de l’image contemporaine ]Friday, January 13, 12
  • 35. Art à l’ère des machinesFriday, January 13, 12
  • 36. László Moholy-Nagy photographie. débuts de 1920s.Friday, January 13, 12
  • 37. László Moholy-Nagy. Photocollage, 1923.Friday, January 13, 12
  • 38. Edouard Manet. Un bar aux Folies-Bergères. 1881-82 Représentation de sujets modernesFriday, January 13, 12
  • 39. Charles Sheeler - photo Charles Sheeler - peinture Représentation de sujets modernes Influence de l’esthétique des machinesFriday, January 13, 12
  • 40. Fernard Lèger, Three Women, 1921. Nouvelles formes visuelles + esthétique des machinesFriday, January 13, 12
  • 41. Umberto Boccioni Unique Forms of Continuity in Space, 1913. Représentation de concepts abstraits, en relation aux machines : vitesse, dynamismeFriday, January 13, 12
  • 42. Friday, January 13, 12
  • 43. Giacomo Balla, Dinamismo di un cane al guinzaglio, 1912. Représentation du mouvementFriday, January 13, 12
  • 44. Et aujourd’hui ?Friday, January 13, 12
  • 45. Cas 01. média numériques + art classiques Les arts plastiques et les médias classiques s’inspirent des objets techniques et de processus contemporainsFriday, January 13, 12
  • 46. Miltos Manetas. Portrait with Powerbook. 1997Friday, January 13, 12
  • 47. Miltos Manetas. NikeScape. 2005.Friday, January 13, 12
  • 48. Cas 02. hybridation Médias qui existaient de séparément [ cinéma, images, typographie, animation 2D, animation 3D ] commencent à se combiner de plusieurs manières À la fin des années 90, l’hybridation devient la forme commune des médias [ Lev Manovich, 2008 ]Friday, January 13, 12
  • 49. Alex Mapar, Demo Reel, Australie, 2007Friday, January 13, 12
  • 50. RDYA, Demo Reel, Espagne, 2006Friday, January 13, 12
  • 51. Cas 03. remix profond Le remix classique mélange des contenus de plusieurs médias : une vidéo clip fait avec des parties d’un film Le remix profond comprend aussi les techniques, les méthodes, les interfaces graphiques et les formes de représentation et d’expressionFriday, January 13, 12
  • 52. Common, Go, 2005Friday, January 13, 12
  • 53. Méthodes de l’hybridation Compositing Couches alpha Contrôle de transparences Formats communs de fichiers Compatibilité de logiciels et OSFriday, January 13, 12
  • 54. Nike Lab, Art of speed, EUA, 2007Friday, January 13, 12
  • 55. Les nouvelles générations sont directement liées aux nouvelles technologies Les artistes [ numériques ] créent un oeil collectif, une nouvelle esthétique L’art permet d’explorer et de créer des nouvelles formes pour transmettre des messages Les technologies [ numériques et analogiques ] permettent de réaliser de l’artFriday, January 13, 12
  • 56. Méta-Media L’ensemble de logiciels, OS, médias visuels, créent un méta-médium, c’est-à-dire les ordinateurs Un produit réalisé avec ce méta-médium peut utiliser n’importe quelle technique qu’auparavant était exclusive à un médium séparéFriday, January 13, 12
  • 57. Plus nos formes culturelles sont médiées par l’ordinateur, plus on fait des interfaces des données culturelles [ textes, photos, musique, films, environnement virtuels ] Nous interagissons moins avec l’ordinateurs et plus avec la culture codifié sous format numérique Interfaces culturelles : formes par lesquelles les ordinateurs nous permettent d’interagir avec les données culturellesFriday, January 13, 12
  • 58. Graphisme du WebFriday, January 13, 12
  • 59. Quels sont les aspects importants des exemples suivants ?Friday, January 13, 12
  • 60. Gros TitresFriday, January 13, 12
  • 61. Sketch / Design à la main :combinaison de plusieurs styles visuelsFriday, January 13, 12
  • 62. Types et tailles de policeFriday, January 13, 12
  • 63. Types et tailles de policeFriday, January 13, 12
  • 64. Types et tailles de policeFriday, January 13, 12
  • 65. Images énormesFriday, January 13, 12
  • 66. Images énormesFriday, January 13, 12
  • 67. Images énormesFriday, January 13, 12
  • 68. Images énormesFriday, January 13, 12
  • 69. Métaphores visuelles et perspectivesFriday, January 13, 12
  • 70. Métaphores visuelles et perspectivesFriday, January 13, 12
  • 71. Métaphores visuelles et perspectivesFriday, January 13, 12
  • 72. Minimalisme et contraste des couleursFriday, January 13, 12
  • 73. Minimalisme et contraste des couleursFriday, January 13, 12
  • 74. Grands piedsFriday, January 13, 12
  • 75. Grands piedsFriday, January 13, 12
  • 76. RetroFriday, January 13, 12
  • 77. RetroFriday, January 13, 12
  • 78. RetroFriday, January 13, 12
  • 79. Remédiation de médias anciensFriday, January 13, 12
  • 80. Peut-on penser à des nouveux styles ou formes visuelles ? Où regarder ?Friday, January 13, 12
  • 81. Formes visuelles et rémediationFriday, January 13, 12
  • 82. Cinéma HypermédiaFriday, January 13, 12
  • 83. Dziga Vertov : effets visuels & mouvements de cámera couches [ layers ] montage [ fondu ]Friday, January 13, 12
  • 84. Man with a movie camera [Vertov, 1929]Friday, January 13, 12
  • 85. leschinois.comFriday, January 13, 12
  • 86. Zbig Rybczynski : mosaïques Polivision [ exploré par Abel Gance en 1927 ]Friday, January 13, 12
  • 87. Friday, January 13, 12
  • 88. New Book [Rybczynski, 1975]Friday, January 13, 12
  • 89. iGoogleFriday, January 13, 12
  • 90. Marcel Duchamp : navigation spatiale lectures spatialesFriday, January 13, 12
  • 91. Anémic cinéma [Duchamp, 1926]Friday, January 13, 12
  • 92. liveplasma.comFriday, January 13, 12
  • 93. Zbig Rybczynski : jeux vidéo en ligne Compositing social : objets et sujetsFriday, January 13, 12
  • 94. Tango [Rybczynski, 1983]Friday, January 13, 12
  • 95. Yo VilleFriday, January 13, 12
  • 96. Friday, January 13, 12
  • 97. Chris Marker + diaporama Séquences narratives et narratives visuellesFriday, January 13, 12
  • 98. La Jetée [Marker, 1962]Friday, January 13, 12
  • 99. flickr.comFriday, January 13, 12
  • 100. Frères Eames : cartographie Cartographie, explorations dimensionelleFriday, January 13, 12
  • 101. Powers of Ten [Ch. Eames & R. Eames, 1977]Friday, January 13, 12
  • 102. Google Earth & Google MapsFriday, January 13, 12
  • 103. Hypermédia CinémaFriday, January 13, 12
  • 104. Jean-Pierre Balpe : générateurs de texte Génération dynamique ou sociale de contenusFriday, January 13, 12
  • 105. Fictions d’Issy [Balpe, 2005]Friday, January 13, 12
  • 106. E1000 [Regotazz, 2008]Friday, January 13, 12
  • 107. Est-ce que les images et les processus peuvent aussi se remédier ?Friday, January 13, 12
  • 108. Sony VHS, 1988 Sony SACD, 2005 Apple Quicktime, 2007Friday, January 13, 12
  • 109. Casinelli, Khronos Projector, 2006Friday, January 13, 12
  • 110. Friday, January 13, 12
  • 111. Friday, January 13, 12
  • 112. Friday, January 13, 12
  • 113. The Invisible Shapes of Things PastFriday, January 13, 12
  • 114. The Invisible Shapes of Things PastFriday, January 13, 12
  • 115. The Invisible Shapes of Things PastFriday, January 13, 12
  • 116. Les artistes essaient de produire des simulations convaincantes afin de faire croire l’œil qu’elles sont vraiesFriday, January 13, 12
  • 117. Bodegón con uvas, Juan Fernández el LabradorFriday, January 13, 12
  • 118. Zeuxis essaie de dévoiler la peinture de ParrhasiosFriday, January 13, 12
  • 119. Inception VFX, A. Lockley, P. Bebb, P. Franklin, C. Corbould, 2010Friday, January 13, 12
  • 120. 10s premières animations 60s premiers mondes virtuels 70s jeux vidéo commerciaux 80s CGI pour le cinéma 90s animation numérique et simulations pour le Web 00s - jeux vidéo dépassent les profits du cinéma - environnements mixé, virtuels, en ligneFriday, January 13, 12
  • 121. Winsor McCay [ USA, 1869 - 1934 ] Cleary’s Business College, Michigan Crée l’animation classiqueFriday, January 13, 12
  • 122. Winsor McCay, Gertie the Dinosaur, 1914Friday, January 13, 12
  • 123. Max Fleischer [ EUA, 1883 - 1972 ] Études techniques en mécanique, commerce et arts Crée la technique de “rotoscopie”Friday, January 13, 12
  • 124. Walt Disney [ EUA, 1901 - 1966 ] Chicago Art Institute: études techiques en dessin et art Fonde Cal ArtsFriday, January 13, 12
  • 125. William Hanna [ EUA, 1910 - 2001 ] Joseph Barbera [ EUA, 1911 - 2006 ] Études en Journalisme et Ingénierie de structures Études techniques en art Travaille à MGM Demande du travail à W. Disney Travaille pour Fleischer Studios et MGMFriday, January 13, 12
  • 126. Ray Harryhausen [ EUA, 1920 ] Direction d’art, photographie: University of Southern California, USAFriday, January 13, 12
  • 127. Symphonie Diagonale, Viking Eggeling, 1925 cinéma expérimental + abstraction + animationFriday, January 13, 12
  • 128. Yantra, James Whitney, 1957 géométrie complexe + couleurFriday, January 13, 12
  • 129. “Vertigo” Title Sequence, John Whitney + Saul Bass, 1958 animation mécaniqueFriday, January 13, 12
  • 130. Catalog, John Whitney, 1961 animation analogique avec ordinateurFriday, January 13, 12
  • 131. 007 James Bond Titles, Maurice Binder, 1962-1989 animation de séquences des titresFriday, January 13, 12
  • 132. Hummingbird, Charles Csuri, 1968 animation + morphing + figures iconiquesFriday, January 13, 12
  • 133. Mandelbrot Set, Benoît Mandelbrot, 1979 géométrie fractaleFriday, January 13, 12
  • 134. John Lasseter [ EUA, 1957 ] 1979: BFA, Animation de personnages, CalArts, EUA 2009: Honoris Causa, Pepperdine Univ, EUAFriday, January 13, 12
  • 135. Luxo Jr., John Lasseter, 1986Friday, January 13, 12
  • 136. Kraftwerk “Music Non Stop”, Rebecca Allen, 1986Friday, January 13, 12
  • 137. The Buggles, Radio Killed the Video Star, 1980 Dir. Russell MulcahyFriday, January 13, 12
  • 138. Steina Vasulka Warp, 2000Friday, January 13, 12
  • 139. gun (i), Robert Lazzarini, 2008 distorsion numérique + prototypage rapide + objets 3DFriday, January 13, 12
  • 140. The Invisible Shape of Things Past, Art+Com, 1997 séquences temporelles + objets 3DFriday, January 13, 12
  • 141. Friday, January 13, 12
  • 142. Museo Guggenheim, Bilbao, 1997Friday, January 13, 12
  • 143. Walt Disney Concert Hall, Los Angeles, 2003Friday, January 13, 12
  • 144. Crystal Island, Moscou... en projetFriday, January 13, 12
  • 145. Crystal Island, Moscou... en projetFriday, January 13, 12
  • 146. Quelle est la signification de ces formes ? • Concepts et notions contemporains ? • Nouvelle fonctions [ attirer des visites, symboliser ou créer des icônes d’un endroit ] ? • Réaction au modernisme ? • Rien ?Friday, January 13, 12
  • 147. Friday, January 13, 12
  • 148. Museo Soumaya, Mexico, 2011Friday, January 13, 12
  • 149. Nouveau Graphisme du WebFriday, January 13, 12
  • 150. Friday, January 13, 12
  • 151. Friday, January 13, 12
  • 152. wordle.netFriday, January 13, 12
  • 153. jacksonpollock.orgFriday, January 13, 12
  • 154. Friday, January 13, 12
  • 155. www.whitneybiennial.com/Friday, January 13, 12
  • 156. sites.google.com/site/concoursdataviz2012/Friday, January 13, 12