Vous êtes sur la page 1sur 15

Licence MIA-L3 Info (2005/2006) - Universit e PARIS V

Cahier des charges Conception de Site Web


BUREL Gr egoire 29 novembre 2005

AT Document cr ee avec L ealis es sous Dia. EX 2 [3] et kdissert graphiques r

Cahier des charges c 2005 BUREL Gr egoire. La permission est accord ee de copier, distribuer et/ou modier ce documents sous les termes de la licence GNU de la Documentation Libre, Version 1.2 ou toute autre version publi ee par la Free Software Foundation. Vous pouvez consulter la GNU Free Documentation License sur http ://www.gnu.org/copyleft/fdl.html[2].

R esum e
Dans le cadre du module Conception de Site Web (CSW), il est demander de cr eer un site personnel. Notre site traitera dun projet artistique (le Pej -Project). Le contenu de celui-ci sadresse aux personnes int eress es par les domaine criture). La navigation a ` lint du fantastique et de lart sous ses formes diverses (son, image et e erieur de ce site devra se tant dobtenir faire de la mani` ere la plus intuitive possible et respecter les normes XHTML 1.0 et les styles CSS2. Le but e un site clair (afchage), bien construit (respect des normes et conventions) et adapt e au sujet du Pej -Project.

Mots Clefs
Conception de Site Web, cahier des charges, pages internet, normes, HTML, XHTML, CSS, charte graphique, W3C, Pej -Project .

` TABLE DES MATIERES

Table des mati` eres


Cahier des charges
Introduction 1 Pr esentation du projet 1.1 Contexte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1.2 A propos de lauteur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1.3 Pr esentation rapide du sujet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Objectif principal Public vis e (cible) 3.1 Cible . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3.2 Message du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3.2.1 Perspectives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Sp ecications fonctionnelles 4.1 Contenu du site . . . . . . . . . . . . 4.1.1 Structure du site (li e a sujet) . 4.2 Services . . . . . . . . . . . . . . . . 4.2.1 T el echargement de documents 4.2.2 Version imprimable . . . . . . 4.2.3 D enition Wikip edia . . . . . 4.3 Navigation . . . . . . . . . . . . . . . 4.3.1 Menu global . . . . . . . . . 4.3.2 Menu Contextuel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4
4 4 4 4 4 5 5 5 6 6 6 6 6 6 7 7 7 7 7 7 7 7 8 8 9 11 11 12 13 13

2 3

Sp ecications techniques 5.1 Acc` es au site . . . . . . . . . . . . . . . . 5.2 Normes et conventions . . . . . . . . . . . 5.2.1 Format de donn ees . . . . . . . . . 5.2.2 Organisation . . . . . . . . . . . . 5.3 Apparence . . . . . . . . . . . . . . . . . . 5.3.1 Charte graphique et navigation . . . 5.3.2 Contr ole de lafchage (portabilit e) 5.4 Logiciels . . . . . . . . . . . . . . . . . .

Conclusion

Table des gures R ef erences

14 15

PRESENTATION DU PROJET

Introduction
Le pr esent document est le cahier des charges initial de lUE Conception de Site Web (L3 Mia), concernant un site internet personne dont le sujet est le Pej -Project1 . Le but de ce document est de fournir une explication globale sur la tre conduit : il expose le sujet qui sera trait fac on dont le projet va e e par le site internet ainsi les que ses orientations techniques g en erales. Ce document ne traite pas de lafchage et du r esultat effectif du site, vous ne trouverez donc pas ici de capture d ecran du site ainsi que de pages internet. En effet, ce document est l el ement d eclencheur pour commencer la conception dun site en se posant de la fac on la plus exhaustive les bonnes questions il sert donc a rassembler les diff erent besoins cr ees par la cr eation dun site internet : ce que contiendra le site et comment devrait se pr esenter celui-ci. Nous parlerons dans un premier temps du contexte dans lequel sinscrit la cr eation dun nouveau site Web. Nous expliquerons dans une deuxi` eme partie quels sont les objectifs du site. Dans une troisi` eme partie, nous nous interrogerons sur la cible (le public) vis e par le site. Enn, on aura deux parties compl ementaires : la premi` ere traitera des sp ecication fonctionnelles du site, la seconde des sp ecications techniques. tre livr Le site nal devrai e e le 12 d ecembre 2005.

