Cours de représentation des cartographies de controverses conçu par Stéphane Rouilly & Nicolas Benvegnu. Il a été dispensé à l'Ecole de la Com de Sciences Po le 21 janvier 2013.

1. Scénographie des
controverses
Ni
St cola
ép s
ha Be
ne nv
Ro egn
uil u Mise en perspective numérique
ly

2. Les Nicolas brothers sont heureux de vous accueillir à la 1ère
cérémonie d'ouverture des réflexions scénographiques !

3. "Ingénieur pédagogique" !
Dr Nicolas Benvegnu
Cours du vendredi 25 janv 13
http://bit.ly/scenographie2013
Ingénieur Chercheur EDF R&D
Stéphane Rouilly,
@starcrouz

4. Plan
Perspective numérique
Contexte Standardisation
Artisanat
Ré-ouverture
Méthode Matériel
Prisme
Pong
Confection
Parangonnage
Inspiration Systèmes
Sublimation

5. t e
1 e x
n t t
o u e n
c d m
L e e
ng
a
Perspective numérique
h
Standardisation
c
Artisanat
Ré-ouverture

6. Le fond et la forme
La cartographie des controverses, c'est :
1. Avant tout une enquête qui s'appuie sur différentes
méthodes des sciences sociales.
2. Mais c'est aussi un exercice de restitution des résultats
de l'enquête sur le web : un travail de représentation.
Ces deux dimensions doivent être investies par tous les
membres du groupe, certes à des degrés divers en fonction
des tâches qui échoient à chacun.

7. Scénographie :
l'image de la perspective numérique
Avant que la perspective ne se fasse théorie
mathématique, les représentations de l'espace s’
appuyaient sur des procédés de mise en perspective.
● Nous sommes aujourd'hui dans une situation de
tâtonnement et de recherche d'une "perspective
numérique".
Chaque groupe compte 2 scénographes : ils sont les fers
de lance du travail de représentation des informations
recueillies (sur des enjeux qui font controverse), qu'ils
réalisent avec l'ensemble du groupe.

8. Standardisation

9. Standardisation
Le cours existe depuis le milieu des années 1990. Les résultats de
l'enquête sont restitués sur le web depuis 2001
1. Les méthodes d'enquê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

10. La structure archétypale
Mines :
2002 : Ethers de glycol
2003 : Pic de production du pétrole
2005 : Gestion de l'eau dans le marais poitevin
2006 : Brevetabilité des logiciels
Sciences po :
2010 : Parabens
2010 : Mose
MIT : 2009 : Tomorrow's frontier
Mines : 2011 : La fatigue chronique

11. Les lois de l'imitation
-> Inlassablement, les sites comportent un
menu avec : introduction, controverse, acteurs,
arguments, chronologie etc.
Or le web et les outils de représentation
évoluent.

12. Vers l’artisanat plutôt que
l’élevage intensif

13. Notre credo : innover et
expérimenter avec vous
Notre credo : lutter contre certains effets de "l’
industrialisation" du cours (ne pas se
condamner à l’homogénéisation et la
standardisation des études et de leur
représentation).
Soin particulier apporté à chaque étude et à sa
représentation : une démarche qui s’assimile
dans sa philosophie davantage à l’artisanat qu’
à l’élevage intensif.

14. Une solution toute prête ?
Nous souhaitons nous Nous avons à la fois voulu
adapter au mieux à chaque un nombre limité d’étudiants
sujet d’étude et aux et une équipe pédagogique
compétences développées resserrée : nous proposons
dans chaque équipe. de travailler sur de petites
séries, voire des pièces
uniques.

15. Ré-ouvrir le champ des possibles

16. Concevoir un dispositif
scénographique original
1. Commencer par changer la manière de mener l'enquête
(éviter l'enchaînement linéaire de "figures imposées")
2. Tester de nouveaux formats de restitution, en résonance
avec les évolutions du web.
-> Tester de nouvelles manière de faire / d'utiliser le web :
transcender le “site web” : pourquoi pas un livre, des
slides, un web-reportage ?
3. Revoir la formation des scénographes : ne pas se focaliser
sur une seule solution technique, mais nourrir la créativité par
la combinaison d'un choix de techniques et d'outils ré-investis
pour représenter des enjeux controversés.

17. Scénographie : l'effet sophistique
Importance de la représentation : elle est au service de la
dé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 principes
et aux moyens de l’immersion et de la navigation dans la
controverse décrite.
-> il faut savoir être capable de restituer une ambiance,
l'atmosphère à laquelle donne lieu une controverse, celle
dans laquelle la controverse baigne.

18. 2 d e
h o
é t
m
L a Matériel
Prisme
Pong
Confection

19. Du matériau brut
au produit fini
http://www.flickr.com/photos/dsevilla/254458607/

20. Des dispositifs multiformes
16 semaines séparent le lancement du semestre
de la soutenance finale
Le dispositif scénographique
(le travail finalement remis)
peut prendre plusieurs formes.
● L'une est organisée autour
de la vidéo ;
● l'autre autour des
procédés du web.
http://www.wallfizz.com/art-design/objet-et-machine/5088-aiguillage-WallFizz.jpg
-> Chaque groupe doit faire un choix, en accord avec son maître de
conférence, en fonction des caractéristiques du sujet et des
compétences des scénographes.
-> Aiguillage avant la semaine 6

21. 1) Le matériel scénographique
Les 4 premières semaines
2 séances intenses de blitz web et 2
d'écriture documentaire pour apprécier,
comprendre, s'immerger et toucher un
matériel brut.
http://www.flickr.com/photos/fensterbme/102458936/
Un système pour le contenant et des
procédés pour enrichir le contenu.
Apprendre à façonner constitue une étape
initiatique qui permet d'aborder le reste du
programme.
Ceux qui ont choisi la vidéo se forment à
l'écriture documentaire, à la prise d'image et
au montage.

