WEB DOCUMENTAIRELe réaménagement du quartier Saint-Michel   Sébastien Cavaillé   Milène Clavaud   Nicolas Couëdel   Vincen...
Sommaire    1.          Synopsis ............................................................................................
1. Synopsis      En pleine ré-urbanisation du quartier saint Michel de Bordeaux, les principaux acteurs de cet évènement s...
Pour une meilleure expérience utilisateur, cinq groupes d’intervenants seront identifiés par autant de couleurs. Les habit...
3. Principe de navigation        La navigation se fera tout d’abord sur une grille de 4x4. Chaque case contenant le portra...
permettre d’impliquer l’utilisateur dans le web documentaire en le projetant dans le rôle de l’enquêteur auquel l’intervie...
5. Plan de tournage   5.1. Planification      Cette planification n’est qu’une estimation qui dépendra des connaissances e...
3 1/2 journées*           4        Développement de linterface webSemaine 6 2 1/2 journées*            2        Montage de...
6. Annexes      Visuels de l’interface prévue :  -   Le premier correspond à la page présentant la grille de vidéos telle ...
Webdocumentaire, quartier Saint-Michel
Webdocumentaire, quartier Saint-Michel
Upcoming SlideShare
Loading in...5
×

Webdocumentaire, quartier Saint-Michel

920
-1

Published on

Webdocumentaire, quartier Saint-Michel

