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 24 janvier 2014.

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

2. Nous sommes heureux de vous accueillir à la 2ème
cérémonie d'ouverture des réflexions scénographiques !

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

4. Plan
Scénographie ?
Représentation
Standardisation
Exploration
Inspiration
Méthode
Orpaillage du web
Immersion & animation
Matériel
Prisme
Pong
Confection

5. it
d
1
?
z ie
e h
v p
a a
s
r
u
g
o
o
V
n
é
c
S
A. Représentation
B. Standardisation
C. Exploration

6. A. Représentation

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

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

9. B. Standardisation

10. 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é.

11. Les lois de l'imitation
-> Inlassablement, les sites comportent un
menu avec : introduction, controverse, acteurs,
arguments, chronologie etc.
La consommation de vin est-elle bonne pour la santé ?, Mines, 2011

12. La structure archétypale
Mines :
2001 : Epandage des boues d'épuration
2002 : Salsigne, le “site le plus pollué de France” ?
2003 : Pic de production du pétrole
2005 : Gestion de l'eau dans le marais poitevin
2006 : Brevetabilité des logiciels
Sciences po :
2007 : Les machines à voter
2010 : Le street art
MIT : 2009 : Tomorrow's frontier
Mines : 2011 : Loup et pastoralisme

13. Comment sortir de l’
élevage intensif ?

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

15. C. Exploration
http://www.flickr.com/photos/miquelgp/8402942060/

16. 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.
12
20
ce
in
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.

19. Blasphème

20. Planetary Boundaries

23. Devenir transsexuel ?

24. Labellisation du vin

25. AVERTISSEMENT :
2
les liens contenus
dans cette partie se
doivent d'être
entièrement
dévorés par tout
scénographe digne
de ce nom !
n
o
i
t
a
ir
p
s
’in
L
A. l’Orpaillage du web
B. Ambiance et animation

26. A. L’orpaillage du web

27. > Un must

28. Des représentations/navigations différentes
● 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”).

29. > De nouvelles narrations

30. > Typographie & infographie

31. Sortir des “simples sites”
● Try on a new sofa : Animer la vidéo
● Des CV (très) créatifs : Sortir des poncifs
● The Divided Brain et Cloud computing : Animations
filmées, dessinées

32. Naviguer dans l’espace (un peu)
● Site vertical évolutif : Slavery footprint
● Slides 3D : Impress.js & un exemple
● Parallaxe: http://www.milwaukeepolicenews.
com/
● Visite des jardins de Versailles en volant :
http://www.chaostoperfection.com/

33. B. Immersion & animation
http://www.flickr.com/photos/morphomir/24074

34. > De très grandes images

35. > De la musique

36. > Univers graphique

37. > Surprise et immersion

38. > Peu de profondeur ?

39. B/bis. animation
http://www.flickr.com/photos/b-love/32823

40. > Vidéos courtes (Vine ?)

41. > Penser à valoriser ses données

42. > Cartes interactives
Et des modèles téléchargéables

43. > Créer ses animations

44. > En faire trop ?

45. > TOUT est possible

46. Et dans les études
controverses passées ?
http://www.flickr.com/photos/bibliothequedetoulouse/8551445416

47. Hurler avec le loup, Mines 2004

48. Les attaques de requins,
Sciences Po, 2013

49. Les acteurs du marais poitevin,
Mines, 2006

50. Les arguments sur le Transrapid,
Mines, 2006

51. Les portraits croisés subjectifs,
Sciences Po, 2011

52. La vision cinématique de la
controverse sur l’A51, Mines, 2005

53. 3
e
d
o
h
t
é
a
L
m
Matériel
Prisme
Pong
Confection

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

55. En chiffres
16 semaines séparent le lancement du
semestre de la soutenance finale
4 grandes étapes rythment le semestre
● Apprentissage du matériel scéno
● Passage au prisme du matériau
● Pong
● Confection

56. 1) Le matériel scénographique
Les 4 premières semaines
http://www.flickr.com/photos/fensterbme/102458936/
2 séances intenses de blitz web pour
apprécier, comprendre, s'immerger et
toucher un matériel brut.
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.

57. Systèmes et procédés
- Choix d'un système en fonction d’un parti pris (dispositif
basé sur IMCreator, GWD, Amaya, Wordpress...)
●
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...

58. 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
http://www.futura-sciences.
com/fr/doc/t/physique/d/le-prisme-denewton_597/c3/221/p3/
●
Choix du système pour chaque
groupe
●
Capitalisation des contenus
●
Storyboard général

59. Organiser ses matériaux
Lister les ressources et le contenu : articles,
références, liens, graphiques, animations et
commencer à les partager avec l'équipe
-> faire le lien avec les livrables de tous les
ateliers.
Passer ce matériau au prisme du matériel, des
capacités des membres, des choix de
représentation/organisation et de votre
créativité.

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

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

62. 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 (outil d’échange avec l’équipe
pédagogique et au sein de chaque groupe), 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, pour illustrer les
descriptions fondées sur les résultats obtenus dans les
autres ateliers,
● l'intégration des procédés dans votre système et de votre
système sur le serveur de Sciences Po.

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

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

65. 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://www.i-m.co/sols/sols/ => http://controverses.sciences-po.fr/cours/sols/

66. Prise de vue et montage
Nous nous appuierons pour ces tâches sur les ressources de
la vidéothèque de Sciences Po.
2 formations d’1h30
> prise en main caméra,
prise de vue
> montage
Possibilité d’emprunter
du matériel (caméra,
trépied, micro…)
S’inscrire :
Salle multimédia 311
56 rue des Sts Pères

67. e d
b e
o nu
T i
t
n
o
c

68. Concrètement ça donne quoi ?
● Mise à disposition du matériel scénographique :
○ 5 fevrier : Apprentissage des 4 systèmes
○ 12 février : Exploration des procédés
●
■ Devoir : Pratique sur des dispositifs imposés
Passage au prisme du matériau d'étude
○
●
12 mars : 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
○
○
○
2 avril : Brief aux orfèvres (date limite 9 avril)
9 avril : Animations sur mesure
23 avril : Passage du Cap Horn : Intégration et débug

69. 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/

70. 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/joopreuvecamp/11957764725/
http://www.flickr.com/photos/mg-muscapix/3288435589
http://www.flickr.com/photos/timothymorgan/24822345
http://www.flickr.com/photos/lng0004/8187374213/