1

Charavines, villages néolithiques au cœur des Alpes, rubrique Alimentation

http://perso.wanadoo.fr/..ctredocumprehistalpine/cha8.htm

Anne-Lise Cassigneul Marion Lenoble Agathe Revol

Séminaire « Sémiotique appliquée aux Nouveaux Médias : Les sites web à caractère culturel et scientifique »

Poitiers –ICOMTEC 2004

2

Présentation brève du site : Des fouilles subaquatiques, entreprises par le Centre de Documentation de la Préhistoire Alpine entre 1972 et 1986 à Charavines, sur le lac de Paladru entre Lyon et Grenoble, ont mis au jour deux petits villages néolithiques superposés qui ont fourni des structures d'habitat et des couches d'occupation exceptionnellement bien conservées. Tous les résultats de nature très diverses obtenus sur ce site, sont le fruit de la collaboration de nombreuses disciplines scientifiques concernant l'étude des objets, de la faune, de la flore et de l'environnement. Ces villages sont l'exemple de ceux qui ont été édifiés par les premiers agriculteurs durant quelques millénaires dans les Alpes du Nord. Une grande partie de l’économie de l’Europe tempérée au Néolithique était fondée sur la forêt tant pour les constructions, les outils, les ustensiles ou les récipients que pour leur subsistance. Or seuls les sites recouverts ultérieurement par l'eau, au bord des lacs comme à Charavines, ont conservé les vestiges végétaux extrêmement périssables, ce qui fait leur exceptionnel intérêt. Les villages néolithiques de Charavines : http://perso.wanadoo.fr/..ctredocumprehistalpine/cha3.htm Outre une présentation plus courte de son contenu, ce site est composé de plusieurs « rubriques » mettant en scène la richesse des fouilles archéologiques du site de Charavines situé dans les Alpes - Rubrique « Site et fouille » - Rubrique « Architecture » - Rubrique « Artisanat » - Rubrique « Vie quotidienne » - Etc…

3

PREMIERE PARTIE : LA DESCRIPTION DE LA MISE EN SCENE D’UNE RUBRIQUE

I-PRINCIPAUX ELEMENTS DE L’ETUDE 1-Descritpiton brève du site et de la rubrique « alimentation » Brève présentation La rubrique « alimentation » est l’une des 6 rubriques générales du site des villages néolithiques de Charavines. Elle intervient en 4ème position de la rubrique horizontale. Elle se compose elle même de 11 rubrique : agriculture, moisson, élevage, chasse, pêche, cueillette, produire le feu, la cuisson, le pain, évolution de la végétation. La première page écran de la rubrique alimentation La page écran de la rubrique alimentation se compose : • d’une région à fonction hypertextuelle sur la gauche de l’écran. Il s’agit d’un menu vertical comprenant les 11 rubriques, encadré par l’intitulé : L’alimentation. • D’un menu horizontal, en bas de l’écran qui se décline en 6 rubriques relatives à l’ensemble du site. La mise en scène de la rubrique est composée d’une assez grande illustration sur la gauche. Il s’agit d’un dessin(peinture) d’une femme préhistorique assise confectionnant des galette. Aussi trouve–t-on l’intitulé de la rubrique et celui de l’illustration. Il n’y a pas de pavé textuel descriptif et explicatif autour du dessin. Le reste de la mise en scène reste vide. Le chromatisme

Globalement, la couleur jaune-orangée mais mélangée à du rouge, marron vert, bleu…

La couleur saumon pour les éléments du menu relatifs à la rubrique L’alimentation

Le gris foncé pour les éléments de menus verticaux relatifs au site dans son ensemble. Brève comparaison avec les autres sites composant notre corpus En comparaison, nous pouvons étudier brièvement un autre site composant notre corpus, celui de Hârsova, Village Chalcolitique.

4

