Description de la mise en scène d une rubrique et proposition d une nouvelle maquette



Documents pareils
Des outils numériques simples et conviviaux!

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

FICHIERS ET DOSSIERS

Concevoir son premier espace de cours sur la plateforme pédagogique Moodle

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2

Notice pour Visiteur du Site Perso

Création outil multimédia de restitution du projet «l intergénérationnel : un levier pour un levier pour créer du lien social en milieu rural

AGASC / BUREAU INFORMATION JEUNESSE Saint Laurent du Var - E mail : bij@agasc.fr / Tel : CONSIGNE N 1 :

1. Visualiser la «carte» de mon réseau social

Réservation de matériel

Le front office (utilisateur client):

Guide d usage pour Word 2007

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

Dévéloppement de Sites Web

Comment accéder à d Internet Explorer

Ma première visibilité sur le Web. en 60 min avec des outils gratuits

Site internet. Vous voulez faire réaliser votre site internet par une agence web? 21 points à passer en revue pour rédiger votre cahier des charges

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

Groupe Eyrolles, 2003, ISBN : X

Création d un site Internet

Création d un site web avec le kit labo CNRS. Expérience au LMV - Ch. Postadjian (Laboratoire de Mathématiques de Versailles - UMR 8100)

AU PROGRAMME. Tour de table

PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel

Arborescence et création de dossiers

Création de Site Web. Atelier Cyber-Base Emploi Pays Beaujolais

Utilisation de XnView

Zone 2 L aventure de la copie

Création - Impression - Internet

Mode d emploi du Bureau Virtuel (BV) à destination des étudiants en Formation À Distance (FAD)

CAHIER DES CHARGES CREATION / AMELIORATION SITE INTERNET

1. Ouvrir Internet Explorer Faire défiler une page Naviguer dans un site Internet Changer d adresse Internet (URL) 2

NAVIGATION SUR INTERNET EXPLORER

PRISE EN MAIN D ILLUSTRATOR

Utiliser le logiciel Photofiltre Sommaire

L écran du marais : Comment configurer le viewer OpensSim

Manuel d utilisation de la messagerie.

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Soyez accessible. Manuel d utilisation du CMS

Créer un album photo

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

Créer et gérer une newsletter Comment créer et faire vivre une lettre d information au sein de votre entreprise?

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Vos outils CNED COPIES EN LIGNE GUIDE DE PRISE EN MAIN DU CORRECTEUR. 8 CODA GA WB 01 13

Comment accéder à une vision synthétique de mon activité commerciale?

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

pcon.planner 6 Préparer et présenter une implantation en toute simplicité

LES TOUT PREMIERS PAS

< Atelier 1 /> Démarrer une application web

EXCEL TUTORIEL 2012/2013

Créer un compte itunes Store

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5


Celestia. 1. Introduction à Celestia (2/7) 1. Introduction à Celestia (1/7) Université du Temps Libre - 08 avril 2008

Cré ér un panorama animé a 360

iil est désormais courant de trouver sur Internet un document

Les différentes étapes à suivre pour la création d un feuillet

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

Mise en scène d un modèle dans l espace 3D

Présentation - Tableau de bord du CA Carrefour informationnel et documentaire des Laurentides

Clé USB. Quel type de données peut contenir une clé USB?

Point 3.7. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2

Chapitre 4 : Guide de Mouvement et Masque

Utilisation de l éditeur.

TUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer»

Open-Sankoré. Mise en route. Guide utilisateur Février 2013 NTICE (E. S.)

Ces Lettres d informations sont envoyées aux extranautes inscrits et abonnés sur le site assistance (voir point N 3).

Créer du contenu en ligne avec WordPress

Guide d utilisation 2012

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

Paramétrage des navigateurs

Manuel d utilisation TruView 3.0

Je sais utiliser. Création d une galerie photo pour un site Web. Picasa crée les documents. HTML pour insérer une galerie de photos dans un site web

Conception Création Site. Web CAHIER DES CHARGES CREATION DE SITE WEB

DOSSIER D'ACTIVITES SUR TUXPAINT Dessiner avec Tuxpaint. Objectifs :

Sous réserve de modifications techniques et des disponibilités, fabrication française.