1
1.1

Pr esentation du projet
Contexte

La cr eation dun site internet rentre dans le cadre du module Conception de Site Web de la troisi` eme ann ee de licence dInformatique et de Math ematiques de luniversit e de Paris V. Le module Conception de Site Web a pour objectif lenseignement de la conception, publication de pages Web informatives et attrayantes.

1.2

A propos de lauteur

tre r tudiant en informatique et Le site internet dont on parle dans ce document va e ealis e par Gr egoire Burel, e math ematique en troisi` eme ann ee de licence MIA (Math ematiques et Informatique Appliqu es). Le site Web doit comporter 5 et 8 pages et traiter dune des passions, activit es ou projet professionnel de lauteur . Comme lauteur dispose d ej` a dune page personnelle[1], le site traitera du Pej -Project qui est un projet personnel de lauteur nayant que tr` es peu de rapport avec linformatique puisque celui-ci est un projet artistique reliant plusieurs domaines diff erents : la musique, le graphisme et l ecriture dans un tout coh erent. Lauteur et webmaster du projet est Gr egoire Burel : Gr egoire Burel (EvHart) Etudiant en 3` eme ann ee de licence Informatique et Math ematique (Universit e de PARIS V) E-Mail : gr egoire burel@yahoo.fr Site internet : http://evhart.online.fr[1]

1.3

Pr esentation rapide du sujet

Le site traite du Pej -Project (PP) qui, comme on vient de le d enir, est un projet touchant plusieurs domaines artistiques diff erents centralis e autour dun th` eme2 commun. Le site ne traitera pas de lauteur particuli` erement, m eme si la tant d pr esence de quelques informations sur celui-ci seront pr esentes (les informations sur lauteur e ej` a disponibles sur son site[1]).
appel e Projet Pej ou PP dans la suite de ce document. projet artistique est r egit par un univers fantastique d enit par un ensemble de r` egles, une mythologie coh erentes et plus ou moins cr edibles au niveau scientique et historique.
2 le 1 aussi

OBJECTIF PRINCIPAL Le site se concentrera sur les deux parties principales du PP : 1. Les th` emes principaux du PP. 2. Les projets li es au PP. (a) Lexplication et synopsis de chaque projets : le recto.. (b) Les raisons du projet, le cot e technique , lhistorique : le verso.

Le sujet sera trait e de fac on impersonnelle, de mani` ere a rendre le traitment du sujet plus professionnel. Sur le site on ne trouvera en aucun cas : Des informations sur lauteur dans des domaines qui ne sont pas li es au projet. Des informations qui ne sont pas li ees au PP. Des texte ou documents complets sur des sous projets du PP, le site ayant un objectif dintroduction au PP (voir Objectif principal). tre num Quelques document existent d ej` a mais la majorit e doit e eris es. Les diff erent documents sont dans les formats suivants (formats non num eriques) : Dessins (esquisses principalement) et peintures (aquarelles et quelques peintures num eriques). Documents textes ( ecrits explicatifs et manuscrits). Documents musicaux (partitions). t tre trouv Quelques images ont e e num eris es et peuvent e ees sur le site personnel de lauteur[1]. tudiant Lh ebergement du site se fera sur le site de lUFR de Math ematiques et Informatique de Paris 5 et du compte e de Gr egoire Burel (hw06799), dans le r epertoire public html.

Objectif principal
` la cr Les objectifs li es a eation du site traitant du PP sont multiples, le site doit en effet, donner une visibilit e des divers travaux artistiques et plus particuli` erement de lunivers Pej 3 sur internet pour faire conna tre le travail de lauteur et lexpliquer. donner les go uts de lauteur en mati` ere de musique, art et lit erature a travers ses inspirations. mieux organiser le PP, en forc ant lauteur a num eriser et organiser ses id ees4 .

Pourquoi un nouveau site ?

Public vis e (cible)

` cerner. En effet, le site traite dun sujet artistique selon deux axes : un axe g La cible dun tel site est difcile a en eral tant de montrer a ` la fois la d descriptif (recto) et un axe technique explicatif (verso). Le but e emarche du projet et le r esultat de mani` ere s epar ee.

