Une vision à 360° Scénographie des analyses de controverse http://flickr.com/photos/kdj/874796522/ Par Stéphane ROUILLY Su...
Problématique <ul><li>Que signifie restituer une étude de controverse sur le web ? </li></ul><ul><li>Comment rendre lisibl...
Plan <ul><li>Scénographie ? </li></ul><ul><li>Classement, navigation, parcours </li></ul><ul><li>Complexité et profusion <...
Scénographie ? <ul><li>Un emprunt au théâtre pour expliciter l’idée d’organisation de la restitution : </li></ul><ul><li>q...
Mise en scène / mise en web <ul><li>Le dispositif scénographique est propre : </li></ul><ul><li>à chaque pièce / chaque ét...
Les critères d’évaluation <ul><li>Parmi nos critères d’évaluation : </li></ul><ul><li>- la stratégie globale de mise en va...
Le côté obscur <ul><li>Deux avertissements : </li></ul><ul><li>Attention à la profusion gratuite de dispositifs d’animatio...
Classement, navigation, parcours http://flickr.com/photos/addieplum/3548833/
Catégoriser <ul><li>Articles, navigation </li></ul><ul><li>Arguments </li></ul><ul><li>Acteurs... </li></ul>
Classer, sous-classer <ul><li>1 ou plusieurs niveaux </li></ul><ul><li>Menu </li></ul><ul><li>Carte mentale </li></ul>
Linéarité / guidage <ul><li>LDVELH : livres interactifs </li></ul><ul><li>proposer une navigation alternative </li></ul>
Complexité et profusion http://flickr.com/photos/abandon/364993096/
Ne pas tout afficher <ul><li>affichage accordéon </li></ul><ul><li>affichage conditionnel </li></ul>
Mettre en valeur <ul><li>Bulles </li></ul><ul><li>Magazine </li></ul><ul><li>Résumés </li></ul>
Interactivité http://flickr.com/photos/photoimage/478293367/
Animer pour immerger poser la problématique mettre dans l’ambiance
Mettre en scène les relations <ul><li>Mise en scène des relations </li></ul><ul><li>... des relations + navigation </li></ul>
Trier <ul><li>Inline via des bibliothèques js </li></ul><ul><li>Via des outils en ligne </li></ul>
Cheminer
Représentation / axes http://flickr.com/photos/mihaitza/393148058/
Spacialisation <ul><li>Cartes </li></ul>
Chronologie <ul><li>Frises </li></ul>interactive multimédia automatique « Manuelle »
Illustrer
Toutes les représentations ?
Multimédia http://flickr.com/photos/vonmurr/440871186/
Images (1/2) <ul><li>Pictos </li></ul><ul><li>Liens (image  map) </li></ul><ul><li>Zooms </li></ul>enrichir parcourir navi...
Images (2/2) : diaporama
Audio <ul><li>Audio : lecteur intégré </li></ul><ul><li>Voix, synthèse vocale, interview... </li></ul><ul><li>Ambiance </l...
Vidéo <ul><li>Vidéo : youtube, dailymotion, intégrées, pérénité ?  </li></ul><ul><li>Screencam </li></ul>
3D <ul><li>Photosynth </li></ul><ul><li>2nd life </li></ul><ul><li>G sketchup </li></ul>
Outils & technologies http://flickr.com/photos/xstormyx/501589664/
Outils web utiles <ul><li>Tendances et comparaisons  </li></ul><ul><li>Cartographie informationnelle  </li></ul>
Technologies sous-jascentes <ul><li>Editeur Wysiwyg ou non </li></ul><ul><li>CMS  </li></ul><ul><li>Flash </li></ul><ul><l...
Alors, Webmaster ?
Prochain SlideShare
Chargement dans…5
×

Scenographie Des Analyses De Controverse

3 468 vues

Publié le

Que signifie restituer une étude de controverse sur le web ?

Comment rendre lisible l’étude ?
Comment mettre en valeur et lier les données (acteurs, temps, espace, arguments, dispositifs…) ?
Comment faire en sorte que la représentation de l’étude sur le site web donne des clefs d’interprétation de la controverse ?