L alternative, c est malin 1. Comment faire plein de choses pour pas cher sur MacIntosh

Administration du site

Exposer ses photos sur Internet

AGASC / BUREAU INFORMATION JEUNESSE Saint Laurent du Var Tel : bij@agasc.fr Word: Les tableaux.

Cartographie Informatique Eclairage Public

Les ressources numériques de la bibliothèque sont regroupées dans un portail web ; elles offrent des services complets et facilement accessibles.

Manuel utilisateur Netviewer one2one

et de la feuille de styles.

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08

Création d un site web avec Nvu

Rapports d activités et financiers par Internet. Manuel Utilisateur

1S9 Balances des blancs

Application de Gestion des Notes de Frais sous Lotus Notes via un navigateur avec WorkFlow 1

B&C PRIVATE ROOM GUIDE D UTILISATION. B&C COLLECTION // BE INSPIRED //

Atelier Travailler vos photos Mars 2015

Créer un panorama animé à 360

Scénario de prise en main DataCar CRM v2.3 Gamme SFA

Pop-Art façon Roy Liechtenstein

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

Mode d emploi Boutique en ligne janvier 2013

I - Pour créer un site web

THEME RESPONSIVE DESIGN

Dessiner dans Galaad FRANÇOIS PALLUT

GROUPE CAHORS EXTRANET

Transcription:

1 Description de la mise en scène d une rubrique et proposition d une nouvelle maquette Découverte de la grotte de LASCAUX Auteurs : Angélique BOUILLON Audrey LUSSON Benjamin PERIGAUD Séminaire «Sémiotique appliquée aux Nouveaux Médias : Les sites Web à caractère culturel et scientifique» Poitiers ICOMTEC - 2004

2 La grotte de Lascaux a été découverte par des enfants en 1940. C'est l'une des plus belles au monde, elle a été inscrite au patrimoine de l'humanité de l'unesco. Les peintures datent de 15 000 ans avant JC. La grotte a été fermée en 1963, aujourd'hui c'est une réplique à l'identique qui se visite. La grotte se trouve à Montignac dans la vallée de la Vézère, en Dordogne. Site de la grotte de Lascaux : http://www.culture.gouv.fr/culture/arcnat/lascaux/fr Sur la page d accueil, trois rubriques nous permettent de découvrir et de comprendre les richesses que recèle ce site : - Découvrir (historique de la grotte et de sa découverte, visite virtuelle ) - S initier (initiation à l archéologie, test de connaissances ) - Informations pratiques (accessibilité, horaires )

1) Principaux éléments de l étude 3 Arborescence du Site de la grotte de Lascaux Découvrir S initier Informations pratiques RUBRIQUES L espace et le temps 1940 : la découverte SOUS-RUBRIQUES Visite virtuelle Page d accueil rubrique «Visite virtuelle» 1. Salle des taureaux (8 illustrations en sous-scènes) 2. Diverticule axial 3. Passage 4. Abside 5. Nef 6. Diverticule des félins 7. Puits SCENES 1963 : la fermeture

Nous allons maintenant présenter plus particulièrement la rubrique «Visite virtuelle» et la scène «La salle des taureaux». 4 Remarques : A. L essentiel de la «mise en scène» des scènes se joue sur la partie centrale de la page écran (cf. fig 1 Zone verte) La zone centrale se divise en deux zones, toutes deux hypertextuelles. Les zones encadrées en rouge sont des éléments invariants au site. Image d identification de la rubrique. Le contenu des zones encadrées en vert varie en fonction des lieux de la visite. Cette barre est le menu de la rubrique «Découvrir». Les zones encadrées en jaune sont des éléments invariants à la rubrique. Fig 1.