3.1

Cible

Le site sadresse a trois publics (qui parfois se confondent) int eress e par des domaines artistiques vari es mais toujours proche de certains th` emes comme le fantastique5 , la philosophie6 , les cultures asiatiques et, dans une moindre mesure nordique : Un public de personnes int eress es par les cultures du mondes qui pr ef ererons regarder le verso du site et observer les inuences culturelles du projet. Un public de personnes qui aiment quon leur raconte des histoires, elles, pr ef ererons le recto du site. Un public dartiste qui sint eressera au recto et au verso du site, dans loptique de mettre en relief sont propre travail avec celui de lauteur.
3 ou Pej -ko [p edji-ko] signie litt eralement la langue des (grandes) gens une explication plus pr ecise sera donn ee sur le site lorsque celui-ci sera termin e. 4 pour le moment, les divers travaux sont dans trois gros classeurs non tri es 5 au sens o` u il est difcile de distinguer le vrai du faux 6 la vision du monde panth eiste h erit e de Spinoza et de la culture asiatique, la m etaphysique ...

SPECIFICATIONS FONCTIONNELLES

3.2

Message du site

` travers le PP de montrer Le message du site est d eni par ses objectifs. Il est l` a pour expliquer le PP. Son objectif est a ` laide des th lexistence dun monde coh erent avec le notre mais en lui ouvrant a eories Pej dimportantes possibilit es artistiques et imaginaires. 3.2.1 Perspectives

Le site permettra davoir des avis ext erieurs sur le PP et de le faire ainsi avancer a gr e de vraisemblances et invraisemblances ressenties par le public du site.

Sp ecications fonctionnelles
Nous allons maintenant parler plus en d etail du contenu du site.

4.1

Contenu du site

Le PP sarticule selon un ensemble de projet, qui, chacun raconte une histoire. Certains sont en plusieurs parties. Tous sont plus ou moins en relations. Il existe plusieurs univers qui sont appel es liens ou lignes7 . On a donc la structure g en erale suivante : Projet principal (les r` egles qui r egissent les liens dans leur globalit e) Les diff erentes lignes. Les diff erentes histoires (annales). Ensuite, chaque histoire est abord ee selon plusieurs crit` eres : Limage. La musique L ecrit. Il ne faut pas oublier que pour chacun de ces crit` eres, on a : Le recto (voir ci-dessus). Le verso (voir ci-dessus). 4.1.1 Structure du site (li e a sujet)

Si on ne prend en compte que le contenu li e au projet (pour la navigation voir la partie technique), on aura un page traitant du projet dans sa globalit e, et une page contenant des liens vers chacune des liens. Par exemple pour l Histoire 1 : Lien 1. Histoire 1 Image. Le recto. Le verso. Musique Le recto. Le verso. Ecriture. Le recto. Le verso.

4.2

Services

Le site devra permettre au lecteur de pouvoir le consulter facilement en pouvant lire de diff erentes mani` eres le contenu tre capable de comprendre lensemble des concepts expliqu de celui-ci. Le lecteur devra pouvoir e es en les d enissant lorsque ceux-ci sont compliqu es.
7 en

anglais lines , en Pej , Uneio

SPECIFICATIONS TECHNIQUES T el echargement de documents

4.2.1

tant au format PDF, dautre de simples images, on fera en sorte que le lecteur puisse t Certains documents e el echarger diff erentes versions dun document lorsque celui-ci est disponible dans plusieurs formats. 4.2.2 Version imprimable

tre standard), on permettre au lecteur dimprimer le contenu dune A laide dune feuille de style diff erente (ou peut e page proprement en d ebarrassant la pages des images superues et du cadre de navigation. 4.2.3 D enition Wikip edia

Dans la partie verso, il est fort possible que lon ait des termes techniques ou faisant r ef erence a des courant philo` lencysophique par exemple. Pour que le lecteur puisse comprendre de quoi on parle, on liera les termes sp eciques a clop edie libre en ligne Wikip edia an de d enir les termes obscurs. Wikip edia http://fr.wikipedia.org