Published in: Travel, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Webdocumentaire, quartier Saint-Michel

  1. 1. WEB DOCUMENTAIRELe réaménagement du quartier Saint-Michel Sébastien Cavaillé Milène Clavaud Nicolas Couëdel Vincent Lachambre Mélanie Nelet Université Bordeaux 3 – UFR STC Master 1 Pro Multimédia Année 2010 – 2011
  2. 2. Sommaire 1. Synopsis ............................................................................................................ 3 2. Arborescence .................................................................................................... 3 2.1. Interviewés ............................................................................................................. 3 2.2. Scénarisation .......................................................................................................... 4 3. Principe de navigation ....................................................................................... 5 4. Format du web documentaire ........................................................................... 6 4.1. Format web / technologies employées .................................................................. 6 4.2. Format des vidéos .................................................................................................. 6 5. Plan de tournage ............................................................................................... 7 5.1. Planification ............................................................................................................ 7 5.2. Calendrier ............................................................................................................... 7 5.3. Teaser ..................................................................................................................... 8 6. Annexes ............................................................................................................ 9
  3. 3. 1. Synopsis En pleine ré-urbanisation du quartier saint Michel de Bordeaux, les principaux acteurs de cet évènement se prêtent au jeu duweb documentaire.Cest dans un environnement riche en couleurs ainsi quen diversité populaire et culturelle que sétablit le débat.Ce projet de réaménagement va bouleverser la vie du quartier, de ses habitants et ses commerçants, où certains dentre eux vontdevoir complètement changer leur rythme et habitudes de vie.Entre réorganisation du territoire et bouleversements sociaux, le quartier saint Michel se retrouve au cœur des débats, dans une villede Bordeaux qui change peu à peu de visage.2. Arborescence 2.1. Interviewés- Maire du quartier : Fabien Robert (complément à la première interview réalisée en Mars 2010)- Opposant à la mairie de Bordeaux (Pierre Hurmic)- Commerçants : Epicerie Arabe, le propriétaire d’un café et un camelot régulièrement présent sur le marché.- Habitants : un jeune (étudiant récemment arrivé à Bordeaux par exemple), un habitant qui vit dans le quartier depuis plusieursannées, le responsable de l’association de quartier Saint-Michel / Nansouty / Saint-Genès (contact via la page Facebook)- Architecte en charge du projet : cabinet Obras (ou service de communication du bureau d’Architecte)- Acteur (culturel ou social) du quartier : deux associations participant à la vie du quartier Saint-Michel, en organisant desévènements par exemple.- Deux habitants de Bordeaux, ayant des visions différentes (un futur habitant du quartier rénové par exemple ?)- Chercheur STC, Architecture et territoire (Alain Mons ?)- Sociologue de l’Université de Bordeaux 3- Prêtre ( ?) chargé de la messe à la basilique Saint-Michel
  4. 4. Pour une meilleure expérience utilisateur, cinq groupes d’intervenants seront identifiés par autant de couleurs. Les habitants(du quartier ; de Bordeaux et de l’association de quartier), les acteurs du quartier (associations et prêtre), les commerçants, lesofficiels (politiques et architecte) et enfin les universitaires. 2.2. Scénarisation L’utilisateur arrive tout d’abord sur une vidéo d’introduction (dans l’idéal, le teaser créé en Mars 2010) présentant le sujet duweb documentaire. Cette vidéo mène ensuite à l’écran principal affichant le damier et jouant une courte animation durant laquelledes informations textuelles présentent brièvement les contrôles. L’internaute est ensuite libre de consulter le web documentaire enlui-même en commençant par l’étape 1 : « Le constat ». La seule case du damier « éclairée » est alors celle du maire adjoint : FabienRobert. Un clic sur son portrait ouvre la fenêtre flottante et joue la vidéo. L’utilisateur est alors libre de sélectionner les thèmes qu’ilveut voir abordés ou d’écouter l’ensemble de l’interview. A la fin de la vidéo, il est invité à poursuivre sa visite en passant à l’étape 2du projet « Appel d’offres et consultations ». La fenêtre flottante se ferme et l’internaute est alors en face d’un nouveau damier où les portraits de deux habitants duquartier et de l’architecte du plan de rénovation son « éclairés ». La frise chronologique sous le damier affiche alors deux casesillustrant l’étape 1 visualisée et l’étape 2 en cours de consultation. En cliquant sur le portrait de l’architecte, l’internaute peut alorsvisualiser son interview pour comprendre la motivation et la vision du cabinet Obras pour ce projet. Si l’internaute ne s’intéresse pasaux habitants, il peut alors passer à l’étape 3 sans les consulter, la frise (qui gagnera alors une troisième case) lui permettra de toutemanière de revenir au damier précédent. La navigation continuera sur ce principe jusqu’à la dernière étape du projet, présentant le retour des universitaires sur cetteexpérience et l’interprétation qu’il est possible d’en avoir à une échelle globale. L’utilisateur est finalement invité à exprimer sonavis, l’opinion qu’il s’est forgé suite à la consultation du documentaire, via une plate-forme de discussion type forum ou module decommentaires.
  5. 5. 3. Principe de navigation La navigation se fera tout d’abord sur une grille de 4x4. Chaque case contenant le portrait, le nom et la fonction del’intervenant. Au fur et à mesure que l’utilisateur parcourra le web documentaire, les portraits se griseront et (ou) s’allumerontsuivant les personnes sollicitées aux différentes étapes du projet. Par exemple, si l’on définit l’une des étapes du remaniement duquartier Saint-Michel comme l’étape « Appel d’offre », lancé par la mairie. 15 portraits seront grisés, invitant ainsi l’internaute àcliquer sur le maire pour visualiser une partie de son interview. En imaginant que l’étape suivante soit l’étape de « Consultation deshabitants et retour des architectes », le portrait du maire serait alors grisé alors que les portraits des habitants et de l’architecteseraient, eux, mis en avant. L’utilisateur progresserait ainsi au fil des grandes étapes du projet (définies par exemple dans le planningprévisionnel (Gantt) de l’opération). Dans le cas où un protagoniste (le maire par exemple), intervienne plus tard dans le planning, à une autre étape du projet,son portrait serait alors remis en avant pour signaler à l’internaute qu’il y a une nouvelle vidéo à consulter (correspondant à un autremoment de son interview). Pour marquer sa progression et permettre à l’internaute de revenir en arrière (on pourrait imaginer qu’à l’étape 2, uninternaute souhaite finalement parler à l’architecte après avoir consulté les habitants, au lieu de se retrouver à l’étape 3), une frise,constituée d’icones cliquables en bas de l’écran, afficherait les étapes du cheminement de l’utilisateur. Cette frise lui permettraitainsi de naviguer dans les étapes du projet qu’il désire (re)consulter, tout en sauvegardant sa progression. Les vidéos seraient, quant à elles, affichées dans une fenêtre flottante se superposant à la grille le temps de la visualisation. Enfin, suivant la longueur des vidéos proposées par chaque portrait aux différentes étapes du projet, des liens, sous forme dequestions reprenant les thèmes abordés seraient affichés sous la vidéo. Le clic sur un lien/question amènerait l’utilisateurdirectement à la réponse donnée par l’interviewé. Par exemple, si à l’étape 1, la vidéo du maire reprend les thèmes tels que « Lesraisons du projet » (début de la vidéo), « les enjeux du projet » (à 1min de vidéo) et enfin « le coût du projet » (à 1min30 de vidéo). L’utilisateur, en cliquant sur le lien/question « Mais combien ce projet de rénovation va-t-il coûter au contribuable ? »,avancera automatiquement la vidéo à 2 minutes. Il nous semble que la formulation des liens sous forme de question pourrait
  6. 6. permettre d’impliquer l’utilisateur dans le web documentaire en le projetant dans le rôle de l’enquêteur auquel l’interviewé répond.Par défaut, si l’utilisateur ne s’intéresse pas aux liens, la vidéo se joue entièrement dès l’ouverture de la fenêtre flottante. La fenêtre flottante affichant la vidéo présentera deux boutons à l’utilisateur. L’un permettra de revenir au damier à l’étapequ’il est en train de consulter. Le second, qui sera aussi présent sur la page du damier, permettra de passer à l’étape suivante.4. Format du web documentaire 4.1. Format web / technologies employées Pour la réalisation de l’interface web nous devrons utiliser différentes technologies actuellement très employées sur internet.Ainsi, notre page de base sera réalisée en HTML et CSS alors que la grille dynamique, qui composera le « menu », sera réalisée grâceà la technologie Flash qui permet des animations plus poussées et une réalisation facilitée (surtout pour les liens conditionnels quenous voulons mettre en place). Le lecteur vidéo sera également réalisé avec la technologie Flash. 4.2. Format des vidéos De nombreuses interviews seront filmées pour réaliser ce web-documentaire, celles-ci seront recoupées selon les différentesphases du projet de réhabilitation du quartier. Pour que les vidéos ne soient pas trop lourdes, puisqu’il s’agit essentiellement d’interviews, et ne risquent pas dennuyerlutilisateur, il faut privilégier un format de vidéo assez court pouvant aller de 3 minutes à 3 minutes 30. Il faudra penser à utiliser denombreux plans d’illustration qui permettront de dépeindre les propos des interviewés et couperont la monotonie d’une simpleinterview. Lors des prises de vue et de son, il ne faudra pas oublier d’aborder chaque étape du projet et thème abordé par le web-documentaire.
  7. 7. 5. Plan de tournage 5.1. Planification Cette planification n’est qu’une estimation qui dépendra des connaissances et compétences de l’ensemble des personnesprenant part au projet. Voici, par étape, l’estimation de temps nécessaire à la réalisation complète du web documentaire : - Tournage des interviews : 14 interviews à tourner pour un total de 14 demi-journées pour 3 personnes - Montage des vidéos : 10 demi-journées de montage pour deux personnes - Réalisation de l’interface web : 8 demi-journées de développement pour 4 personnes - Intégration des vidéos : 4 demi-journées pour une personne - Mise en ligne du site : une demi-journée pour une personne - Tests : 4 demi-journées pour les tests et ajustement pour deux personnes 5.2. Calendrier Le calendrier proposé n’est qu’une estimation, il sera à réévaluer lors de la prise de connaissance du volume horairedisponible pour ce projet et de la date de début des cours : Temps Nb nécessaireN°Semaine Tâche à réaliser nécessaire de personnes Prise de contact avec les différentes personnes àSemaine 1 1/2 journée 2 interviewerSemaine 2 4 1/2 journées* 3 Interview de 4 premiers intervenantsSemaine 3 4 1/2 journées* 3 Interview de 4 intervenants supplémentaires 2 1/2 journées* 2 Montage des premières interviewsSemaine 4 4 1/2 journées* 3 Interview de 4 intervenants supplémentaires 2 1/2 journées* 2 Montage des interviews suivantesSemaine 5 2 1/2 journées* 3 Interview des 2 derniers intervenants 2 1/2 journées* 2 Montage des interviews suivantes
  8. 8. 3 1/2 journées* 4 Développement de linterface webSemaine 6 2 1/2 journées* 2 Montage des interviews suivantes 3 1/2 journées* 4 Développement de linterface webSemaine 7 2 1/2 journées* 2 Montage des interviews suivantes 3 1/2 journées* 4 Développement de linterface webSemaine 8 2 1/2 journées* 2 Intégration des vidéos et des autres contenusSemaine 9 2 1/2 journées* 2 Intégration des vidéos et des autres contenusSemaine 10 1/2 journée 2 Mise en ligneSemaine 11 4 1/2 journée 3 Tests de linterface et modificationsSemaine 12 1/2 journée Rendu* Ce nombre peut être réduit en multipliant les équipes de tournage dans la même semaine. 5.3.Teaser Ce teaser, réalisé avec les interviews de trois commerçants du marché, une habitante, un brocanteur donnant sur la place etle maire adjoint en charge du quartier Saint-Michel, sera utilisé comme vidéo d’introduction au web-documentaire. Il pourracependant être raccourci pour améliorer la dynamique du site internet.http://www.megaupload.com/?d=E6CFV1NY Version « légère » au format FLV (environ 18 Mo)http://www.megaupload.com/?d=1BGX11SG Version lourde au format AVI (environ 705 Mo) Pour le montage de ce teaser nous avons voulu mettre en avant les différents avis qui seront confrontés dans le webdocumentaire, dont certains provenant de personnalités du quartier. Pour cela, et pour donner une bonne dynamique à cette vidéo,nous avons opté pour un montage qui fait se répondre les différents interviewés. Une introduction permet de situer le quartier dansBordeaux et de visualiser des rues ainsi que le marché de ce quartier populaire qu’est le quartier Saint-Michel.
  9. 9. 6. Annexes Visuels de l’interface prévue : - Le premier correspond à la page présentant la grille de vidéos telle qu’on l’a pensée. - Le second correspond à l’écran visualisé lorsqu’une vignette a été cliquée et qu’une vidéo est lancée.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×