B. La présentation d une scène est composée d une manière invariante : illustration + pavé textuel. 5 C. La rubrique est dotée d une image d identification qui ne figure que dans la barre de menu située à gauche de l écran (cf. Fig 2 page ci-après). 2) La sous-rubrique «Visite virtuelle» 2.1) Brève présentation de la sous-rubrique Cette sous-rubrique propose à l internaute une visite des différentes salles qui composent la grotte de Lascaux. Un plan schématique et un texte «plan d ensemble» présentent les différentes scènes. 2.2) Brève comparaison avec les autres sites composant notre corpus La charte graphique du site de la grotte Chauvet-Pont d arc est globalement la même que celle de Lascaux au niveau de la page d accueil et sur quelques pages de certaines rubriques. Toutefois, les concepteurs ont souhaité privilégier le texte noir sur fond blanc pour un maximum de lisibilité sur la plupart des scènes. Ils proposent également une visite virtuelle de la grotte en utilisant une présentation et une ergonomie sans doute plus pratique que celle de Lascaux. Cependant, le site comporte un très grand nombre de sous-rubriques. Il est assez facile de se perdre car les sommaires se ressemblent beaucoup. Si les sommaires et la page d accueil sont esthétiques et travaillés, la structure rédactionnelle est plus simple, l aspect chromatique est plus sobre. Certes la lisibilité est meilleure mais les scènes manquent d originalité.

3) La réalisation de la sous-rubrique sous forme de scène 6 3.1) Les principales scènes La sous-rubrique «Visite virtuelle» se décompose en plusieurs scènes principales : 1. Salle des taureaux 2. Diverticule axial 3. Passage 4. Abside 5. Nef 6. Diverticule des félins 7. Puits

3.2) Le script de la sous-rubrique choisie 7 Script 1 : Sous-Rubrique «Visite Virtuelle» Description Commentaires et références aux échantillons Eléments pour la mise en scène (audio-visuelle) Interactions (accès et exploitation) Organisation rédactionnelle, logique et physique Autres services proposés Composition de la rubrique : - 7 scènes principales (La Salle des Taureaux, la Nef ) - Eléments textuels : un titre et des textes descriptifs à chaque scène - Eléments visuels : Pour chaque scène, l internaute peut retrouver les peintures spécifiques à la scène sélectionnée. - Chromatisme : noir, marron, ocre Pour accéder à cette rubrique, l internaute doit d abord entrer dans la rubrique«découvrir». Il peut ensuite avoir accès à la sous-rubrique «Visite virtuelle», grâce à un lien. Il arrive alors à la page d accueil de cette sous-rubrique, appelée «Plan d ensemble». A partir de cette page, il a accès aux différentes scènes. Espace de la représentation de la sous-rubrique : Cf. Schéma pages 10 et 11 NON Les éléments invariants pour la sous-rubrique sont : - le menu contextuel situé à gauche - une miniature du plan indiquant la scène dans laquelle on se situe - Graphisme : marron / noir / ocre Tous les éléments sont propres à chaque scène (Cf. détails de la scène analysée tout au long de cette étude). On peut retrouver le menu comportant les différentes rubriques en haut de page. En fonction de la rubrique dans laquelle on se retrouve, se situent à gauche de la page le menu des sous-rubriques. Consignes pour la réalisation

4. La représentation de la mise en scène d une scène 8 Nous allons maintenant étudier les principaux éléments de la mise en scène de la scène «La salle des taureaux», dont les résultats peuvent se généraliser à l ensemble de la rubrique «Visite virtuelle». 1. Les espaces principaux de la représentation composant la page-écran ; 2. Les composantes et fonctions de certaines régions importantes composant les deux espaces de représentation de la page-écran ; 3. Le pavé textuel ; 4. Les illustrations (types et fonctions) ; 5. Le positionnement respectif des éléments visuels et textuels ; 6. Le chromatisme.

9 4.1) Les espaces principaux de la représentation composant la page-écran - l espace du site (en rouge) - l espace de la rubrique (en vert) - l espace de la scène (en jaune) Fig 2. les deux espaces de représentation

10 4.2) Les caractéristiques et fonctions de certaines régions composant les deux espaces de représentation de la pageécran - région à fonction paratextuelle (en jaune) : visuel, texte - région à fonction hypertextuelle (en blanc) : menu, information, signalétique En cliquant sur chacune de ces images vous obtenez la peinture en grand accompagné d un texte descriptivo-explicatif (cf. encadré jaune dessous). Cette image à fonction informationnelle. Fig 3 : régions à fonction paratextuelle et hypertextuelle