4.3

Navigation
La navigation se fera selon deux axes (menus) :

4.3.1

Menu global

Le menu global situ e sous le logo du site donnera acc` es aux rubriques phares : Laccueil (par linterm ediaire du logo) La d enition g en erale du projet. Lacc` es aux diff erents liens. Le plan du site. Des informations sur lauteur. 4.3.2 Menu Contextuel

Chaque pages poss edera plusieurs menus et informations sp eciques : Un menu contenant les liens internes a la page lorsque celle-ci est grande (table des mati` eres) Un menu voir aussi reliant les pages traitant dun sujet proche. Un emplacement renseignant le visiteur sur sa position dans le site et un moyen ais e pour remonter son parcours.

Sp ecications techniques

tre ma La cr eation dun site internet sappuie sur un ensemble de technologies qui doivent e tris ees an que quelque soient la machine utilis es par les personnes d esirant consulter celui-ci, lafchage reste impeccable et la navigation ais ee. En effet, une page internet est bas ee sur un langage (le HTML) qui est interpr et e par un parc h et eroclite de logiciels (navigateurs internet). tre rapide et facile. Celui-ci doit savoir rapidement Du point de vue du d eveloppeur Web, la maintenace dun site doit e o` u op erer, que ce soit pour corriger des bogues ou ajouter contenus et fonctionalit es au site.

5.1

Acc` es au site

Lacc` es au site pour le public se fera par linterm ediaire de lURL suivante : http ://www.ens.math-info.univ-paris5.fr/hw06799 . Lh ebergement du site se fait par linterm ediaire de lUFR de Math ematiques et Informatique de Paris 5 et du compte tudiant de Gr e egoire Burel (hw06799), dans le r epertoire public html. Acc` es au site http://www.ens.math-info.univ-paris5.fr/hw06799 UFR de Math ematiques et Informatique de Paris 5 http://www.math-info.univ-paris5.fr/

SPECIFICATIONS TECHNIQUES

5.2

Normes et conventions

La conception de sites internet repose sur un ensemble de normes qui sont d enient par plusieurs organismes internationaux comme le W3C (World Wide Web Consortium) qui est charg es de sp ecier les formats de donn ees a utiliser sur internet (XHTML et CSS2 par exemple). Pour que le site soit g erable plus facilement, nous normaliserons lorganisation des pages : que ce soit pour lorganisation des chiers est dossiers ou la structure interne de ceux-ci. World Wide Web Consortium (W3C) http://www.w3.org/ 5.2.1 Format de donn ees

Le W3C recommande plusieurs formats pour la r ealisation de pages HTML (HTML 4, XHTML 1.0, XHTML1.1 ...) et pour la gestion de lafchage a travers des feuilles de style (CSS 1,2 et 3, XSL et XSLT ...) et bien s ur le format pour des images (GIF, JPEG, PNG,SVG ...). Le site devant proposer le t el echargement de chiers textes, plusieurs formats de documents sont possibles (DOC,ODT,PDF,DVI). Pour notre projet nous retiendrons les formats suivants : Le XHTML 1.0 Strict CSS2 JPEG et PNG (et GIF si besoin danimations) PDF (principalement) et ODT. XHTML 1.0 Strict Selon le W3C : le but de ce type de document est de servir comme base pour les types de document futurs de la famille XHTML tendue, et de fournir un type de document consistant, tourn ` cae e vers le futur s eparant proprement les fonctionnalit es a t ract` ere obsol` ete de HTML 4 [HTML4] qui avaient e e conserv ees dans les types de document de XHTML 1.0 [XHTML1]. Ce type de document est essentiellement une formulation de XHTML 1.0 Strict en utilisant les modules XHTML . ` la communaut Avec lintroduction de la famille XHTML de modules et de types de documents, le W3C a permis a e des d eveloppeurs de contenu internet de passer du temps r evolu du balisage malform e et non standard vers le monde du t XML bien form e et valide [XML]. Avec XHTML 1.0, ce mouvement a e e r efr en e dans le but de faciliter la migration des contenus existants bas es sur HTML 4.0 (ou plus r ecent) vers du XHTML et du XML. Avec larriv ee des modules limin l XHTML d enis dans Modularisation de XHTML, le W3C a e e de la famille XHTML tous les e ements et attributs taient obsol` l t s pour permettre des fonctionnalit qui e etes. Ces e ements et ces attributs avaient e e cr ee es de pr esentation, qui sont maintenant bien mieux g er ees par les feuilles de style ou le comportement de clients sp eciques. voqu Cest pour les raisons e es ci-dessus que nous pousserait a utiliser la norme XHTML 1.1 pour nos pages internet. Cependant, Internet Explorer ne g` ere pas le type MIME application/xhtml+xml ce qui emp eche dutiliser cette norme pour le moment. Notre page Web sera donc valide XHTML 1.0 Strict m eme si elle respecte la norme XHTML 1.1 (en effet 1.1 est plus strict que 1.0, il reste donc compatible avec ce dernier). La recommandation XHTML 1.0 http://www.la-grange.net/w3c/xhtml1/ La recommandation XHTML 1.1 http://www.la-grange.net/w3c/xhtml11/ Encodage du texte Pour lencodage des caract` eres, le format unicode UTF-8 qui en en passe de devenir le standard de lencodage sur internet, il est d ej` a utilis e pour la norme IDN (International Domain Name). LUTF-8, contrairement a lencodage utilis e pour la langue franc aise (ISO8859-1 ou ISO8859-15) permet dencoder beaucoups dalphabets en m eme temps (cyrillique, chinois, japonais...) ce qui permet dutiliser plusieurs langues dans une page diff erente par exemple tout en assurant une meilleure compatibilit e avec les navigateurs internet du monde entier. UTF-8 www.utf-8.com

SPECIFICATIONS TECHNIQUES

CSS2 Le feuilles de styles CSS (Cascading Style Sheets) sont tr` es utilis es sur internet, elle permettent de s eparer lafchage du contenu de mani` ere assez simple. En effet, comme une grande part de lafchage est g er e par ces feuilles, si lon d esire changer par la suite lapparence du site, il suft de changer un seul chier, lensemble des modications se r epercutant dans chacune des pages. Nous utiliserons la sp ecication CSS 2.1 qui est la derni` ere version stable utilis e pour les feuilles de styles. Images tant le GIF et le JPEG. Le W3C recommande De nombreux formats dimages sont pr esent sur la toile, les principaux e depuis 1996 lutilisation du format ouvert PNG qui poss` ede un bon taux de compression avec un meilleure qualit e dimage que le JPEG, il est en outre, contrairement a ce dernier capable de g erer la transparence. Le JPEG est plus l eger que le PNG lorsquil sagit de grandes images, on pr ef erera donc ce format pour les grandes images. Si on souhaite avoir quelques petites animations, on utilisera le format GIF qui est le seul format a g erer les animations (MNG, bas e sur PNG existe mais est encore mal g er e par les navigateurs) . Il existe aussi SVG (Scalable Vector Graphics) qui est in format bas e sur le XML et vectoriel (lagrandissement de limage se fait sans perte) mais est tr` es peu utilis e et support e par les navigateurs internet. Joint Photographic Experts Group (JPEG) http://www.jpeg.org/ Le format PNG (Anglais) http://www.libpng.org/ Scalable Vector Graphics (SVG) http://www.w3.org/Graphics/SVG/ Formats t el echargeables Il est probable que le besoin de pouvoir t el echarger des documents texte (version exploitable de la page internet par exemple) se fasse ressentir. Dans ce cas l` a, nous utiliserons le format dAdobe (le PDF), qui, malgr e le fait que ce ne soit tre lu sur nimporte quelle plateforme (Mac, et PC : Ms Windows et Linux) tout en offrant une pas un format libre, peut e pr esentation irr eprochable. Enn, ce format est tr` es r epandu sur le Web, ce qui lui conf` ere une l egitimit e. Adobe Acrobat Reader (PDF) http://www.adobe.fr/products/acrobat/ 5.2.2 Organisation

Lorganisation du site doit r epondre a quelques conventions pour que celui-ci forme un tout coh erent. Organisation des chiers Lorganisation des chiers se fera de mani` ere arborescente. On distinguera deux principales branches dans les chiers du site : ` inclusion multiple, cest-` Les chiers a a-dire les chiers qui son utilis es dans des pages diff erentes (certaines images et les chiers CSS). ` inclusion unique, comme les images ou certains documents qui sont inclus uniquement dans une page Les chiers a donn ee. Les images dune page sp ecique seront rang es dans le r epertoire img du dossier courant (le dossier o` u se trouve le document HTML) tandis-que les documents tels que les versions t el echargeables de documents seront dans un r epertoire doc. ` la racine du site. Les chiers dinclusion multiple seront rang es de fac on identique mais dans le dossier global situ ea La ou les feuilles de styles seront rang es dans un r epertoire style situ e dans le r epertoire global. tudiant de Gr Le dossier racine du site est le dossier public html du compte e egoire Burel (hw06799). Arborescence des pages viter que larborescence soit illisible, seule une partie est repr Pour e esent ee, celle-ci donne tout de m eme une id ee pr ecise de la structure des chiers et r epertoires utilis e (voir Arborescence des pages page 10).

SPECIFICATIONS TECHNIQUES

10

F IG . 1 Arborescence des pages

SPECIFICATIONS TECHNIQUES

11

Conventions de nommage cris en lettres minuscules. Ces noms ne devront pas exc Les noms de chiers et dossiers seront e eder une longueur ` deux (voir trois) mots pour conserver une certaine lisibilit tre parlant : ainsi, sup erieure a e. Le nomage des chiers devra e en lisant une URL on devra pouvoir comprendre succintivement de quoi parle la page point ee. tre explicite et plut Pour le contenu des pages, leur titre (balise <title>) devront e ot court et reprendre, lorsque cela est possible le nom du chier (sans lextension bien entendu). Le choix de mots clef (a mettre dans la balise <meta>) pertinents pour chaque page sera important (entre cinq et dix). Les balises <meta> de chaque pages contiendront, en plus des contenus standards d enis par la sp ecication XHTML 1.0 : Un ensemble de mots clefs (keywords, voir ci-dessus) Le nom de lauteur (author) Une description (description) La date de cr eation ou modication du document (date) La page daccueil pr ecisera en clair le moment ou a eu lieu la derni` ere modication dans site.

5.3

Apparence

` lapparence du site concernent la partie du site qui sera visible, nalement par la cible du Les sp ecications relatives a site. 5.3.1 Charte graphique et navigation

Lapparence graphique dun site est primordiale, elle conditionne la navigation du lecteur ainsi que se propension a rester sur celui-ci. Lafchage du site est li e au contenant et au contenu, les CSS agissent sur la mise en forme du site tandis-que le contenu agit sur la navigation de celui-ci. Structure des pages (Apparence) Chaque page devra permettre les comportements suivants : Naviguer rapidement et de fac on logique entre chaque page du site : ` laccueil du site en cliquant sur le logo de celui-ci par exemple. Pouvoir revenir facilement a Chaque page aura une structure identique : Un menu g en eral situ e sous le logo du site pr esentant des liens vers les rubriques principales du site. Un menu contextuel permettant dacc eder au diff erentes partie de la page visionn ee Un menu permettant de relier les pages traitant de sujets proches. On v eriera que les pages safchent correctement a partir des r esolutions 800x600 et sup erieures. La gestion de lafchage du site se faisant par linterm ediaire des CSS2, on utilisera, tant que possible, les balises <div> pour g erer lafchage. Cependant, lorsque cela est n ecessaire, nous utiliserons des tableaux pour repr esenter certaines donn ees.

Arborescence de cat egories (navigation) Les diff erentes rubriques du site seront les suivantes : Accueil Pej -Project liens Annales - Histoires - Images - Musiques Plan du site. Auteur

SPECIFICATIONS TECHNIQUES

12

CSS 2 Les feuilles de style CSS2 vont d enir les couleurs du site et lapparence des rubriques de celui-ci. Il est important davoir un nombre restreint de couleurs (cinq couleurs principales) pour que le site puisse garder un personnalit e visuelle. Les couleurs sont a d enir en fonction de plusieurs crit` eres : la cible et le contenu. Pour le site, nous choisirons sans doute des couleurs plut ot chaudes dans un style proche du style Time-Lines utilis e sur le site : http ://evhart.online.fr (voir sp ecications fonctionnelles). 5.3.2 Contr ole de lafchage (portabilit e)

Avant de livrer notre site, il es important de sassurer que lafchage est identique sur les principaux navigateurs du march e : les navigateurs de la suite Mozilla (Firefox) et Microsoft Internet Explorer 6. On peut aussi sassurer de la validit e du code par linterm ediaire du validateur fournit par le W3C qui permet de sassurer que notre code ne pr esente aucunes anomalies vis a vis de la norme utilis es par nos documents (pour nous : XHTML 1.0 Strict et CSS2). Il serait aussi int eressant de tester lafchage sous Mac OS, mais pour cela il faut disposer dun ordinateur Mac. Mozilla/Firefox Les navigateurs issus de la fondation Mozilla sont de plus en plus utilis es, Firefox est de plus en plus populaire (il a gagn e entre 10% et 30% de part de march e selon les pays au cours des derniers mois) et respecte bien les normes du W3C. Ces navigateurs sont multiplateforme (disponible sous Mac,Ms Windows et Linux ...) et r eguli` erement mis a jour. Nous testerons donc aussi les pages du site sous ce logiciel. Mozilla Europe http://www.mozilla-europe.org/fr/ Internet Explorer 6 Microsoft Internet Explorer 6 est le navigateur le plus utilis e sur internet, bien quil ne respecte que peu de normes du W3C. Il faudra donc v erier lafchage sur ce logiciel. Internet Explorer http://www.microsoft.com/france/internet/produits/ie/ Lynx (navigateur en mode texte) Lynx est un navigateur internet en mode texte, cest a dire que la navigation seffectue sans souris et sans images. Celui-ci est utile pour v erier laccessibilit e dun site internet pour les personnes souffrant dun handicap (malvoyants par exemple). Il permet aussi de sassurer que notre site est consultable m eme lorsque il y des probl` emes de chargement des images . Lynx http://lynx.isc.org/ Le validateur du W3C Le W3C fournit plusieurs outils en ligne permettant de sassurer que des pages internet respectent les recommandations d enies par celui-ci : nous utiliserons deux outils pour ce site : le validateur HTML et XHTML : http://validator.w3.org/ le validateur CSS2 : http://jigsaw.w3.org/css-validator/ Markup Validation Service (W3C) http://validator.w3.org/

SPECIFICATIONS TECHNIQUES

13

5.4

Logiciels
La cr eation du site se faisant sous le syst` eme linux, nous utiliserons les logiciels suivants : Pour l edition HTML : kate, quanta. Pour l edition dimages : gimp, inkscape. Pour le test du site : lynx, refox et mozilla, et Internet Explorer 6 (sous windows bien entendu).

Conclusion
Maintenant que nous avons la fac on dont va fonctionner notre site, ce quil va contenir et de quelle mani` ere celui-ci tre e crit, nous allons pouvoir commencer a le r va e ealiser. Le site nal sera accessible depuis lURL http://www.ens. math-info.univ-paris5.fr/hw06799 . Lh ebergement du site se fait par linterm ediaire de lUFR de Math ematiques tudiant de Gr et Informatique de Paris 5 et du compte e egoire Burel (hw06799), dans le r epertoire public html. Celui-ci sera en ligne le 12 d ecembre 2005 au plus tard.

TABLE DES FIGURES

14

Table des gures


1 Arborescence des pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

ERENCES REF

15

R ef erences
[1] http ://evhart.online.fr/. le site internet personel de Gr egoire Burel (alias EvHart). [2] http ://www.gnu.org/. Le site ofciel du projet GNU.
A TEX 2 , le traitement de texte WYSIWYW. [3] http ://www.latex-project.org/. Le site de L