Publié dans : Technologie
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
3 468
Sur SlideShare
0
Issues des intégrations
0
Intégrations
77
Actions
Partages
0
Téléchargements
75
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Scenographie Des Analyses De Controverse

  1. 1. Une vision à 360° Scénographie des analyses de controverse http://flickr.com/photos/kdj/874796522/ Par Stéphane ROUILLY Sur une idée de Nicolas BENVEGNU
  2. 2. Problématique <ul><li>Que signifie restituer une étude de controverse sur le web ? </li></ul><ul><li>Comment rendre lisible l’étude ? </li></ul><ul><li>Comment mettre en valeur et lier les données (acteurs, temps, espace, arguments, dispositifs…) ? </li></ul><ul><li>Comment faire en sorte que la représentation de l’étude sur le site web donne des clefs d’interprétation de la controverse ? </li></ul>
  3. 3. Plan <ul><li>Scénographie ? </li></ul><ul><li>Classement, navigation, parcours </li></ul><ul><li>Complexité et profusion </li></ul><ul><li>Interactivité </li></ul><ul><li>Représentation, axes </li></ul><ul><li>Multimédia </li></ul><ul><li>Outils et technologies </li></ul>
  4. 4. Scénographie ? <ul><li>Un emprunt au théâtre pour expliciter l’idée d’organisation de la restitution : </li></ul><ul><li>quels moyens - artistiques et techniques - sont mis en œuvre pour définir l’espace scénique de la pièce ? </li></ul><ul><li>Une description de controverse, c’est : </li></ul><ul><li>une étude (acteurs, lieux, temps, arguments…) </li></ul><ul><li>Un principe d’organisation et des dispositifs qui permettent d’articuler les données et de cheminer dans les différentes dimensions d’une controverse </li></ul>
  5. 5. Mise en scène / mise en web <ul><li>Le dispositif scénographique est propre : </li></ul><ul><li>à chaque pièce / chaque étude </li></ul><ul><li>à chaque interprétation d’une pièce ou d’une étude </li></ul><ul><li>=> On ne peut pas standardiser la manière dont les données recueillies sont mises en scène </li></ul>
  6. 6. Les critères d’évaluation <ul><li>Parmi nos critères d’évaluation : </li></ul><ul><li>- la stratégie globale de mise en valeur des données </li></ul><ul><li>- le choix des dispositifs de restitution de l’étude sur le web </li></ul>
  7. 7. Le côté obscur <ul><li>Deux avertissements : </li></ul><ul><li>Attention à la profusion gratuite de dispositifs d’animation qui ne seraient que de purs artifices </li></ul><ul><li>Cette recherche sur la valorisation des données ne s’assimile pas à un concours de beauté de sites web (pas de prime pour la plus belle charte graphique !) </li></ul>
  8. 8. Classement, navigation, parcours http://flickr.com/photos/addieplum/3548833/
  9. 9. Catégoriser <ul><li>Articles, navigation </li></ul><ul><li>Arguments </li></ul><ul><li>Acteurs... </li></ul>
  10. 10. Classer, sous-classer <ul><li>1 ou plusieurs niveaux </li></ul><ul><li>Menu </li></ul><ul><li>Carte mentale </li></ul>
  11. 11. Linéarité / guidage <ul><li>LDVELH : livres interactifs </li></ul><ul><li>proposer une navigation alternative </li></ul>
  12. 12. Complexité et profusion http://flickr.com/photos/abandon/364993096/
  13. 13. Ne pas tout afficher <ul><li>affichage accordéon </li></ul><ul><li>affichage conditionnel </li></ul>
  14. 14. Mettre en valeur <ul><li>Bulles </li></ul><ul><li>Magazine </li></ul><ul><li>Résumés </li></ul>
  15. 15. Interactivité http://flickr.com/photos/photoimage/478293367/
  16. 16. Animer pour immerger poser la problématique mettre dans l’ambiance
  17. 17. Mettre en scène les relations <ul><li>Mise en scène des relations </li></ul><ul><li>... des relations + navigation </li></ul>
  18. 18. Trier <ul><li>Inline via des bibliothèques js </li></ul><ul><li>Via des outils en ligne </li></ul>
  19. 19. Cheminer
  20. 20. Représentation / axes http://flickr.com/photos/mihaitza/393148058/
  21. 21. Spacialisation <ul><li>Cartes </li></ul>
  22. 22. Chronologie <ul><li>Frises </li></ul>interactive multimédia automatique « Manuelle »
  23. 23. Illustrer
  24. 24. Toutes les représentations ?
  25. 25. Multimédia http://flickr.com/photos/vonmurr/440871186/
  26. 26. Images (1/2) <ul><li>Pictos </li></ul><ul><li>Liens (image map) </li></ul><ul><li>Zooms </li></ul>enrichir parcourir naviguer clarifier
  27. 27. Images (2/2) : diaporama
  28. 28. Audio <ul><li>Audio : lecteur intégré </li></ul><ul><li>Voix, synthèse vocale, interview... </li></ul><ul><li>Ambiance </li></ul>
  29. 29. Vidéo <ul><li>Vidéo : youtube, dailymotion, intégrées, pérénité ? </li></ul><ul><li>Screencam </li></ul>
  30. 30. 3D <ul><li>Photosynth </li></ul><ul><li>2nd life </li></ul><ul><li>G sketchup </li></ul>
  31. 31. Outils & technologies http://flickr.com/photos/xstormyx/501589664/
  32. 32. Outils web utiles <ul><li>Tendances et comparaisons </li></ul><ul><li>Cartographie informationnelle </li></ul>
  33. 33. Technologies sous-jascentes <ul><li>Editeur Wysiwyg ou non </li></ul><ul><li>CMS </li></ul><ul><li>Flash </li></ul><ul><li>Et bien sur... </li></ul><ul><li>xHTML, CSS, JS ( teasing ) </li></ul><ul><li>Voire Ajax, PHP, Python... </li></ul>
  34. 34. Alors, Webmaster ?

×