La conduite d’un projet multimédia

Fil rouge pour l’exposé : le CD-ROM Cap projet

La conception :les étapes à respecter

• Le synopsis

• Le cahier des charges

• Le scénario

• Le story-board

CD-ROM Montignac : http://www.utc.fr/~bouchard/dicit/ecrans.htm

Le synopsis

• Le synopsis définit le concept du projet, le public-cible, les objectifs.

Le synopsis

• Quel concept ? • Laissez libre cours à votre imagination

• L’idée initiale doit aboutir à un véritable concept, si possible innovant.

• Quel public-cible ?• Que sait-il par rapport au sujet ?

• Quelles sont ses attentes ?

• Quels sont ses modes de consultation?

• Si vous identifiez plusieurs types de public, essayez de proposer à chacun un parcours et un contenu personnalisés.

• Quels objectifs ?• Que voulez-vous apporter au sujet traité ?

• Quels questionnements, quelles émotions voulez-vous provoquer ?

• Quelles connaissances, quelles compétences voulez-vous apporter ?

Le cahier des charges

• Le cahier des charges, par définition, est une mise en relation des objectifs et du budget.

Il peut préciser également :• La structuration du contenu, • les outils et les principes de navigation, • les formes et degrés d’interactivité.

Le cahier des charges de votre projet

1. concept2. objectifs 3. public-cible

4. ressources médias – texte, images, sons, vidéo - utilisées(la typologie des informations, leur nature et leur qualité)

5. structure et navigation(organisation des contenus ; concept et principes de navigation)

6. formes et degrés d'interactivité

7. choix techniques

• Quel budget ?

• Quelle utilisation des ressources médias (graphisme, son, vidéo) ?

Exemples d’utilisation de la vidéo :• animer, dynamiser l’écran• décrire des actions complexes• accroître le réalisme des situations• avoir une valeur de témoignage…

Bien réfléchir aux rapports texte-son-image-vidéo(concurrence, complémentarité, redondance…)=> l ’intersémiotisation des médias

Le cahier des charges

Le cahier des charges

• Quelle structuration, quelle organisation du contenu ?

• Des grains autonomes (le grain est consulté pour lui-même et pensé pour être lu entièrement)

• mais non indépendants (les grains sont reliés entre eux)

Hyperdocument

Grains

autonomes

Hyperdocument scénarisé Exemple de parcours

Le cahier des charges

• Quelle navigation ?

• Arborescenteà base de sommaires de plus en plus détaillés

• Hypertexteou hypermédia par extension aux autres médias, qui crée un réseau de renvois entre les divers documents

• Base de donnéesavec son jeu d’outils de recherche, principalement basés sur le texte

• Immersivedéplacement dans un espace tridimensionnel plus ou moins réaliste10 visites virtuelles à couper le souffle : http://www.linternaute.com/meilleur/visites4/index.shtml(Père Lachaise)Le Louvre – visite virtuelle : http://www.louvre.fr/What we will : http://www.z360.com/what/

• Quelle approche pédagogique ?

Le cahier des charges

• Quelles formes et quels degrés d’interactivité ?

• de navigation (accéder)depuis le simple tourne-page à la navigation hypertexte et hypermédia

Exemple : Non-roman de Lucie de Boutiny : http://www.synesthesie.com/boutiny/

• de manipulation (manipuler)permet une une maîtrise du temps ou de l’espace, peut proposer également des outils à créer autant qu’à manipuler

Le ciel est bleu : Zoo et Puppet tool : http://www.lecielestbleu.com/html/main_lceb.htmMichael Sellam : Devant les yeux : http://incident.net/hors/landscape/devantlesyeux/

• d’introduction de données (produire)du QCM à la question ouverte avec analyse du langage naturel, lorsque l’on souhaite questionner l’utilisateur, voire ébaucher un dialogue avec lui

24 heures d’Adrien, de Pierre-Olivier Fineltin :http://pofineltin.free.fr/24h/ Adam project de Timothée Rolin : http://2002.adamproject.net/ Dialogus : http://www.dialogus2.org/Echolalistes : le wiki : http://mapage.noos.fr/echolalie/index.htmAnnie Abrahams : Mutant : http://www.dvblog.org/movies/01_2011/mutant2.mov

Le scénario

Le scénario • contient l’ensemble des textes qui vont apparaître à l’écran ;• définit également l’éventuelle “ mise en scène ” (la scénarisation).

Le scénario

• Quelle scénarisation (mise en scène du contenu) ?

• Présence d’un assistant-accompagnateurqui nous guide dans l’exploration du CD-Rom ou du site

• Exploitation d’une métaphoreUne métaphore peut servir à structurer le site et à guider le visiteur.Métaphore de la maison : http://www.daddy.fr/ (le hall des saveurs de Daddy)

• Dimension narrative

• …

Le story-board

Le story-board traduit traditionnellement le scénario en dessins.Pour votre projet, il s’agira d’expliquer (et d’illustrer) vos choix de graphiques et interfaciques.

• Quelle charte graphique ?• typographie• palette de couleurs• fond d’écran…

• Quels styles graphiques ?• 2D• 3D• animations• photos…

• Quelle interface ?• fonctionnalités• agencement des différents éléments sur l’écran

• Quelle interface ?

• simplicité

• accès rapide

• mode intuitif (sans mode d’emploi)

• efficacité

• cohérence (graphique et fonctionnelle)

• prédictibilité (pouvoir anticiper l’effet de chaque action)

• réversibilité (pouvoir annuler toute action, contrôle du déroulement)

• attrait (esthétisme et lisibilité de la mise en page)

Le story-board

La réalisation

Quels outils ?Les outils peuvent conditionner une certaine forme de structuration, de scénarisation, certaines formes d’interactivité…Ex. : ligne de temps (time line) de Director / ligne logique de Authorware

La réalisation

• L’infographiste réalise les premiers écrans qui sont assemblés par le programmeur afin de tester l’ergonomie du programme. Cette première réalisation graphique et informatique aboutit à une première version fonctionnelle.

• Cette première version est testée sur des utilisateurs finaux.

• La troisième étape de la réalisation est celle de l’optimisation et de l’enrichissement ergonomique, graphique, thématique, sémantique.

• On aboutit à une version bêta, qui fait elle aussi l’objet d’une validation, afin d’être finalisée.

• La dernière étape est celle de la remise de la version finale.

La phase d'édition

• Mastering, packaging et pressage.

• Promotion et diffusion

Conclusion

Adopter une méthodologie de conduite de projet

• Étudier l’existant• Recenser les sources• Formaliser soigneusement synopsis, cahier des charges, scénario

et story-board• Faire des maquettes• Faire valider à tous les stades (projet, maquette, produit,

documentation d’accompagnement…)

Écriture Web

• Édition papier et édition WebLa publication Web offre un rapport prix/audience/délai défiant toute concurrence vis-à-vis de l’édition traditionnelle

• La spécificité du média Web• Le facteur « temps réel »• Le facteur de personnalisation• Le facteur interactivité

• Conclusion • un véritable acte d'édition• un projet nécessitant une méthodologie de conduite de projet

Annexes : Site Web : les étapes à suivre (Formation Pratic)

Annexes : Site Web : la réalisation des gabarits papier (Formation Pratic)