La rubrique nourriture intervient en première page du site à 2 reprises : dans la mise en scène et dans les éléments de la page écran. Elle est l’une des 6 autres rubriques composant le site du village Chalcolitique. La page écran de la rubrique nourriture se compose : • D’une région principale de mise en scène organisée de manière invariante : Celle-ci comprend une illustration en plein centre de l’écran. Il s’agit d’une illustration (dessin) non encadrée. Elle est accompagnée d’un titre à gauche et d’un pavé textuel descriptif et explicatif. Elle se compose aussi d’une région paratextuelle à droite de l’illustration déclinant les différents rubriques relatives à la rubrique nourriture l’agriculture, l ‘élevage, la pêche, la chasse. • D’une région à fonction paratextuelle organisée elle aussi de façon invariable qui identifie le site de par sa charte graphique, son titre et les différentes rubriques le composant. Les rubriques se déclinant de la rubrique alimentation conservent elles aussi la même structure. Les éléments paratextuels se composant du titre et des rubriques du site, se retrouvent toujours en haut d’écran. Des éléments hypertextuels sont également présent sur toutes les rubriques de l’alimentation. Il s’agit du sommaire à gauche de l’écran encadré par un titre et l’illustration de première page du site. Le chromatisme La couleur dominante de la page écran est marron-beige. On observe un dégradé du marron plus foncé au marron clair. La charte graphique est toujours respectée. Les différences : • L’une des principales différences de ce site avec celui de référence réside dans le caractère invariable de la structure. En effet, la mise en scène de la rubrique « alimentation » du village néolithique est polymorphe et n’est pas organisée de façon invariable. On retrouve parfois une seule illustration, parfois plusieurs, mélangeant photographies, images de représentation (dessin) et graphiques. De même, le titre n’est pas uniforme, parfois il est en majuscules parfois en minuscules. La taille de la police n’est également pas homogène. • De plus, on observe des différences en terme de contenu. Seul cinq rubriques composent la rubrique nourriture du village Chalcolitique, contre 10 pour « l’alimentation » du site de référence.

5

• L’utilisation du scrolling est très importante dans le site de référence. Il est beaucoup moins grand dans le site de comparaison. • On observe une réelle identité graphique dans le site composant notre corpus, alors qu’elle quasi absente dans le site étudié. Pas d’éléments paratextuels permettant d’identifier le site. On remarque l’emploi d’une couleur dominante (dégradé de marron) pour le site du village Chalcolitique, alors que les couleurs du site de référence sont en grand nombre(saumon, rouge, jaune, beige, bleu, violet..). II) LA REALISATION DE RUBRIQUES SOUS FORME DE SCENES 1- Les principales scènes de la rubrique Agriculture : - préparation des sols : Cette scène met en avant les diffèrent outils qui servaient à la préparation des sols pour l’agriculture. Il y a peu de texte, ce dernier est illustré par des dessins représentatifs de ces outils. - moisson : Cette scène reprend le même modèle que le précédent, elle est illustrée par des dessins. Il existe un lien pour visualiser les traces de ces outils retrouvés sur le site de Charavines. L’élevage : Après une brève scène principale, qui nous explique les chiffres de la faune consommée à l’époque et où l’on voit des dessins représentatif de ces animaux (reconstitutions à partir des dents fossiles retrouvés lors des fouilles), nous pouvons retrouver trois petites scènes relatives à l’élevage. - la chasse : comme la scène principale de l’élevage, nous retrouvons des statistiques illustrées par des dessins et des photographies d’outils retrouvés sur le site. Il y a peu de texte, ce dernier a plus fonction de légende. - la pêche : cette scène est identique aux précédentes, une image est manquante et on ne peut y accéder autrement. - la cueillette : cette dernière propose des dessins et illustrations liés à la cueillette (graines…) accompagnés de légendes .

6

