Scénographie des analyses de controverses

1,426 views

Published on

Cours de représentation des cartographies de controverses conçu avec Nicolas Benvegnu pour être dispensé à l'Ecole de la Com de Sciences Po le 31 janvier 2012.

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
1,426
On SlideShare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Scénographie des analyses de controverses

  1. 1. Ni St cola ép s ha BeScénographie des ne nv Ro egn uil u ly controverses Mise en perspective numérique
  2. 2. RFF man !Dr Nicolas Benvegnu Cours du mardi 31 janv 2012 http://bit.ly/scenographie2012 Ingénieur Chercheur EDF R&D Stéphane Rouilly, @starcrouz
  3. 3. Le fond et la formeLa cartographie des controverses, cest :1. Avant tout une enquête qui sappuie sur différentes méthodes des sciences sociales.2. Mais cest aussi un exercice de restitution des résultats de lenquête sur le web : un travail de représentation.Ces deux dimensions doivent être investies par tous lesmembres du groupe, certes à des degrés divers en fonctiondes tâches qui échoient à chacun.
  4. 4. Scénographie :limage de la perspective numériqueAvant que la perspective ne se fasse théoriemathématique, les représentations de lespace s’appuyaient sur des procédés de mise en perspective.● Nous sommes aujourdhui dans une situation de tâtonnement et de recherche dune "perspective numérique".Chaque groupe compte 2 scénographes : ils sont les fersde lance du travail de représentation des informationsrecueillies (sur des enjeux qui font controverse).
  5. 5. Standardisation
  6. 6. StandardisationLe cours existe depuis le milieu des années 1990. Les résultats delenquête sont restitués sur le web depuis 20011. Les méthodes denquête sont stabilisées (des groupes de 5 ou 6 étudiants, qui utilisent des méthodes qualitatives et quantitatives éprouvées).2. Le travail de représentation des controverses se fait par tâtonnement depuis 10 ans. Des progrès ont été réalisés, mais pour certaines raisons, nous touchons à présent un plafond et nous atteignons une certaine homogénéité.-> Exemple de site 2001 (Mines) : Epandage des boues dépuration
  7. 7. La structure archétypaleMines :2002 : Ethers de glycol2003 : Pic de production du pétrole2005 : Gestion de leau dans le marais poitevin2006 : Brevetabilité des logicielsSciences po :2010 : Parabens2010 : MoseMIT : 2009 : Tomorrows frontierMines : 2011 : La fatigue chronique
  8. 8. Les lois de limitation-> Inlassablement, les sites comportent unmenu avec : introduction, controverse, acteurs,arguments, chronologie etc.Or le web et les outils de représentationévoluent.
  9. 9. Vers l’artisanat plutôt que l’élevage intensif
  10. 10. Notre credo : innover et expérimenter avec vousNotre credo : lutter contre certains effets de "l’industrialisation" du cours (ne pas secondamner à l’homogénéisation et lastandardisation des études et de leurreprésentation).Soin particulier apporté à chaque étude et à sareprésentation : une démarche qui s’assimiledans sa philosophie davantage à l’artisanat qu’à l’élevage intensif.
  11. 11. Une solution toute prête ?Nous souhaitons nous Nous avons à la fois vouluadapter au mieux à chaque un nombre limité d’étudiantssujet d’étude et aux et une équipe pédagogiquecompétences développées resserrée : nous proposonsdans chaque équipe. de travailler sur de petites séries, voire des pièces uniques.
  12. 12. Ré-ouvrir le champ des possibles
  13. 13. Ré-ouvrir le champ des possibles1. Commencer par changer la manière de mener lenquête (éviter lenchaînement linéaire de "figures imposées")2. Tester de nouveaux formats de restitution, tester de nouvelles manière de faire / dutiliser le web : transcender le “site web” : pourquoi pas un livre, des slides, un web-reportage ?3. Revoir la formation des étudiants plus particulièrement chargés de travailler sur la représentation des controverses étudiées (les scénographes). a. Ne pas se focaliser sur une seule technologie castratrice qui de toutes façon ne sera ni maitrisée de tous, ni forcément utilisée (flash, CMS, CSS...) b. Faire intervenir des professionnels pour réaliser les tâches les plus complexes : les "orfèvres"
  14. 14. Scénographie : leffet sophistiqueImportance de la représentation : elle est au service de ladémonstration, elle peut être une part de la démonstration("ce qui arrive et ce qui est différent")Les scénographes sont formés pour réfléchir aux principeset aux moyens de l’immersion et de la navigation dans lacontroverse décrite.En accord avec les autres membres de leur groupe, et enfonction de leur compétences et des spécifités de l’étuderéalisée, les scénographes contribuent à définir lesprincipes scénographiques qui organisent les élémentsrecueillis tout au long de l’enquête.
  15. 15. Systèmes et procédés- Choix dun système en fonction d’un parti pris (site bâtiavec Wordpress, Prezi, Slide Rocket...)● Le système aide à agréger les informations et à concevoir l’organisation et la navigation. Il n’est pas suffisant. Il peut être limitant aussi bien qu’une aide précieuse. Ceci dépend du parti pris et du niveau technique des membres du groupe.- Puiser dans les procédés pour produire les animationsintégrées au système choisi.● infographie, animation, vivant, compréhensible
  16. 16. Lintervention des orfèvres .Les orfèvres interviennent plutôt sur un procédé isolé avec2 compétences utilisées équitablement : design graphiqueet développement informatique.Une intervention sous contrainte : 1 journée de travail pargroupe maxi
  17. 17. BriefRéalisation dun brief : passer la commande la plus utile etla plus précise possible. Ce qu’il faudra réaliser est entre lestoryboard, la maquette et le cahier des charges, à moinsd’aller jusqu’à de la spécification détaillée (lire ici au sujetdes wireframes).Ex : Un wireframe mobile et sa réalisation pour iPhone.Dans la plupart des cas, le résultat sera probablement àintégrer.Dans tous les cas, vous gardez collectivement la maindans chaque groupe, sous l’impulsion des scénographes :la solution vous incite à être créatif.
  18. 18. Parangonnage
  19. 19. La mise en perspective numériquedes études de controverse au concretQuelques exemples (rares) :En terme danimations :● 2011, Décroissance, 2, Science Po, et particulièrement les portraits croisés subjectifs● 2005, A51, Mines : un jeu pédagogique et expérienciel● 2006, Transrapid, Mines : le positionnement fluctuant des acteurs
  20. 20. Au concret (suite)En terme de système de navigation :● 2005, A51 (Mines) : Historique● 2007, Compensation carbone (Mines) : Décalage, site pastiche et évolution● 2007, Pyramides (Mines) : Multi-navigation et plan clin d’oeil navigationnel
  21. 21. ParangonnageReprésentations● Evolution of web : frise chrono horizontale et slide● Voyage au bout du charbon : Webdocus● Haiti audio : audio et dessinsCe qui “fait moderne” est souvent hérité du mobile : lestransitions, le coté physique (rebond, accélération...). Lesite de l’école de la com, par exemple, passe de page enpage sans transition (ça “saute”).
  22. 22. Parangonnage +Sortir des “simple” sites● Des CV (très) créatifs : Sortir des poncifs● Google Art project : Une galerie d’art 3D● Try on a new sofa : Videos en accordéon● Urban survivors : Webreportage● The Divided Brain et Cloud computing : Animations filmées
  23. 23. Parangonnage ++Technicité● Slavery footprint : Animation dans un slide vertical évolutif● New Beetle : Long slide vertical évolutif● Impress.js, 2, 3, 4 : un prezi like free en css 3● CNN Ecosphere : débat public sur le climatA la mode en ce moment : transition, physiqueet gamification● Retrogaming : gamification● Boniver : ambiance
  24. 24. Systèmes testés cette année
  25. 25. 4 Systèmes dans le vent !Un petit échantillon des possibilités du webpour contenir et organiser les cartographies● Wordpress : CMS classique ○ Showroom, 2, 3, 4, 5, 6, 7 + backoffice● Imcreator : CMS drag & drop design ○ Showroom + backoffice● Sliderocket : Système de présentation ○ Showroom, 2, 3, 4 + backoffice● Prezi : Système de présentation par zoom ○ Showroom, 2, 3, 4 + backoffice
  26. 26. Worpress : backoffice
  27. 27. ImCreator : backoffice
  28. 28. Sliderocket : backoffice
  29. 29. Prezi : backoffice
  30. 30. Prezi : backoffice +
  31. 31. Et pour la suite ?● 7 février : Manipuler les 4 systèmes, ○ forces et limites● 14 février : Exploration des procédés, ○ un monde de possibilitésAu long cours : du tutorat et quelques inputs● 6 mars : Diagnotic en groupe (presque) entier● 27 mars : Brief des orfèvres (livraison +2 semaines)● 23 avril : Rendu des cartographies
  32. 32. RendusEcrits : diagnostics, briefNotation : un screencast du procédéscénographique (audio + vidéo) : ● Originalité (vs. standardisation) ● Parti pris (adaptation à la controverse) ● Qualité de la réalisation (finition, erreurs)
  33. 33. énogra phes ? Alors, ScMardi 31 janvier 2012, Stéphane Rouilly & Nicolas Benvegnu
  34. 34. Bibliographie● Auber Olivier, Perspectives anoptiques : théories et applications.● Cassin Barbara, L’effet sophistique, Paris : Gallimard, 1995.● Panofski Erwin, La perspective comme forme symbolique et autres essais, Paris : Les éditions de Minuit, 1976.● Sloterdijk Peter, “Atmospheric Politics” in Making Things Public: Atmospheres of Democracy, ed. Bruno Latour & Peter Weibel, Cambridge, MA: MIT Press, 2005, 944-51.Sites : ● http://medialab.sciences-po.fr/controversies/ (ne fonctionne pas ?) ● http://controverses.ensmp.fr/wordpress/ ● http://www.demoscience.org/ ● http://infosthetics.com/ ● http://gizmodo.com/infographic/
  35. 35. Crédits photoIcones n&b (Creative Commons) : http://www.iconfinder.com/search/3/?q=iconset%3AnounprojectPhotos grands formats des slides # (Creative Commons) :1 : http://www.flickr.com/photos/madlyinlovewithlife/64027251414 : http://fr.wikipedia.org/wiki/Fichier:Meister_der_Manessischen_Liederhandschrift_004.jpg#filelinks5 : http://www.flickr.com/photos/mg-muscapix/32884355899 : http://www.flickr.com/photos/timothymorgan/2482234512 : http://www.flickr.com/photos/lajabrac/643401936118 : http://www.flickr.com/photos/expressmonorail/630424332924 : http://www.flickr.com/photos/serdir/615024500933 : 3D Photo Wall for Flash

×