4.3) Les illustrations (types et fonctions) 11 a) Types : les illustrations utilisées sur cette scène sont : Une photo agrandie d une peinture de la salle. Une série de photos représentant les peintures pariétales de la Salle des Taureaux. Une fresque de dessins et photos retouchées de peintures pariétales illustrant le bandeau en haut de page. Des icônes (quatre) situées sur le bandeau latéral. Un plan sous forme de reconstitution schématique de la grotte. b) Fonctions : La photo agrandie permet à l internaute de visualiser l une des peintures de la salle. La série de photos illustre les explications contenues dans la partie textuelle ; il est possible de cliquer sur chacune des images pour en obtenir une description. La fresque du bandeau en haut de page permet de revenir sur les rubriques principales du site. Les icônes du bandeau latéral ont une fonction hypertextuelle et permettent de passer d une sous-rubrique à une autre. Le plan de la grotte permet de revenir au sommaire de la sous-rubrique «visite virtuelle».

4.4) Le texte 12 Le pavé textuel principal dans la mise en scène de la scène «La Salle des Taureaux» est un texte descriptivo-explicatif qui propose les informations suivantes : - Information relative au style de la peinture - Information sur la disposition de la peinture dans la grotte - Informations relatives à ce que représente la peinture - Information sur la signification de la peinture Un deuxième pavé textuel compose le titre de la scène juste au-dessus de la série de photos.

4.5) Positionnement respectif des éléments textuels et visuels 13 Fig 4. Positionnement respectif des éléments visuels et textuels

Commentaires au niveau des différentes régions : 14 Région blanche : région principale de la mise en scène organisée d une manière invariante - Titre - Fresque de photos servant de menu de navigation propre à la scène - Illustration au centre - Pavé textuel au centre sous l illustration Région verte : position des pavés textuels (titre + texte descriptif) fournissant des informations au sujet de la scène «La salle des taureaux». Région rouge : position de l illustration concernant la scène (une des peintures de «La salle des taureaux»). Région bleu ciel : fresque de photo qui varie en fonction de chaque scènes dans laquelle l internaute se trouve dans la rubrique «Visite virtuelle».

4.6) Le chromatisme 15 a) Constat : 1. Globalement, le noir domine. Les couleurs utilisées telles l ocre et le beige rappellent les pigments utilisés pour les peintures rupestres de l art primitif. Le noir peut également suggérer l obscurité de la grotte, essentielle à la conservation des peintures. 2. Les couleurs utilisées concordent parfaitement avec le thème du site. La «dominante terre» caractérise les fresques de cette époque. 3. Le chromatisme est identique dans l espace de représentation de la scène et dans l espace de représentation de la rubrique. b) Fonctions : -d identification : L effet de luminosité sur l icône «Visite virtuelle» nous signale que l on est bien dans cette rubrique.

4.7) Le script de la scène choisie Script 1 : Scène «La salle des Description taureaux» Mise en scène (audio-) visuelle - Pavé textuel : texte descriptif et explicatif des peintures de cette salle. - Image : Série de photos des peintures de la salle en haut de l écran. Au centre, l internaute peut sélectionner l une de ces peintures qui apparaît en grand. - Graphisme : noir comme fond de page, le texte est en beige ou ocre. Interactions (accès et exploitation) - Menu réservé à l exploration du site en haut de l écran - Menu réservé à l exploration de rubrique «Découvrir» situé à gauche de l écran - Ce menu, réservé à l exploration de la «Salle des taureaux», est représenté par un bandeau de l ensemble des peintures présentes dans cette salle. Organisation rédactionnelle, logique et physique Espace de la représentation de la scène : - Image et texte au centre de la scène - Menu de la sous-rubrique à droite - Menu du site en haut d écran 16 Commentaires et références aux échantillons Pour des échantillons, se référer aux figures 3 et 4. Pour des échantillons, se référer aux figures 3 et 4. Pour des échantillons, se référer aux figures 3 et 4. Espace de la représentation du site : - Espace de le scène au centre, la seule partie invariante est le bandeau de menu de navigation du site en haut d écran. Autres services proposés Il n existe pas d autres fonctions.