Produire le feu : ici de brèves explications concernant la fabrication du feu s’accolent aux dessins et photographies. La page est numérotée et deux liens permettent de revenir au haut de page et au début du site. - Les deux scènes « La cuisson » et « Le pain » sont présentées sous une même page séparées par des gros titres. On retrouve de courts blocs textes explicatifs aux côtés de photographies, d’illustrations et de croquis. L’évolution de la végétation propose un bloc texte concernant le pollen suivit d’un grand graphique accolé d’une légende. Un autre bloc texte, traitant le même sujet vient terminer la page. 2- Principaux éléments invariants de la rubriques La visite de la rubrique « Alimentation » est décomposée en quatre grandes scènes elles-mêmes découpées en petites scènes, suivant les sujets abordés. L’essentiel de la « mise en scène » des scènes se joue sur la partie droite de l’écran. En effet, comme tout le site d’ailleurs, le contenu se trouve sur les 2/3 de l’écran dans la partie droite. La configuration des pages est identique pour toutes les scènes, le menu de la rubrique « alimentation » se trouve à gauche. Nous pouvons cliquer sur chacune des scènes en les visualisant dans la partie de droite. La visite peut donc se faire de manière anarchique (dans le désordre, il n’y a pas de logique ou de plan de visite). Dans la barre de menu la couleur du lien change (du rouge au vert) pour montrer que l’utilisateur est bien sur la page qu’il est en train de parcourir (excepté pour la petite scène « Le pain »). La présentation des scènes est composée de façon invariante. En effet l’ergonomie est identique pour chacune des pages –écran : la police comics, l’utilisation de schémas, photographies, dessins ainsi que tous les liens (« haut de page », page d’accueil rubrique « alimentation », «début Charavines ») se retrouvent dans toutes les scènes de notre rubrique. De plus, la numérotation des pages est toujours présente. Le texte est peu présent sur l’ensemble des pages. Il a plus une fonction de légende et de courtes explications des nombreuses illustrations. La rubrique en question n’est pas caractérisée par un chromatisme qui lui est propre, la couleur du fond de la partie centrale est la même pour tout le site (jaune pâle moucheté). Il en est de même pour la barre gauche de menu, orange clair avec une police rouge. La rubrique n’est pas dotée d’une image d’identification, les scènes de la rubrique « alimentation » ressemblent donc à toutes les pages du site.

7

On retrouve également sur toutes les pages-écran du site une barre de navigation située en bas de l’écran à l’horizontal (sommaire) permettant d’accéder à toutes les rubriques du site (vie quotidienne, artisanat…) de n’importe quelle page d’où se situe l’internaute. Le fond de cette barre est de couleur grise, la police blanche. Nous allons maintenant étudier les principaux éléments de la mise en scène de la scène «produire le feu » (dont les résultats peuvent être généralisés sur l’ensemble de la rubrique « Alimentation ». III) LA DESCRIPTION DE LA MISE EN SCENE « PRODUIRE LE FEU » 1- Les deux espaces principaux de représentation composant la page-écran

Figure 1 – les deux espaces de représentation - l’espace du site (en rouge) - l’espace de la scène de la rubrique (en bleu)

C

B

A

D

Espace de representation du site

8

2- Les caractéristiques et fonctions de certaines région importantes composant les deux espaces de représentation de la page-écran

Figure 2 – Régions à fonction paratextuelle/régions à fonction hypertextuelle - régions à fonction paratextuelle : inexistantes

- régions à fonction hypertextuelle (en violet) : sommaire, menu…

3- Les illustrations A-Type Dessins (croquis de couleurs) Le premier dessin illustre deux personnages autour d’un feu situé dans la pièce principale de la maison. Le second dessin est un schéma représentatif qui explique la création du feu par le frottement d’un silex et de la pyrite. Les deux dessins ont été rajoutés sur fond orange pâle.

C

B

A

D

Espace de representation du site

9