22. Systèmes et procédés
- Choix d'un système en fonction d’un parti pris (dispositif
basé sur Wordpress, Prezi, Slide Rocket, Timeline JS...)
● 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 animations intégrées
au système choisi.
● infographie, animation,
graphe, vidéo, jeu, son,
frise chronologique,
carte...

23. Prise de vue et montage
Nous nous appuierons en partie sur les ressources de
la vidéothèque de Sciences Po.
Prochaines formations à la prise en main des caméras dans la semaine du 28 janvier au
1er février :
Lundi 28 de 15h00 à 16h30 ; Mardi 29 de 10h30 à 12h00 ; Mercredi 30 de 10h30 à
12h00 ; Jeudi 31 de 15h00 à 16h30
Le labo multimédia 311 accueillera les étudiants pour unaux stations de montage dans
ses horaires d'ouverture ( à partir du 4 février) :
Lundi : 10h00 - 12h00 et 15h00 - 17h00 ; Mardi : 14h00 - 17h00 ; Mercredi : 10h00 -
12h00 et 14h00 - 17h00 ; Jeudi : 10h00 - 12h00 et 15h00 - 18h00 ; Vendredi : 14h00 -
17h00
-> Il faudra également choisir un système qui permettra de naviguer
parmi les vidéos.

24. 2) Le prisme du matériau
semaines 5 à 8
Réflexions au prisme du matériau de l'étude
pour poser les jalons d'une représentation de
l'étude de la controverse
● Choix du système pour chaque
groupe
com/fr/doc/t/physique/d/le-prisme-de-
● Capitalisation des contenus
http://www.futura-sciences.
● Storyboard général
newton_597/c3/221/p3/

25. Organiser ses matériaux
Lister les ressources et le contenu : articles,
références, liens, graphiques, animations et
commencer à les partager avec l'équipe.
Passer ce matériau au prisme du matériel, des
capacités des membres, de votre parti pris de
représentation/organisation et de votre
créativité.

26. Proposer un Story board
Jeter sur le papier (ou le logiciel) une ébauche
générale (wireframing lo-fidelity, sketching,
collage) permettant d'avoir une vision
d'ensemble de l'organisation, la volumétrie du
dispositif scénographique et le besoin en
procédés et orfèvrerie.
Ne pas se contraindre
avec le système.
http://amorris-graphicdesign.blogspot.
fr/2010/09/urban-farming-wireframing.html

27. Le pong scénographique
à partir de la semaine 6
A partir de cette séance charnière, besoin d'un
document de capitalisation, formalisation,
avancement, partage.
Incrémental, il symbolise
le chemin vers la concré-
tisation du dispositif.

28. 3/ La phase de confection
semaines 9 à 16
La réalisation du dispositif sur la base du
système choisi, s'étalera sur plus d'un mois.
Les ateliers de cette phase, guidés par le pong
scéno (en face à face avec chaque équipe),
seront enrichis par des focus sur :
● la rédaction d'un brief envoyé à des spécialistes du
web, les orfèvres, pour la réalisation d'une partie du
dispositif ;.
● la création d'animations personnalisées ;
● l'intégration des procédés dans votre système et de
votre système sur le serveur de Sciences-Po.

29. L'intervention des orfèvres
Semaine 11 à 13
Les orfèvres interviennent plutôt sur un procédé isolé avec
2 compétences utilisées équitablement : design graphique
et développement informatique.
Une intervention sous contrainte : 1 journée de travail par
groupe maxi

30. Animations personnalisées
Semaine 12
Apprendre à créer rapidement une animation
html5 avec des solutions comme Edge Animate

31. Passage du Cap Horn
Semaine 13
Il s'agit de faire fonctionner l'ensemble du dispositif,
éliminer les bugs. Alors que la date de livraison approche,
les problèmes sont de plus en plus précis. L'aide des
formateurs des scénographes est ici personnalisée.
Intégration :
Les procédés doivent être intégrés dans le système alors
que le système doit être inséré sous une adresse Sciences
Po. L'atelier est pratique et appelle quelques compétences
techniques.
Exemple :
http://i-m.co/juliericard/neuromarketing/ => http://controverses.sciences-po.fr/cours/neuromarketing/