4.8) Proposition de script personnel pour la scène choisie 17 Après avoir étudié ce site, nous avons tenté d identifier quel pouvait être ses différentes cibles d internautes. Nous avons listés les publics suivants : - les passionnés de la préhistoire - les scolaires : enfants de primaires ou collèges puisqu ils étudient la préhistoire. - Les touristes - Autres internautes Nous nous sommes plus particulièrement intéressés au public «scolaire» (enfants qui peuvent être âgés de 6 à 15 ans). Il serait intéressant de développer pour ce public un site plus ludique et plus interactif, avec peut-être un personnage qui leur servirait de guide lors de la visite de chaque salle. Une visite en 3 dimensions leur permettrait de mieux naviguer dans chaque salle. L objectif visé étant de plonger les jeunes visiteurs au cœur de la préhistoire.

18 Voici une idée de personnage qui pourrait être le guide des enfants pendant leur visite de la grotte. Il est très important que le personnage soit ludique et apparaisse sympathique. Le personnage présenté pourrait être utilisé en obtenant les droits d exploitation de l image auprès des auteurs. Toutefois, il serait également envisageable de faire appel à un graphiste qui pourrait créer un personnage fictif dans le même esprit. Attention! Nous ne parlons pas ici d une copie du personnage mais bien d une simple inspiration. Caverman Auteurs: Joe Ruby, Ken Spears Notre personnage pourrait accueillir le visiteur dès la première page. Il se présentera comme l hôte de la grotte et invitera le visiteur à découvrir les différentes salles. Des animations, des sons devront être prévus dans chacune des salles pour rendre la visite plus ludique pour les jeunes visiteurs (plusieurs langues sont à prévoir).

19 Script 1 : «La salle des taureaux» Description Commentaires, Commentaires et références aux échantillons Mise en scène (audio-visuelle) - Pavé textuel : texte simple et plus facile de compréhension puisqu il est destiné à un jeune public. Des liens seront proposés sur les termes complexes, grâce auxquels les enfants pourront obtenir une définition. - Images : La visite en 3 Dimensions donnera aux enfants l impression d être dans la grotte, au cours de la visite, ils pourront cliquer sur les peintures de la salle pour lesquelles ils souhaitent avoir plus d informations. - Graphisme : la même charte graphique serait appliquée : le noir, le beige et l ocre. - Audio : Des sons et des bruitages comme des cris d animaux pourraient être prévus dans la composition des pages. Notamment lors des clics sur certains termes, ce qui rendrait la page un peu plus dynamique. Il conviendra également de jouer sur le dynamisme du discours du petit personnage.

20 Interactions (accès et exploitation) Dès que l internaute accède à la première page, il découvre le personnage qui lui présente brièvement la grotte. L internaute aura la possibilité de passer le discours du personnage en cliquant sur ce dernier. Suite à ce clic, le personnage se dispose en haut à gauche de l écran s asseyant sur un dolmen. A ce moment précis, le plan où sont localisées les différentes salles apparaît à l écran. L internaute peut ainsi choisir la salle qu il souhaite visiter. Il a ainsi le choix entre deux visites : - la visite audio avec les textes descriptifs - la visite avec les textes descriptifs seuls. De la même manière que pour le texte, il faut que l internaute puisse naviguer à son gré. Il peut, par un simple clic, accéder au commentaire audio de chaque peinture sans avoir obligatoirement à écouter l ensemble de la visite. Une option permet également à l internaute d avoir le texte du guide en sous-titre soit en une autre langue soit pour les enfants sourds-muets (il faut penser à tous les publics, ce qui est souvent oublié dans les sites Web). Organisation rédactionnelle, logique et physique Espace de la représentation de la scène : l espace de représentation de la scène restera au centre de la page Web, comme c est déjà le cas. Durant la visite guidée, il y aura un temps d arrêt pour chaque peinture. Pendant ce temps, l internaute aura la possibilité de zoomer en avant ou en arrière pour voir les détails de l œuvre. Nous prévoyons également un lien pour passer d une page à l autre même si les commentaires ne sont pas terminés.

21 Autres services proposés Consignes pour la réalisation Il serait bon que la scène comprenne une icône pour avoir une version imprimable. Possibilité d imprimer les peintures accompagnées de leur commentaire. Il conviendrait de se renseigner concernant les contraintes de la 3D et des animations. Il serait peut-être souhaitable que cette réalisation soit adaptée à tous les types de connexions (haut/bas débit).