Photographies (non retouchées) La première représente une pyrite de fer, placée sur un fond noir. La seconde est un champignon (l’amadou), un fond orange pâle a été rajouté derrière la photographie. B-Fonction Les photographies ont pour fonction d’exemplifier les outils qui servaient à faire le feu à la période du néolithique (elles illustrent le texte). Les dessins illustrent aussi le texte, ils permettent de mieux comprendre le savoir faire de l’époque et la façon dont était fait le feu. Ils ont pour fonction de nous schématiser le feu dans les action quotidiennes de l’époque. 4-Le pavé textuel Il n’y a pas de pavé textuel principal dans la mise en scène de la scène « Produire le feu », nous retrouvons tout au long de la page des textes descriptivo-explicatifs qui propose trois informations pri,ncipales : 1- où se trouvait le feu dans l’habitat de l’ère néolithique ; 2- avec quoi faisons-t-on le feux et avec quels outils ; 3- et comment, quelle était la méthode à l’époque pour faire du feu ; Sinon, le composant textuel est réduit à une pure fonction dénominative (dans le sommaire proposant de parcourir la rubrique « alimentation » consacrée à l’agriculture, l’élevage et la végétation). 5-Positionnement respectif des éléments visuels et textuels Commentaires au sujet des différentes régions : Région jaune : Région principale de la mise en scène organisée d’une manière invariante. Nous y retrouvons seulement le titre de la scène appartenant à la rubrique « alimentation ». Région verte claire : Position des pavés textuels (texte descriptif) fournissant des informations au sujet de la scène « produire le feu » Région verte foncée : Pavés textuels pertinents à la rubrique dans son ensemble, il s’agit des deux sommaires (horizontal en bas et vertical sur la gauche).

10

Région rouge : Position de des illustrations concernant la scène en question (i.e « alimentation – produire le feu »).

Figure 3 : positionnement respectif des éléments visuels et textuels 6- Le chromatisme A- Constat 1. Globalement : le fond d’écran est dans le ton orange-ocre tacheté de jaune, il ne suggère rien de particulier quand au contexte néolithique. Ce n’est pas un choix de couleur stratégique qui cherche à mettre en valeur des éléments en particulier ; 2. Même chromatisme dans la région principale que dans le sommaire de la rubrique « alimentation » qui se trouve a droite de l’écran ; 3.Chromatisme gris pour le sommaire générale du site, de manière à le différencier du reste de la page-écran.

11

B- Fonctions Il n’y a pas de réelle volonté dans cette scène, comme dans le reste du site, d’identification particulière par rapport au choix des couleurs. Les pages sont les mêmes pour toute la rubrique et tout le site, un sommaire de rubrique à droite dans les orange-rose, une couleur orange-ocre pour la partie centrale et enfin le sommaire des principales rubriques en gris. Il n’y donc aucune aide contextuel quand au choix du chromatisme.

DEUXIEME PARTIE : REALISATION D’UN SCRIPT DE REALISATION D’UN SITE WEB

I-LE SCRIPT Le site de référence a été réalisé à partir d’un modèle pré-déterminé disponible sur le site wanadoo.fr (menu COMMUNIQUER, rubrique : pages perso). En effet, ce portail propose des modèles de pages web toutes prêtes, il ne reste plus qu’à insérer textes et photos dans les espaces prévus à cet effet. De ce fait, le site paraît peu adapté à sa thématique et manque cruellement d’originalité. Les polices sont trop nombreuse (trois police dans une même page) qui par ailleurs ne sont absolument pas liées entre elles ou même en adéquation avec le sujet l’alimentation. Les couleurs sont elles aussi inappropriées : elles sont fades et multiples (bleu, jaune, rouge, gris , vert, marron…). On note également une confusion entre photos, dessins, croquis, schéma qui n’ont aucune logique et qui provoque une grave incompréhension de lecture et un désastre esthétique. En fait, il n’existe à proprement dit aucune charte graphique. On relève également des erreurs de navigation (liens inadéquats) et la molette de déplacement trop souvent sollicitée. Ainsi, une refonte totale du site s’impose.

12

1- Le script de la rubrique « alimentation »

Script 1 : Rubrique

Alimentation

Description Commentaires Echant-illon

Mise en scène visuelle

Composition de la rubrique : 7 scènes : l’agriculture, l’élevage, la chasse, la pêche, la cueillette, produire le feu, le pain Eléments textuels : titres et textes pour chaque scène Eléments visuels : illustrations flash pour chaque scène

Nous avons décidé de réduire le nombre de scène pour mieux les regrouper ensuite.

Interactions (accès et exploration)