32. ATTENTION :
3
les liens contenus
dans cette partie se
doivent d'être
entièrement
dévorés par tout
scénographe digne
o n
de ce nom !
t i
ir a
s p
L 'in
Parangonnage
Systèmes
Sublimation

33. Parangonnage

34. La mise en perspective numérique
des études de controverse au concret
Quelques exemples (rares) :
En terme d'animations :
● 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

35. 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

36. Parangonnage
Représentations
● Evolution of web : frise chrono horizontale et
slide
● Voyage au bout du charbon : Webdocus
● Louvre Lens : audio et dessins mouvants
Ce qui “fait moderne” est souvent hérité du mobile : les
transitions, le coté physique (rebond, accélération...). Le
site de l'atelier de cartographie de Sciences Po, par
exemple, passe de page en page sans transition (ça
“saute”).

37. Parangonnage +
Sortir des “simple” sites
● Try on a new sofa : Videos en accordéon
● Des CV (très) créatifs : Sortir des poncifs
● Google Art project : Une galerie d’art 3D
● Urban survivors : Webreportage
● The Divided Brain et Cloud computing : Animations
filmées

38. 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 climat
A la mode en ce moment : transition, physique
et gamification
● Retrogaming : gamification
Influence sur les travaux 2012 : L'art et le blasphème

39. Systèmes éligibles

40. 4 Systèmes dans le vent !
Un petit échantillon des possibilités du web
pour contenir et organiser les cartographies
● Wordpress : CMS classique
○ Showroom, 2, 3, 4, 5, 6 + backoffice
● Imcreator : CMS drag & drop design
○ Showroom + backoffice
● Sliderocket : Système de présentation
○ 1, 2, 3 + backoffice
● Prezi : Système de présentation par zoom
○ Showroom, 2, 3, 4, 5+ backoffice

41. Worpress : backoffice

42. ImCreator : backoffice

43. Sliderocket : backoffice

44. Prezi : backoffice

45. Prezi : backoffice +

46. Sublimation des dispositifs
produits en 2012
http://www.flickr.com/photos/miquelgp/8402942060/

47. Devenir transsexuel
+ Dispositif riche, complexe et libre. Testimoniale
- Un repérage, une navigation et des transitions flous
=> menu, parcours circulaires pas trop longs, fil d'ariane

48. Gaz de schiste
+ Menu non conventionnel ("s'engager, exploiter, évaluer")
+ astuce du système comme procédé (avec orfèvres)
- taille des pages à réfléchir en fonction du vidéoprojecteur

49. Labellisation du vin
+ créativité graphique et métaphore filée
+ richesse des animations
- pas assez "autoportant" en terme de navigation

50. Blasphème
+ réalisation très pro (mais externalisée)
+ navigation moderne, fluide et relativement lisible
- manque d'animation, d'ambiance, trop homogène
=> musique, rupture, animation saisissante (on commence
par casser le verre de la photo de Serrano)

51. b e ed
o inu
T t
o n
c

52. Concrètement ça donne quoi ?
● Mise à disposition du matériel scénographique :
○ 30 janvier : Apprentissage des 4 systèmes
○ 6 février : Exploration des procédés
■ Devoir : Pratique sur des dispositifs imposés
● Passage au prisme du matériau d'étude
○ 27 février : Initialisation du pong scéno
■ Devoir : Vue d'ensemble pour l'avancement intermédiaire (6 mars)
■ Devoir : Capitalisation des matériaux d'étude et Storyboard (3 avril)
● Séances de confection
○ 3 avril : Brief aux orfèvres (leur envoyer avant le 15)
○ 17 avril : Animations sur mesure
○ 24 avril : Passage du Cap Horn : Intégration et débug

53. Concrètement ça donne quoi ? 2
● Formation à l'écriture documentaire, prise d'image &
son, montage
○ 30 janvier, 6 février : écriture documentaire
■ Devoir : note d'intention
● Avancement intermédiaire (13 mars)
■ Devoir : plan de tournage (film mis sur papier)
● Séances de confection
○ 3 avril : Brief aux orfèvres (leur envoyer avant le 15)
○ 17 avril
○ 24 avril : Passage du Cap Horn : Intégration et débug

55. 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://controverses.sciences-po.fr/archiveindex/
● http://controverses.ensmp.fr/wordpress/
● http://www.demoscience.org/
● http://infosthetics.com/
● http://gizmodo.com/infographic/

56. Crédits photo
Icones n&b (Creative Commons) : http://www.iconfinder.com/search/3/?
q=iconset%3Anounproject
Photos grands formats des slides # (Creative Commons) :
http://www.flickr.com/photos/geoftheref/257699761/
http://www.flickr.com/photos/madlyinlovewithlife/6402725141
http://fr.wikipedia.org/wiki/Fichier:
Meister_der_Manessischen_Liederhandschrift_004.jpg#filelinks
http://www.flickr.com/photos/mg-muscapix/3288435589
http://www.flickr.com/photos/timothymorgan/24822345
http://www.flickr.com/photos/lajabrac/6434019361
http://www.flickr.com/photos/expressmonorail/6304243329
http://www.flickr.com/photos/serdir/6150245009
http://www.flickr.com/photos/lng0004/8187374213/