Deux menus : Un menu général se trouvant en haut de page. Un menu propre à la rubrique donnant accès à chaque scène. Les menus apparaissent en flash les uns après les autres après avoir été conduits par la flèche prune elle-même en flash

Il nous a semblé pertinent de donner accès au menu général pour mieux se repérer dans le site. De même, les scènes correspondantes à la rubrique sont bien visibles au milieu de la page à côté d’une photo de se genre. Le flash permet de dynamiser la rubrique et prend dimension ludique pour mieux guider les enfants dans le site.

Organisation rédactionnelle, Logique et physique

Espace de représentation de la rubrique -Région R1 : réservé au titre du site -Région R2 : réservé au menu du site -Région R3 : réservé à la flèche guidante -Région R4 : réservé au menu de la rubrique -Région R5 : réservé à la photo -Région R6 : réservé au texte d’introduction -Région R7 : réservé au titre de la rubrique.

Voire ci-

dessous

13

2- Script de la scène « comment faire le feu » Pour cela voici un script possible : Script 1 : Scène 1 Description Commentaires Mise en scène visuelle

Pavé textuel :Titre + texte court donnant des informations au sujet du feu Image : sans cadre, accompagnées de textes explicatifs sur le sujet Graphisme : marron-ocre symbole de l’alimentation de l’époque

1) contenu du texte : textes informatifs et explicatifs sur le sujet du feu. 2) images pour capter l’attention de l’internaute 3) graphisme simple, type peinture pour refléter le caractère « primaire » du sujet

Interactions (accès et exploration)

Menu réservé à l’exploration des autres scènes de la rubrique alimentation » +

Lorsque l’internaute se déplacera sur les autres rubrique (la cueillette par exemple), la présentation graphique sera la même

14

menu général du site (en haut de page)

Organisation rédactionnelle, logique et physique

-Région R1 : réservé au titre du site -Région R2 : réservé au menu du site -Région R3 : réservé au titre de la rubrique -Région R4 : Réservé à la flèche guidante -R5 : réservé au titre de la scène -Région R6 : réservé au textes explicatifs accompagnant les photos -Région R7 : réservé aux photos -R8 : réservé au menu de la rubrique

Autres services proposés

Nous proposons toujours des animations « Flash » afin de dynamiser le site

15

CONCLUSION Le cours de sémiotique des nouveaux médias consacré à la « conception et réalisation de sites Web à caractère culturel et scientifique », a été très enrichissant. Tout d’ abord, l’analyse d’un site web relatif à l’alimentation dans l’ère néolithique (http://perso.wanadoo.fr/..ctredocumprehistalpine/cha2a.htm) nous à permis de déterminer les qualités et défauts de ce site. Après une réflexion approfondie sur l’ergonomie, la charte graphique, la navigation du site, nous avons pu conclure qu’il manquait cruellement de sérieux et de professionnalisme. Suite à cette analyse, nous avons réalisé un script relatif à une nouvelle refonte du site que nous jugions plus appropriée. Nous avons émis remarques et conseils afin de dynamiser le site et de le rendre plus attractif. Ce travail de réflexion et d’analyse nous permis de prendre conscience du travail que demandait la réalisation d’un « bon » site web. En effet, il ne suffit pas de concevoir un site d’après un modèle prédéfini et de le personnaliser par le biais de photographies (pixélisées !) pour le rendre intéressant. Afin d’attirer l’internaute vers le site, celui-ci doit être parfaitement pensé et réfléchi :

ne pas abuser des d’animations. On peut en utiliser pour dynamiser le site

tout en restant cohérent par rapport au sérieux du sujet

respecter une charte graphique simple et sobre, une écriture claire et des couleurs en adéquation avec le thème de la préhistoire

permettre une navigation pratique et facile

utiliser de belles images , photos et illustrations. Elles permettent d’attirer

l’internaute et de lui donner envie de poursuivre sa visite. Finalement, la conception de site web est un vrai métier qui demande travail, rigueur, patience et empathie. En effet, il est fondamental de se mettre à la place de l’internaute et d’appréhender ses aspirations en matière de compréhension de l’information (lisibilité, graphisme, navigation…).