Vous êtes sur la page 1sur 88

CREATION ET GESTION DE SITES WEB ET DE PORTAILS DOCUMENTAIRES Professeur : Moustapha MBENGUE Dure : 1 semestre Classe : Master2 Introduction gnrale

Sommaire: INTRODUCTION I - LES CONCEPTS FONDAMENTAUX I.1 - Le web I.2 - La page web et le sites web I.2 - Le Portail et le portail documentaire

II TYPOLOGIE DES SITES WEB I.1 Le site statique II.2 Le site dynamique Avant Propos Les nouvelles technologies de l'informatique et des communications offrent dsormais une grande varit d'outils pouvant amliorer les services rendus par un service dinformation et de la documentation ses usagers. Aussi, lInternet est de plus en plus utilis comme outil de diffusion de lInformation mais lenthousiasme que suscite son utilisation peut parfois faire place au dcouragement devant la complexit et l'volution rapide des outils proposs et leurs limites. Les professionnels de linformation documentaire, afin de jouer pleinement leur rle de mdiation sont plus que jamais appel proposer des solutions de facilitation daccs linformation afin dviter que la grande masse de donnes disponible sur le web ne soit un handicap laccs linformation. Il leur appartient alors de proposer, en parfaite collaboration avec les autres acteurs de leur organisme (informaticiens notamment) de nouveaux outils de diffusion qui soient un miroir de leurs structures documentaires, des plateformes daccs, portes dentre ou tout simplement portails documentaires.

Ds lors, la question n'est plus de savoir si les TIC (lInternet en particulier) ont un intrt ou 1

non pour les sciences de l'information documentaire. Nous partons du postulat qu'elles sont dans le champ documentaire do lIntrt dun tel cours dans une formation de troisime cycle en science de linformation.

Lobjectif du cours nest cependant pas de faire de ltudiant un webmaster. Ou un informaticien programmeur. Il existe dj des personnes formes cette tche et il ny a pas notre avis un intrt mal faire ce que les autres font dj bien. Lapport du professionnel de linformation doit se situer surtout dans un rle de gestionnaire du projet web qui entre dans une stratgie plus gnrale qui est celle la diffusion des ressources informationnelles dune organisation. Le documentaliste doit donc tre mme de conduire un projet dinformatisation de son centre de documentation ou de mise en ligne des ressources documentaires particulirement en ce qui concerne lorganisation de linformation, la gestion du contenu et lanimation dun portail documentaire. Aussi, les objectifs spcifiques de ce cours sont de vous donner les comptences ncessaires :

Connatre les diffrentes tapes et outils de mise en place dun portail documentaire ; Concevoir et raliser un portail documentaire ; Publier un site web ; Savoir rfrencer un site web ; Acqurir des notions sur le droit de la proprit intellectuelle sur lInternet ; Rdiger un cahier des charges ;

Remarque : Ltudiant remarquera dans le cadre de ce cours que nous utiliserons tantt les vocables de centres de documentation, bibliothques, structures documentaires, centres de ressources ou organisations. Nous dsignons tout simplement par ses vocables toute structure dinformation qui assure la collecte, le traitement et la diffusion dune information documentaire. Aussi, pour nous le vocable documentaliste dsigne le spcialiste de linformation documentaire et que les lments de cours que nous proposons ici peuvent sappliquer aussi bien une bibliothque, un service dinformation qu un centre de documentation.

Module I INTRODUCTION GENERALE Introduction : La conduite dun projet de portail ncessite avant tout des aptitudes documentaires techniques (indexation, classification) mais aussi une certaine culture des systmes dinformation modernes et des diffrents outils de traitement et de diffusion sur lInternet do la ncessit dun rappel de quelques concepts lis aux TIC. Aussi, il convient de ressortir dans lintroduction gnrale la typologie des sites web, lintrt et lopportunit dun site web pour un centre de documentation. I - LES CONCEPTS FONDAMENTAUX I.1 - Le rseau informatique Le vocable rseau est antrieur linformatique et il peut tre compris comme un ensemble dlments relis entre eux par un ensemble de chemins. Cest ainsi quon parle du rseau routier, du rseau maritime, du rseau ferroviaire Le terme a beaucoup volu dans le temps pour dsigner galement tout groupe dindividus runis dans le cadre dune activit ralise en commun. On parle alors de rseaux de terroristes, de rseaux de documentalistes, de rseaux de francs-maons etc. Appliqu linformatique, le rseau dsigne un ensemble dordinateurs et parfois de terminaux1 relis entre eux de manire changer des informations et des programmes ou de partager des ressources (imprimante, scanner). Dans ce cas de figure la notion de rseau fait sortir une ide dchange, de partage des ressources. Ce partage fonctionne le plus souvent en mode client / serveur. Le client reprsente ici lordinateur de lutilisateur qui formule une demande de service, envoie une requte lordinateur principal qui sert de lieu de stockage des donnes. Cet ordinateur serveur, aprs lanalyse de la requte du client envoie linformation qui correspond au service demand.

Les rseaux informatiques sont gnralement diffrentis travers ltendue gographique de leur couverture. Cest ainsi quon parle de rseau tendu ou international lorsque les ordinateurs sont distants de plusieurs centaines ou de milliers de kilomtres. Ces types de rseau sont appels WAN (Wide Area Network). Le plus connu dentre eux est lInternet. Il existe un autre type de rseau dont les ordinateurs ne sont distants que de quelques mtres quelques kilomtres. Ce sont les rseaux locaux, en anglais LAN (Local Area Network). Entre ces deux rseaux il peut exister des rseaux intermdiaires tels que les rseaux mtropolitains dont les ordinateurs se trouvent dans la mme ville. 3

I.2 - Le protocole Le protocole est un ensemble de rgles (codes) respecter pour tablir un change dinformations entre ordinateurs. Ces rgles rgissent la communication entre les systmes informatiques. Le plus utilis par lInternet est le protocole TCP/ IP ( Transmission Control Protocol / Internet Protocol). Le protocole IP permet lenvoi des donnes par petits paquets. Il existe dautres types de protocoles tels que le FTP (File Transfert Protocol) et le protocole UUCP (Unix to Unix Copy Program). I.3 - LInternet : Vocable fort pris aujourdhui mais dont le sens reste encore peu connu dun grand public. Nous avons alors choisi de lexpliquer aprs les termes rseau et protocole pour en faciliter la comprhension. LInternet est avant tout un rseau physique, cest dire un ensemble de rseaux de communication interconnects dans le monde. Il peut alors tre compris au sens de rseau des rseaux en ce sens quil relie des millions dordinateurs de par le monde et qui nappartiennent pas forcment un pays, ne fonctionnent pas forcment avec les mmes systmes et ne contiennent pas souvent les mmes types dinformation. Face la multiplicit des rseaux dordinateurs et de protocoles et pour rpondre au besoin dinterconnecter lesdits rseaux, lInternet se propose de dfinir un ensemble de protocoles communs plusieurs rseaux et met en uvre une mthode dinterconnexion la fois physique et logique pour donner lieu un rseau mondial. Il conviendrait ds lors de dfinir lInternet comme un rseau informatique mondial, constitu dun ensemble de rseaux, reliant des millions dordinateurs de types diffrents mais pouvant changer des informations. Cette connexion se fait le plus souvent au moyen de lignes tlphoniques publiques et prives. Lhistoire dInternet remonte la guerre froide en 1969 avec le programme ARPANET1 du Pentagone. Aujourdhui, les rseaux qui constituent lInternet sont des proprits dInstituts universitaires, des agences gouvernementales et internationales, des associations but non lucratif, des socits publiques et prives etc., qui autorisent laccs leurs informations. LInternet nest donc la proprit de personne et nul ne peut en rclamer le monopole, mme larme amricaine qui en est lorigine. Il est aujourdhui impossible de dfinir avec exactitude le nombre dordinateurs connects lInternet mais le nombre de noms de domaine dpasserait le chiffre de deux millions et ce 4

chiffre pourrait tre multipli par dix dans quelques annes. On narrive pas non plus dfinir le contenu de lInternet avec prcision. Le rseau contient toutes sortes dinformations et de toutes provenances. LInternet sera donc pour chacun ce quil en fera, puisque chacun pourra y trouver un intrt diffrent de celui des autres. Pour certains, lInternet sera juste une distraction, pour dautres un outil de travail et pour dautres encore un compagnon de tous les jours pour rompre la solitude. LInternet regorge de fonctionnalits dont les plus connues sont la messagerie lectronique qui permet lenvoi et la rception de courrier, laccs au forum de discussion, lchange et le tlchargement de fichiers (FTP), le pilotage dordinateur distance (Telnet), la conversion en temps rel (IRC), le World Wild Web (WWW) etc. LInternet est donc dfini tantt comme un magasin de connaissances, tantt comme une grande poste, une banque de son (discothque), une banque dimages (vidothque) bibliothquelInternet est pour ainsi dire une X thque puisque contenant toute sorte de donnes et remplissant la fois divers rles sociaux que la science laissera lhumanit. I.1 - Le web Web veut dire en anglais toile daraigne, cest galement labrviation courante de World Wide Web. Cette dernire expression est galement abrge par WWW ou 3W ou encore W3 et les Canadiens lappellent tout simplement la toile. Cette mtaphore renvoie une toile daraigne couvrant le monde entier. Cre en 1989 par le professeur Tim Berners-Lee du Centre Europen de recherche Nuclaire (CERN de Genve), pour amliorer la convivialit de lexploitation de lInternet, le Web se dfinit de par son contenu comme un grand rservoir dinformations exploitables sur lInternet. Cest donc la partie multimdia de lInternet permettant la fois la diffusion de textes, de sons, dimages etc. De mme que lEBAD nest pas lUniversit de Dakar, le Web nest pas lInternet. Il en est juste une application parmi tant dautres dont les plus connues sont le courrier lectronique, le transfert de fichiers FTP, les banques de donnes structures en fichiers (Gopher, anctre du Web), les groupes de discussion etc. Le web est compos de documents hypertextes, (cest dire des textes qui contiennent des liens vers dautres documents textes) et hypermdia (document qui contient des liens vers du texte, du son, des images, de la vido etc.) connects entres eux et circulant travers lInternet. 5

Les liens hypertextes sont des renvois qui, dun simple clic, nous permettent de circuler dun endroit un autre dans une mme page web, dune page une autre dans le mme site ou dune page un autre site web. Ils peuvent galement nous permettre, sils sont lis une adresse e-mail, de contacter directement la personne ou linstitut auquel ils renvoient. I.2 - La page Web et le site Web La page web est le document qui apparat sur un cran dordinateur et qui se prsente sous forme de texte, de son dimages etc. Chaque page web est crite dans un langage particulier appel le HTML. Ce langage est bas sur des balises (ou tags), qui contiennent des instructions, lesquelles sont interprtes par les diffrents navigateurs et apparaissent sur votre cran. Il s'agit donc d'un langage de mise en forme du texte. Le code HTML d'une page est appel le "code source". Les codes sources de chaque page web sont normalement en libre accs, vous pouvez les voir en cliquant sur : "Affichage > source" pour Internet Explorer "Afficher > Source" de la page pour Netscape. Le HTML est le langage de base des pages web, cependant il existe de nombreux autres langages qui interviennent dans la programmation dune page web (PHP, ASP etc.). Nous reviendrons sur ces langages dans les prochains chapitres de ce cours. Le site web quant lui est constitu de lensemble des pages cres par une structure ou un individu relies entre elles par des liens hypertextes, stockes sur un serveur et accessibles via l'Internet. Chaque site web possde un identificateur appel adresse URL1, permettant de la retrouver sur le Web et didentifier le type de protocole daccs qui lui est associ. Le protocole tant lensemble des rgles (codes) respecter pour tablir un change dinformations entre ordinateurs. Jusquen 1996, la plupart des sites hors des Etats-Unis utilisaient un nom de domaine gographique deux lettres, par exemple : .sn pour le Sngal ; .fr pour la Fance etc. Depuis quelques annes plusieurs organisations prfrent dissocier leur image de celle de leur pays. Elles choisissent pour cela des noms de domaine lis leur activit par exemple .com (commercial) ; .org (organisation) ; .net (Internet). Les noms de domaine sont grs actuellement par la socit amricaine Network Solution Inc. (NSI). Les adresses IP qui identifient les ordinateurs sont attribues par des registres amricains ARIN et europens RIPE.

Depuis le deuxime Forum Africain pour le Dveloppement (ADF) tenu par la CEA AddisAbeba en 1997, les professionnels de lInternet Africain rclament une participation de lAfrique lICANN [1]qui est lOrganisation pour lAssignation des noms de domaine. Il a t ainsi cr une institution dnomme Africa Network Information Center (AFRINIC[2]) dont le but est dallouer et denregistrer les ressources Internet dans la rgion africaine ; assister la communaut africaine dans le dveloppement des procdures, des mcanismes, des normes pour rpartir efficacement les ressources Internet et dvelopper les politiques publiques sur lInternet en Afrique [3] . Aussi les dbats se poursuivent encore sur la gouvernance de l'internet et la socit civile africaine affiche un rel dynamisme dans ce domaine notamment depuis la tenue du SMSI en deux phases Genve (2003) et Tunis (2005). 1.3 - Le portail et le portail documentaire : Le portail est un site Web dont la page d'accueil propose, en plus d'un moteur de recherche, des hyperliens avec une multitude d'informations et de services utiles et attrayants, qui est conu pour guider les internautes et faciliter leur accs lInternet. Les portails, sont comme leur nom lindique des portes d'accs au rseau Internet. Ils peuvent proposer, par exemple, un service de courrier lectronique gratuit, une slection de moteurs de recherche, des salons de discussion (chatrooms), les actualits, la mto, les cotes de la Bourse , un classement de sites par thmes (ex. : cinma, voyage, sport), des raccourcis pour les achats en ligne, etc. L'objectif des portails est, du point de vue de leurs concepteurs, d'attirer et de fidliser les internautes au point de devenir leur porte d'entre dans le web, c'est--dire la page de dmarrage du plus grand nombre d'entre eux. Il existe des portails gnralistes et des portails thmatiques (ex. : portail sur la photographie), dont certains sont personnalisables. On peut alors donner quelques types de portails. Information : nouvelles, weblogs, support clients Transaction : ventes, mises aux enchres, bourse... Collaboration : (weblogs, nouvelles) + discussion, partage de fichiers, rseaux sociaux

Appliqu au champ documentaire le portail dsigne la plate-forme daccs aux diffrentes ressources dinformation quun centre de documentation ou une bibliothque met la disposition de ses usagers rels et potentiels par le moyen dun site web. Le portail documentaire peut comporter tout la fois des informations sur le centre de documentation (organisation gnrale) ; des informations sur les ressources documentaires (catalogues, base de donnes bibliographiques) ; et parfois mme des documents en intgralit (dossiers documentaires). Le plus souvent, un portail documentaire intgre des applications (moteur de recherche) et dautres services proposs en ligne (SQR, inscription). II La TYPOLOGIE DES SITES WEB La typologie des sites web oppose souvent les sites statiques ceux dits dynamiques. Il convient juste de prsenter ici les proprits et le mode de fonctionnement de chacune de ces deux architectures afin de permettre tout un chacun doprer un choix en fonction de ses objectifs et ses moyens. II.1 Le site statique Le site statique est constitu de page HTML prdfinies, cres une fois pour toute laide dun diteur HTML [4]. Le concepteur du site ralise avec un diteur HTML des pages web stockes sur le serveur web. Celui-ci renvoie ces pages la demande au visiteur. Par la suite ces pages ne pourront tre modifies que via un diteur HTML, par le concepteur. Le contenu de ces pages est fixe comme un fichier word, et n'est pas modifi par le serveur. Le site est donc dit "statique" car son contenu ne change que par une intervention humaine et non pas par des fonctions automatiques opres par le serveur.

Le site statique ne prsente pas souvent de sparation entre le fond et la forme de prsentation du contenu mais sa mise en place ncessite un minimum de comptence en conception web (programmation et webdesign). Le coup de ralisation dun site web statique est beaucoup moins lev que celui dun site dynamique et son hbergement ne pose pas de contraintes particulires. II.2 Le site dynamique Le site dynamique est un site Web dont les pages HTML se construisent lors de sa consultation par un internaute en sollicitant des bases de donnes filtres par des outils logiciels de mise en forme. La plupart des portails documentaires sont des sites dynamiques. La mise jour des sites dynamiques tant sur le fond que sur la forme est facilite. Le site dynamique permet de plus d'intgrer des fonctions de personnalisation. Cette architecture peut en revanche se rvler coteuse mettre en place, dlicate piloter notamment au niveau de l'hbergement et peu performante au niveau du rfrencement.

Le gestionnaire du site et son visiteur utilise le mme outil : le navigateur web. Cependant les pages avec lesquelles travaille l'administrateur ne sont pas les mmes que celles que le visiteur voit : il encode dans des pages web sous la forme de "formulaires", qui alimentent une base donnes dans laquelle sont stockes des informations. De son ct, le visiteur visualise des pages qui font appel au contenu de la base de donnes. C'est le serveur web qui s'occupe de rcuprer le contenu des formulaires que remplit l'administrateur, et de renvoyer cette information dans les pages vues par le visiteur. Le site web dynamique est fort recommand pour les portails forte volumtrie ou intgrant des flux dorigines diverses ce qui est souvent le cas des portails documentaires. La mise jour des sites dynamiques est facilite grce aux outils dadministration et aussi une meilleure sparation entre le fond et la forme. Elle (mise jour) ne ncessite pas une comptence technique particulire. Le cot de dveloppement dun site portail dynamique peut tre lev mais il est souvent amorti en raison des conomies ralises sur la mise jour. Conclusion (Motivations ou intrt du portail) Les portails documentaires ont principalement pour vocation de diffuser et mettre en valeur sur le Web des ressources lectroniques pour des centres de ressources telles que : les mdiathques, les muses, les bibliothques universitaires, les centres de documentation. 10

Ainsi, les portails permettent de mettre la disposition des usagers rels et mme potentiels une grande partie des ressources documentaires dun centre de documentations. Plus prcisment, les problmatiques auxquelles rpond le portail documentaire sont les suivantes : Valoriser les fonds documentaires dune organisation Diffuser et mutualiser les ressources dans le cadre dun rseau documentaire Capitaliser les savoirs et connaissances des organisations, pour une meilleure rentabilit ou un meilleur service. Rendre accessible rapidement une information pertinente pour le demandeur, dans un souci constant damlioration des performances du centre de documentation. Que lon opte pour larchitecture statique ou un portail dynamique, le choix dune typologie est bien sure technologique mais la porte est bien plus large. Il engage la vie et la dure de vie du portail, reflte la stratgie du centre de documentation, ses contraintes conomiques et humaines. Et si aujourdhui la plupart des nouveaux sites portails qui se crent sont dynamiques et obissent la logique du Web 2.0, lalternative statique reste bien prsente.

1 URL: Uniform Ressource Locator [1] ICANN : Internet Corporation For Assigned Names and Numbers http://www.icann.org/ [2] voir http://www.afrinic.net [3] cf: Interf@ce, n 3-4, Janvier 2001 [4] HTML : Hypertext Mark up Langage : Cest le langage de programmation des pages web statiques(voir aussi chapitre II sur les outils)

11

Titre : Chapitre II - LA CONCEPTION DU SITE I LA STRUCTURE DU PORTAIL II LA PAGE ECRAN III - Le CONTENU ( exemple de cas pratique d'un portail pour l'EBAD ) Introduction : Afin de mener bien votre projet, il est crucial de concevoir clairement la structure du portail et les diffrents lments qui le (portail) composent. La russite de cette tape permettra l'utilisateur de bien se reprsenter mentalement le portail et lui assurera un certain succs s'il est simple oprer. Nous prsentons dans ce chapitre quelques caractristiques techniques dont il faut tenir compte dans la conception du projet dun site portail. I LA STRUCTURE DU SITE PORTAIL I.1 LArborescence Il est possible de bien administrer un site web mme si on ne dispose pas dutilitaire spcifique qui puisse prendre cette administration en charge. Il convient juste de prparer sur son disque dure une arborescence permettant de grer la rpartition des diffrentes pages HTML et leurs implications les unes dans les autres de mme que les lments denrichissement du portail (images, vido, son etc.) Cette arborescence doit tre : Le reflet de la rpartition thmatique : Lorganisation des fichiers et des rpertoires

tant guide par lorganisation de linformation. Egalement le schma de la rpartition des tches de maintenance du portail entre les

diffrents intervenants : gestion des droits daccs aux diffrents lments de larborescence. Les noms des rpertoires et des fichiers composent lURL dune page : Il convient alors de les rendre intelligibles en choisissant des noms informatifs. Veiller ce que lURL soit dfinitive en vitant de renommer ou de dplacer des

fichiers et des rpertoires. 12

Rendre lURL le plus court possible et mettre une redirection en cas de disparition des

URL pour ne pas dsorienter les usagers. I.2 Organisation de la navigation Les visiteurs de votre portail limage de tous les internautes ne lisent pas lintgralit des pages. Ils utilisent le plus souvent les liens pour naviguer entre les pages de votre portail et la lecture est quatre fois plus lente sur un support lectronique que sur un support papier. Le contenu des pages doit alors permettre une lecture transversale Aussi linterface de navigation doit permettre lusager de pouvoir tout moment

savoir : O il est ; o est-il all ; o peut-il aller. Une visualisation globale de votre portail est indispensable pour la construction cohrente et la clart des liens. On dessine l'organigramme du site en crant tous les liens logiques, en vitant les culs-de-sac et les dangers de rcursivit. C'est par une structuration simple et efficace du portail que lon permet l'usager de se crer un modle mental de l'organisation de l'information et qu'on facilite la recherche ainsi que l'accs l'information. Le premier menu devrait regrouper les blocs d'information sous un maximum de cinq sept units, car la mmoire court terme de la majorit des individus ne peut retenir plus d'information. Il est recommand de structurer l'accs l'information en utilisant un maximum de trois niveaux de sous-menus. Lorsque cela est possible, il faut intgrer un outil de recherche dans les sites qui possdent un trs gros volume de pages-crans. Dans certains portails, le sommaire, ou un plan du site, sera utilis pour permettre l'utilisateur de voir la reprsentation mentale du site et faciliter la recherche d'informations.

13

Voici quelques exemples de structures d'information : mode linaire Le mode linaire observe une logique de suite, du rcit au classement alphabtique ou chronologique. Les pages sont lies entre elles par des boutons "suivant" ou "prcdent". C'est le modle le moins intressant sur le Web, car il utilise peu les fonctionnalits de l'hypertexte. La visite est monotone, parfois pnible.

Mode linaire avec choix

mode hirarchique Le mode hirarchique consiste appliquer une dmarche hirarchique ou par menu. La plupart des portails documentaires sont de ce type. Ce mode est simple mettre en oeuvre. La navigation y est intuitive, l'utilisateur comprend bien la structure du site car il est habitu 14

ce genre d'organisation. Cette organisation hirarchise ncessite cependant un travail d'analyse pralable du contenu (notions pr-requises, doublons d'information...) car cette structure hirarchise ne sera efficiente que si l'information disponible est clairement organise. Attention aux menus "fourre-tout" ou aux dcoupages trop profonds de l'information.

mode en toile d'araigne Ce mode est un rseau de documents peu ou pas structurs relis entre eux par des liens hypertextes. L'utilisateur navigue d'un document l'autre en cheminant au hasard des liens. Le mode en toile d'araigne ne possde aucune structure, l'entre peut se faire par n'importe quel bout, il n'y a pas de "vue d'ensemble". C'est l'inconvnient majeur car l'utilisateur peut se perdre ou manquer certaines parties du site.

15

I.2.1 Les pages de cadres ou Frames Les frames ou cadres facilitent la navigation et peuvent rendre un portail plus attrayant. Aussi, ils constituent parfois un moyen de rduire le temps de tlchargement. Le cadre permet de fragmenter la page-cran en sections indpendantes, chacune contenant un document diffrent. Toutefois, une requte excute dans un cadre (activer un lien, soumettre une recherche) peut gnrer un rsultat dans un autre cadre. Un cadre peut servir de zone fixe, prservant ainsi l'information importante l'cran, pendant que l'utilisateur consulte de l'information dans un second cadre. Ces cadres peuvent tre horizontaux ou verticaux. Il est souhaitable que l'information contenue dans le cadre fixe soit complte afin d'viter d'avoir plusieurs cadres avec des barres de dfilement. Il faut s'assurer que tous les lments sont visibles et lisibles sans avoir recourir la barre de dfilement horizontale.. Exemples de cadres

Cependant, les moteurs de recherche ne savent pas toujours indexer toutes les pages dun portail organis en frames. Aussi les cadres sont plus ou moins correctement supports par les anciennes versions des navigateurs qui ne savent pas toujours mettre en favoris une page particulire du portail. Le signet (voir glossaire) pointant toujours vers la page daccueil. De mme, si une page principale est accde par un lien partir dun autre site, seule cette page apparatra sans le sommaire qui laccompagne.

16

De plus en plus la tendance est labandon des cadres mais il demeure vrai quils (les cadres) restent un moyen trs simple dorganiser la circulation de linformation. Pour pallier leurs limites il convient dindiquer dans chaque page principale des liens de retour pour permettre tous les usagers qui arrivent une page particulire du portail hors de son contexte de pouvoir remonter vers la page daccueil du site. Un bon exemple dutilisation des frames est celui de la bibliothque mathmatique de luniversit de Genve [1] . En rsum un bon systme de navigation repose sur : La logique; La simplicit; L'accessibilit; Des libells significatifs. I.3 - LERGONOMIE I.3.1 Le Positioning et la transfiguration Le positioning est la manire de disposer les lments dun site web. Il doit obir un certain nombre de rgles dictes par les habitudes de navigations observes chez les internautes. Comment fonctionne le lecteur ? Les internautes sont littralement submergs de textes de toutes sortes et on parle de plus en plus de la sur information pour expliquer ce phnomne. Le lecteur ne lit qu'une partie de l'information qui lui est propose et il arrive bien souvent quil passe ct de lessentiel. La radio, l'affichage, le cinma et la tlvision ont transform la perception et les exigences des lecteurs. A cot de ces mdias ludiques , joyeux, l'metteur d'un message (site web) ne peut plus se permettre d'crire de faon terne, et pesante. Il doit donc moins crire et aussi mieux crire. Pour amliorer l'efficacit du message, il nous faut bien comprendre comment fonctionne le lecteur internaute. Quest ce qui l'attire, quest-ce ce qui l'indiffre. Quest ce qui le pousse visiter un portail et ne pas sarrter la page daccueil ?

17

Lorganisation du cerveau Le cerveau humain recle d'immenses possibilits, il est constitu en moyenne dune dizaine de milliards de neurones ou cellules nerveuses et cela a des consquences directes sur notre faon de lire. Que peroit notre cerveau ? Notre matire grise n'est pas uniforme. Elle est compose essentiellement de diffrentes couches superposes ( et de deux hmisphres) : La premire couche crbrale constitue le cerveau reptilien, celui qui concerne la survie, la faim, la soif, la vie sexuelle et l'adaptation l'environnement. La deuxime couche enveloppe le cerveau reptilien et elle est compose du systme limbaire. Ce systme rgule les mcanismes physiologiques de l'organisme et gre les motions. Devant un crit, c'est lui qui spontanment dclenche une impression agrable ou dsagrable avant que nous n'ayons lu un mot. Par ailleurs, le systme limbaire joue un rle important dans la mmorisation en donnant une tonalit affective aux lments retenir. Cela va aussi avoir un effet dterminant dans la perception de l'esprit. Le cortex, troisime tage de la construction, le cortex est le sige des facults suprieures de l'Homme comme le raisonnement la capacit d'abstraction, le sens de la cration et l'intuition artistique. D'une certaine faon, c'est la partie la plus volue du systme. Mais pour l'atteindre, il faut passer par les deux autres, en particulier par le limbaire. Cette partie du cours est tire du site laide.com, Pour plus dinformation consulter le site http://www.alaide.com/cours.php?c=18&chapter=1298 Il convient de retenir ici : La perception d'un texte se ralise d'emble sur un plan affectif avant que la raison puisse intervenir. Face un crit, instinctivement, "on aime ou on n'aime pas". Il y a prminence de l'motionnel sur le rationnel. Pour crire efficacement, et surtout si l'on s'adresse des publics trs varis comme sur Internet, il faut alors, savoir analyser, argumenter, synthtiser mais aussi mouvoir, distraire, embellir.

18

Nous pensons souvent qu'au cours d'une lecture l'il suit les lignes de faon rgulire, de gauche droite en descendant d'un cran une fois arriv au bout. Nous ne lisons pas de faon linaire comme suit :

En ralit lil se dplace par saccades en apprhendant, chaque fixation, non pas une lettre, ni mme un mot, mais un groupe de mots. Exactement comme s'il prenait des clichs photographiques successifs avec un champ plus ou moins large.

Chaque clich dure en moyenne un quart de seconde et chaque groupe photographi comprend entre 2 quatre mots Ces mcanismes de lecture vont beaucoup jouer sur la prsentation et l'habillage des textes. Cela se vrifie en particulier sur les plus visibles, c'est dire les titres, les interlignes et les lgendes. Ils ne doivent pas tre longs car l'il du lecteur, souvent press, n'a que deux ou trois "bonds" leur consacrer. Sauf, exception, un titre de quinze mots est difficile lire. Lorsqu'il se dplace, lil a besoin d'tre guid sinon il se perd, crant chez le lecteur un sentiment d'incomprhension, de malaise puis de rejet. C'est tout le dfi que doivent relever la typographie et la mise en page. Notons d'ores et dj qu'elles vont jouer le rle d'une boussole et orienter la progression de l'il. Par exemple, au sein d'une page, elles le (il) feront passer du titre l'incitatif ou l'essentiel, puis au texte, en intgrant un tableau ou une illustration, sans casser le rythme. Elles seront 19

des soutiens qui facilitent et stimulent la lecture, et permettront ainsi de transmettre au cerveau le plus d'informations possibles, le plus clairement possible. Voici quelques conseils: Conseils Placer le logo en haut et gauche avec un hyperlien vers la page daccueil ; Placer si a existe le moteur de recherche interne en haut droite ; Placer les menus gauche ou en haut des pages Prsenter les menus sous forme verticale Laisser un blanc entre les paragraphes.

La transfiguration La transfiguration est la capacit transformer et rorganiser un texte. Autant que faire se peut, il faut viter le rdactionnel dans un portail et diminuer la quantit de texte qui peut dcourager un visiteur (texte long ou non ar). Il faut privilgier les synthses, les accroches, les rsums, tableaux, schma, graphiques, dessins et imagestout ce que lil du visiteur peut capter facilement et qui ne change pas lessence du message. Les tableaux se consultent, ils ne se lisent pas : privilgier les colonnes aux rangs et veiller ce quils tiennent dans une page cran (sans la ncessit de se servir des ascenseurs. ). Aussi il est bien conseill de varier les couleurs pour faciliter le reprage de linformation. I.3.2 - Le Texte : Il faut toujours avoir lesprit quun cran dordinateur est moins lisible quun livre. Par consquent il convient de : Rdiger des textes courts Commencer toujours par une brve synthse puis dvelopper. Cest le principe de la pyramide inverse qui voudrait que le rsum des textes dune page web arrive toujours avant le texte intgral. Favoriser la lecture rapide En gnral les visiteurs dun site web lisent en diagonale. Il faut par consquent :

20

Utiliser des titres explicites qui rsument la page exp : Portail documentaire de la

bibliothque de lEBAD, liste des mmoires Faire des paragraphes courts, avec sous titres et listes puces Arer la prsentation avec des marges, des alinas et dautres repres visuels Eviter des lignes trop longues en privilgiant les lignes troites (10 12 mots) Prvoir un espace entre les colonnes Eviter les textes qui bougent

Se servir des liens pour diviser les blocs d'information longs La Typographie (voir aussi, page cran) Il est bien conseill de se limiter aux polices standard Arial et Times (+drivs) bien disponibles sur toutes les plateformes. Conseils Privilgier les caractres bton pour les titres (Arial ou Verdana) et les caractres

empattements pour les textes (Times, Georgia). Il est galement possible de convertir certains textes en images pour disposer de textes de substitution (exemple du titre) Utiliser peut de police, Privilgier lcriture en minuscule sur les lettres capitales, Eviter de lItalique (moins lisible) Se garder dutiliser le soulign qui est rserv aux liens

Les couleurs Le standard sur le web est de 216 couleurs prcises. Ces couleurs dites websafe saffichent de la mme manire quel que soit lenvironnement de linternaute (navigateur, carte graphique etc.). Il est donc conseill de se limiter cette palette de 256 couleurs si on nest pas sure de lenvironnement de ses usagers. Aussi, viter de verser dans lexcs de couleurs qui ne font quirriter lil du visiteur. Se limiter si possible deux couleurs ou trois avec des nuances pour rester dans la gamme. 21

Penser galement tester le portail sur une machine avec une carte graphique paramtre 256 couleurs. Jouer sur les contrastes entre les couleurs du texte et l'arrire plan. Le noir (texte) et blanc (arrire plan) est bien visible. Les trois couleurs de base sont : le vert, le rouge et le bleu mais il faut viter les couleurs vives larrires plan et ne pas hsiter vrifier le rendu limpression. Voici des liens pour vous aider composer vos couleurs selon leur code hexadcimal http://www.pressibus.org/perso/html/frcouleurs.html http://naxos.biomedicale.univ-paris5.fr/pp/rg/article.php3?id_article=3 I.3.3 Les images Les images sont bien utilises dans les portails documentaires. Elles donnent plus dimpact la page mais si elles sont de grandes tailles, elles peuvent l'alourdir ce qui influe sur le temps daffichage dune page. Il convient donc de bien optimiser les images (voir chapitre sur le traitement d'image). Pour valuer le temps de chargement dune image ou dun fichier il faut compter environ 2ko/ seconde. La taille dune image est dfinie en pixels et pour diminuer le temps de chargement dune image il faut soit rduire sa taille ou diminuer la rsolution (le nombre de couleur). Privilgier alors les petites images de bonne qualit. Une image peut tre insre dans une page web soit en fond dcran ou comme illustration dans le corps du texte. Il est bien conseill dindiquer la taille de limage. Ceci permet au texte de safficher avant limage et lusager naura pas trop attendre laffichage dune image pour voir la suite de la page. Aussi le volume dune image dans une page ne doit pas excder 40 50 ko au del le temps daffichage risque dtre long. Il vaut mieux dans ce cas dcouper limage en plusieurs petites images qui saffichent plus facilement.

22

II - LA PAGE ECRAN Une page cran est ce qui s'affiche l'cran de l'ordinateur du visisteur de notre site. Elle comprend principalement trois grandes parties et il appartient au responsable du site web d'organiser cette page pour rendre l'information bien visible et accessible tous les visiteurs quel que soit l'environnement informatique dans lequel ils voluent. II.1 - LEn-tte de page L'en-tte est avant tout un lment didentification de la page cran. Il peut tre dfini par un titre en format texte ou laide d'une bannire graphique. Le Titre Ce titre doit tre cohrent avec le sommaire ou le menu d'accs. Le document peut se subdiviser en sections, identifies par des sous-titres pour offrir une meilleure organisation de l'information. Voici quelques exemples de titres : ECOLE DES BIBLIOTHECAIRES un gros titre Ecole des Archivistes un titre assez gros Ecole des documentalistes un titre moyen Des codes de couleurs peuvent aussi tre utiliss afin que le visiteur puisse reprer visuellement le bloc d'information dans lequel il se trouve. Il convient ici de veiller ce que la couleur du titre soit diffrente de celle des liens. II.2 - Le Corps de la page Les Sous-titres Il est bien utile de synthtiser les ides et de les regrouper par thmes afin de rendre la recherche dinformation dans le portail plus efficace. Il convient ainsi de regrouper les thmes par sous thmes et de les identifier par des sous-titres au dbut de chaque paragraphe. Ainsi, d'un seul coup dil, l'internaute peut trouver une information spcifique. Cela facilite la recherche d'informations ainsi que la lecture. 23

La clart du contenu, l'orthographe, la disposition des lments sur la page sont des points importants dont il faut tenir compte pour faire d'un texte une source d'information agrable consulter et facile lire. Les liens dans les textes Le lien est un lment de renvoi, il faut par consquent viter d'utiliser des mots, tels que ici pour indiquer un lien vers une autre page. Des mots "hyperliens" ou des phrases faisant partie du contexte sont beaucoup plus appropris pour faire comprendre o on va aprs avoir cliqu sur le lien. On ne devrait pas faire mention de l'adresse URL du lien lui-mme dans le texte, moins que cela ne soit important pour l'usager. En fait, un paragraphe contenant des liens devrait tre aussi lisible que s'il n'en contenait aucun. On souligne le mot lien ou on l'inscrit dans une couleur spcifique pour signifier qu'il peut tre cliqu. Par dfaut les liens sont en bleu (soulign). II.3 Le Pied de page Le pied de page de chaque page-cran devrait contenir Le nom de l'auteur ; L'identification de l'organisme; La mention des droits dauteur La date de mise jour; La rfrence Web.

Nom de l'auteur Chaque page Web devrait inclure le nom et l'adresse lectronique d'une personne ressource. En gnral le webmaster ou la personne responsable du contenu du site. Ainsi le lecteur peut entrer en contact (mail) par le simple fait de cliquer sur le non (lien) de lauteur. Cette opration s'effectue par le moyen de l'tiquette mailto : exp. mailto:webmaster@nomorganisme.org

24

Pour les sites plus complexes, une adresse gnrique ou mme un formulaire peuvent tre utiliss, le Webmaster se chargera de faire suivre le message la bonne personne. Identification de l'organisme Lidentification de lorganisme responsable du contenu du site est bien ncessaire pour donner de la crdibilit linformation contenue dans le site. L'identification peut tre sous forme de signature textuelle ou visuelle (logotype souvent plac en haut et droite de la page) avec l'adresse et les autres coordonnes pertinentes (tlphone, tlcopieur et URL de la page). Mention des droits d'auteur Droits d'auteurs protgs A priori, toutes les pages Web sont protges par les droits d'auteur. Pour rappeler ces droits aux utilisateurs, il est bon de mettre dans tous les pieds de pages une mention Copyright dsignant l'auteur et l'institution en tant que propritaire de l'information contenue dans cette page. Droits d'auteurs partags Si, par contre, vous souhaitez que votre information puisse servir la communaut Internet, il sera bon de mentionner que tous les droits de reproduction sont autoriss avec mention de la rfrence .

Obligation de respecter les droits d'auteur Dans tous les cas, avant d'utiliser du matriel provenant d'un site Web, il est important de vrifier la provenance de ce matriel et les droits d'utilisation qui le rgissent. Il existe des banques d'images ou d'information de nature publique, mais il faut toujours vrifier la possibilit de s'approprier le matriel. Certains organismes ont comme fonction de scruter le rseau Internet pour poursuivre les responsables du non respect des droits d'auteur, mme ceux accessibles que par mot de passe.

25

Nous reviendrons plus en dtails sur les aspects thiques juridiques

III - LE CONTENU (Cas pratique)

Le contenu est la principale raison dtre d'un portail et il convient de veiller ce quil rpond aux attentes des usagers rels et mme potentiels des services que nous proposons. Le contenu peut alors diffrer dun portail documentaire un autre en fonction de la nature de linstitution et des objectifs recherchs. Nous ne pouvons pas priori dfinir un modle type de contenu pour un portail documentaire. Il appartient chaque structure de dfinir le contenu de son portail documentaire en fonction de ses objectifs et du public cibl (chercheurs, tudiants, acteurs culturels etc.) Aussi nous partons de lexemple dun portail documentaire dune bibliothque comme celle de lEBAD pour donner un aperu de ce que peut tre le contenu dun portail documentaire. II.1 La page daccueil. La page d'accueil reprsente la porte d'entre d'un site Internet. Elle a pour objectif : De motiver l'usager visiter le reste du site; De nommer le but et les objectifs du site; De prsenter le menu principal; D'identifier l'auteur, le propritaire et la source du site de mme quelle doit donner des lments de contact sur lorganisme producteur du site. Tout au long de la visite dans le site, on doit pouvoir en tout temps revenir la page d'accueil. Voici une image de la page daccueil dun portail pour lEBAD par exemple.

26

Un exemple de prsentation pour le portail de la bibliothque de lEBAD. Bienvenue sur le nouveau site de lEBAD Ce site a pour objectif dtre la fois un instrument dinformation sur notre bibliothque et un outil pour accder nos ressources et services en ligne : Dans la rubrique Prsentation Gnrale vous trouverez une prsentation gnrale de lcole, ses diffrents services, session et types de formation. La rubrique Rechercher vous permet daccder directement nos ressources lectroniques : catalogues, bases de donnes, priodiques lectroniques, slection de sites web etc. Linformation, vous renseigne sur lactualit lEBAD, le calendrier des examens et les modalits dinscription lcole. Les services vous permettent de vous inscrire distance, de consulter vos notes (rserv aux tudiants) et de pouvoir tlcharger des cours (rserv aux tudiants de la formation distance). Le forum, vous le devinez bien est un cadre dchange et de dbat sur les sciences de linformation. Pour tout problme, remarque, question, besoin daide, ou tout simplement pour nous donner votre avis nhsitez pas nous crire (faire ici un lien vers la messagerie du responsable du contenu) II.2- Le sommaire Le Sommaire de notre exemple comporte principalement les rubriques suivantes. 1 Prsentation gnrale : cette partie prsente davantage linstitution laquelle le portail est rattach. Nous nous garderons bien de la dtailler ici. Si linstitution (lEBAD par 27

exemple) dispose dun site web diffrent de celui de la bibliothque il convient juste de faire un lien sur le site gnral de linstitution. Pour notre exemple de lEBAD nous nous intresserons purement des rubriques qui peuvent trouver une place dans un portail documentaire. 2 - Les fonds documentaires : Dans cette partie il conviendra de prsenter les diffrents types de fonds de la bibliothque : Fond gnral Fond spcialis Espace audiovisuel Priodiques Mmoires des tudiants de lEBAD

3 Les services de la bibliothque Cette partie prsente lensemble des services proposs par la bibliothque ses usagers rels et potentiels. Venir la bibliothque Sinscrire Emprunter Se former aux outils de recherche SQR Services aux enseignants La classe virtuelle

4 Information historique de la bibliothque Informations pratiques (expos, dbats, ) Partenaires Liens utiles Nos contacts 28

5 Forum Le forum comme prcdemment annonc est un espace de partage qui permet aux usagers de la bibliothque dchanger sur des thmes qui concernent la profession documentaire. Aussi chacun pourra y solliciter des informations, proposer des rfrences, critiquer ou approuver les services de la bibliothque. Il convient ce niveau de responsabiliser un agent du centre de documentation (bibliothque) pour animer et modrer les changes sur le forum. Le risque ici est de voir le forum dvoyer de son objectif. Certains usagers ont tendances discuter de choses qui sortent du cadre professionnel. 6 Rechercher La partie rechercher (grce une indexation pralable) permet daccder aux fonds de la bibliothque prsent selon les grandes thmatiques et centres dintrts de lEBAD. Aussi un moteur de recherche intgr ce niveau peut permettre de rechercher des informations aussi bien sur les bases de donnes de lEcole que sur le Web en gnral. Voici quelques exemples de moteurs de recherches smantiques :http://solutions.journaldunet.com/0310/031002_pano_moteur2.shtml 7 Plan du site : Il est bien intressant de prvoir une page qui prsente le plan du site organis de manire thmatique : titre chapitre, sous chapitre. Chaque lment de ce plan doit comporter un lien vers la page laquelle il fait rfrence. Un exemple de plan de site : http://www.unfpa.org/sitemap/sitemap-fra.htm

[1] http://www.unige.ch/math/biblio/ [2] Cet lment nest indiqu qu titre illustratif, nous reviendrons plus en dtail sur le langage HTML.

29

Titre : Chapitre III - LA RALISATION DU PORTAIL (premire partie) I CONNATRE les OUTILS

I.1 - Notions de HTML I.2 - Les diteurs (WYSIWYG) I.3 Le Traitement dimages Introduction : La conception dun site web ncessite la connaissance dun certain nombre doutils qui interviennent dans la programmation des pages HTML. Mme sil nest plus ncessaire de matriser le langage HTML pour faire un site web, il ya un rel intrt en connatre la structure et les proprits. Lobjectif de ce module est de vous faire dcouvrir un certains nombres doutils, les plus utiliss actuellement dans la conception des pages web. A la fin de ce module, vous serez en mesure de choisir en fonction de vos besoins, les outils qui rpondent mieux lobjectif de votre site portail. Ainsi ce chapitre prsentera le langage HTML, les diteurs WYSIWYG, les CMS et quelques outils spcifiques aux sciences de linformation documentaire et qui, mme sils ne sont pas toujours achevs dans leur conception sont adapts la cration d'un portail documentaire. I LES OUTILS DE LA PROGRAMMATION DES PAGES WEB.

I.1 - Le langage HTML HTML est un langage de description de pages permettant de contrler par lintermdiaire dlments appels balises (tags), lapparence que la page aura sur lcran dun utilisateur d'un serveurs Web. Ce langage est interprt par le logiciel client (navigateur) install sur le poste de consultation. HTML est une DTD (Dfinition de type de document) de SGML. HTML a deux forces : sa simplicit et sa compacit. Le nombre de balises (tags) est peu important, leur signification est facile comprendre. Ainsi son apprentissage est rapide. Les balises sont compactes et les fichiers HTML sont gure plus gros que les fichiers ASCII correspondants, ce qui est important pour le transfert par rseau (les images ajoutes au texte changent videment cet aspect du problme). 30

Mais cette simplicit a pour consquence un manque de prcision, en particulier les clients peuvent interprter de manire varie certaines balises, avec comme rsultat des crans diffrents. Lobjectif lorigine de ce langage tait de crer un moyen universel de stocker et afficher de linformation avec lide que le contenu est plus important que la forme. Cependant les nouvelles spcifications permettent de crer des effets esthtiques qui sloignent des ides de base mais qui sont particulirement apprcis des internautes. Pour crer des pages web on a pas vraiment besoin dun programme spcifique. Un simple diteur de texte (bloc-notes ; simple text ; text edit ) peut suffire et son utilisation est relativement facile. Il bien facile de crer une page web (la plus simple possible), il suffit dcrire du texte avec un diteur et denregistrer la page avec lextension .htm Lextension est un point suivi de trois (ou quatre) lettres aprs le nom du ficher. Elle sert dfinir le type de fichier. Exemples: .doc est lextension dun fichier Word .pdf est une extension dun fichier dimage .xls est lextension dun fichier Excel .htm est une extension de fichier web

Comment procder ? Sur Windows par exemple :

Ouvrez le Bloc-Notes. Vous le trouverez sous Dmarrer, Tous les programmes, dans Accessoires. Tapez un petit texte directement dans Bloc-Notes. sans le formater (crer des paragraphes, crire en italique, etc.) Dans le menu Fichier choisissez Sauvegardez sous Dans le champ Nom du fichier remplacez *.txt par mapage.htm Enregistrez-le dans un nouveau dossier intitul monsite Quittez le Bloc- notes et Cliquez sur le fichier mapage et il s'ouvrira dans votre navigateur (Internet Explorer, Netscape, Mozilla Firefox, Google chrome...). Il est galement possible douvrir ce mme fichier avec un navigateur. Par exemple aprs 31

avoir ouvert Internet Explorer aller sur: - Fichier - Ouvrir... - Parcourir et cherchez votre dossier monsite sur votre ordinateur. Ouvrez-le. - Ouvrir mapage.htm

Vous pouvez maintenant fermer votre page . Ce ntait quun exemple mais une vrai page Web est beaucoup plus labore que lexemple que nous venons de citer. Mais il convient avant tout de comprendre la structure dune page HTML.

I.1.1 - La structure dune page HTML

A la diffrence du document texte qui ne contient aucune mise en forme, un document Html contient les donnes du document et les balises dfinissant la structure et l'aspect du document. La structure d'un document Html est la suivante : <"HTML> <HEAD> ....l'en tte.... </HEAD> <BODY>

......Le contenu du document...... </BODY> </HTML>

<HTML>:Tous les documents HTML commencent par cette balise. <HEAD>:Dfinit la zone d'en-tte. <BODY>:Dfinit le corps du document.

32

L'entte d'un document Html contient les lments suivants :

<TITLE>: Un document HTML doit avoir un titre qui apparatra dans la zone titre du navigateur. <META>: les balises META ont pour but de fournir des informations sur le document HTML.Ces informations ne sont pas visibles l'cran. Chaque balises META est constitue de deux attributs: o NAME:Il permet de spcifier un mot-cl indiquant quelle information donne la balise, on trouve par mis ces mots-cls AUTHOR( l'auteur du document), KEYWORDS (permet de donner les mots cls sur le contenu de la page). o CONTENT:Il permet d'associer une valeur au mot-cl. Cest dire il annonce le contenant de cette zone. Exemple: <HEAD> <TITLE>Site portail de la bibliothque de lEBAD</TITLE> <META NAME="Description" CONTENT="le site Web de la bibliothque de lcole des bibliothcaires archivistes et documentalistes de lUniversit de Dakar "> <META NAME="Keywords" CONTENT="bibliothque, archive documentation, formation, formation distance, science de linformation, Sngal, Afrique, Education"> <META NAME="Author" CONTENT="M.MBENGUE"> <META NAME="Generator" CONTENT="Dreamweaver"> <META NAME="Date" CONTENT="2011"> </HEAD>

Pourquoi des mta donnes ou pourquoi len tte Les spiders (robots) des moteurs de recherche (Google, AltaVista, Lycos, InfoSeek...) parcourent intervalle rgulier lessentiel des serveurs web pour indexer les pages qui y sont stockes. Le plus souvent cest le rsultat de cette indexation qui est affich comme rsultat dune recherche. Ainsi pour notre exemple, si une page pour lEBAD est prsente comme suit :

33

<META NAME="Keywords" CONTENT="bibliothque, archive, documentation, formation, formation distance, science de linformation, Sngal, Afrique, Education"> Cette page pourra apparatre comme rsultat dune recherche sur : Les archives au Sngal La documentation sur la formation distance au Sngal LEtat des sciences de linformation en Afrique La formation distance en science de linformation en Afrique Il est donc primordial de bien dfinir len-tte dune page HTML : Les mta donnes permettent alors aux moteurs de recherche de reprer et dagencer une page web dans lensemble des pages que comporte le web. Cest donc en soi une forme dindexation de la page web. - les moteurs de recherche, quand ils rcuprent les pages HTML, vrifient dans l'en-tte la prsence de donnes dites META.

- comme il n'y a pas de jugement de valeur sur les pages, le classement obtenu en sortie sur les moteurs de recherche est calcul par un algorithme qui considre : * que les termes prsents dans les champs META ont un poids plus important que les mots prsents dans le texte lui-mme.

* que le poids d'un mot est inversement proportionnel sa frquence dans l'ensemble des mots connus par le moteur de recherche. En clair, un mot frquent apporte peu d'clairage sur le contenu rel de la page. C'est en poussant l'extrme ce raisonnement que l'on dfinit les "mots-vides". Ils convient alors au moment de la cration de la page dinscrire dans chaque page les mots cls qui dfinissent le mieux le contenu de la page. Nous imaginons une page pour la formation distance EDOCDEV pour faciliter notre petit parcours du langage HTML. : <HTML>

34

<HEAD> <TITLE>Site du projet Edocdev de l'EBAD : formation distance</TITLE> <META NAME="Description" CONTENT="le site Web de la bibliothque de lcole des bibliothcaires archivistes et documentalistes de lUniversit de Dakar "> <META NAME="Keywords" CONTENT="bibliothque, archive documentation, formation, formation distance, science de linformation, Sngal, Afrique, Education"> <META NAME="Author" CONTENT="M.MBENGUE.> <META NAME="Generator" CONTENT="Dreamweaver"> <META NAME="Date" CONTENT="2005"> </HEAD> </HEAD> <BODY> ECOLE de BIBIOTHECAIRES, ARCHIVISTES et DOCUMENTALISTES Ceci est une page de prsentation du module 3 du cours de conception web dans le cadre de la formation distance du programme EDOCDEV de l'EBAD. Cette page ne prsente aucune mise en forme spcifique mais...nous pourrons l'amliorer. Mise jour le 15/01/2011 Mbengue 2011

</BODY> </HTML> Le rsultat est le suivant

35

Remarques : Nous pouvons constater ici que le contenu de notre balise <TITLE> apparait sur la barre de titre (barre bleue) de notre navigateur. Par ailleurs, notre page web ressemble bien une page de texte simple. Elle n'a pas t enrichie, ne contient aucune image et ne renvoie aucune autre page ni un autre site web. HTML offre la possibilit de mettre en valeur certains lments de la page et nous verrons ici quelques attributs qui nous permettrons d'amliorer notre exemple. Un certain nombre d'attributs de la balise <BODY> permettent de contrler la couleur du fond de la page , des caractres du texte et enfin des liens.

L''attributs BGOLOR : Permet de choisir une couleur pour le fond de la page. L'attribut BACKGROUND : Permet de spcifier une image comme fond d'cran. L'attribut TEXT : Permet de contrler la couleur du text, standard, c'est dire tout texte ne spcifiant pas un lien.
o

Les attributs LINK,VLINK et ALINK : Ces trois attributs permettent de contrler la couleur des liens:

36

L'attribut LINK : Spcifie la couleur d'un lien qui n'a pas encore t visit (bleu par dfaut) .

L'attribut ALINK: Spcifie la couleur qui apparat au moment ou l'on clique sur un lien (rouge par dfaut).

L'attribut VLINK: Spcifie la couleur des liens qui ont dj t visit (violet par dfaut).

Exemple: <BODY bgcolor= "# 000000" text ="#0000fff link ="#ff0000" alink ="#ffff00" vlink ="#00ff00"> (voir tableau des couleurs dans chapitre prcdent. <BR>:Permet un passage la ligne <HR>:Permet d'avoir un trait dans la page. Cette balise les attributs suivantes: SIZE : Dfinit l'paisseur du trait. WIDTH: Dfinit la taille d'un objet (en pourcentage ou en pixels). ALIGN: Permet de positionner l'objet. Les valeurs possibles sont: LEFT ( gauche), RIGHT ( droite), CENTER (centrer), JUSTIFY (justifier) Exemples: <HR> WIDTH=50% ALIGN=right SIZE=3NOSHADE <P>: Passage au paragraphe suivant. <P>est diffrent de <BR>: Elle provoque un passage la ligne et dcale la ligne suivante d'un espace d'environ une ligne (espacement inter paragraphe).

NB: Les balises de mise en page sont des balises vides c'est dire qu'il n'y a pas de balise de fin.

CENTER: Permet de centrer dans le sens horizontal de la page un objet. La mise en forme des caractres: <Hn>: Souvent attribu aux titre et au sous titres. H = Heading ou en-tte et x est une variable entre 1 et 6. Plus la variable X est petite plus le titre est gros. Par exemple <H1> Peut

37

tre attribu au plus gros titre <H2< au premier sous titre etc. Voir exemple dans chapitre prcdent sur les titres de page. <B>:Pour avoir du texte en gras. <I>:Pour avoir du texte en italique. <U>:Pour avoir du texte soulign. <STRONG>:Pour mettre un texte en valeur. <FONT>: Cette balise permet de rgler la taille, la couleur et la police des caractres. <FONT SIZE=n COLOR FACE= police 1, police 2, police 3 >. L'attribut SIZE: Permet de rgler la hauteur des caractres. L'attribut COLOR: Permet de spcifier la couleur dans le modle "RGB":"rr", "gg", "bb" sont des valeurs hexadcimales comprises entre 00 et FF qui spcifient les valeurs de la couleur rouge, vert, et bleu. L'attribut FACE: Permet de spcifier la police des caractres (Voir tableau des couleurs chapitre 2 de ce cours) Exemple: <FONT SIZE=3 COLOR= #0000ff FACE= "Arial, Times New Roman">. Les images :

HTML permet dinsrer des images dans un texte. Ces images peuvent servir dancres. <IMG SRC="URL"> pour insrer une image distante <IMG SRC="nom_fichier"> pour insrer une image locale On peut positionner le texte par rapport. limage : TOP, MIDDLE, BOTTOM, LEFT, RIGHT <IMG ALIGN=LEFT SRC="nom_fichier">

La balise d'insertion d'image dans un document HTML est la suivante: <IMG SRC="nom du fichier"> L'attribut ALIGN: Permet de dfinir la position de l'image. L'attribut ALIGN=LEFT: Aligne l'image gauche et afficher le texte droite. L'attribut ALIGN=RIGHT: Aligne l'image droite et afficher le texte gauche. L'attribut ALIGN=TOP: Aligne le haut de l'image avec le haut du premier objet qui suit. L'attribut ALIGN=BOTTOM: Aligne le bas de l'image sur la ligne courante. 38

L'attribut BORDER=n: Permet de dfinir l'paisseur de la bordure de l'image. L'attribut WIDTH=n: Dfinit la largeur de l'image. L'attribut HEIGHT=n: Dfinit la hauteur de l'image.

Exemple: <IMG SRC="ebadbleu.gif" BORDER=2 ALIIGN=MIDLE WIDTH=120 HEIGHT=50>. La ligne ci dessus doit tre interprte comme suit : <IMG : introduit une image SRC= annonce la source de l'image "ebadbleu.gif" : donne le nom de l'image BORDER=2 : attribut un contours l'image de taille 2 ALIGN=MIDLE : centre l'image WIDTH= 120 : indique la taille de l'image HEIGHT=50 : indique la hauteur de l'image Nous pouvons prsent enrichir notre exemple de la page EDOCDEV en lui donnant quelques attributs supplmentaires. Nous maintenons le contenu de l'entte <HEAD></HEAD>. Nous allons juste enrichir le corps de la page c'est dire tout ce qui se trouve entre les balises <BODY> et </BODY>. Nous pouvons alors donner une couleur bleu claire #99CCFF l'arrire plan notre page : <BODY bgcolor="#99CCFF"> Nous pouvons aussi choisir une police pour notre titre, le mettre en gros caractre, le mettre au centre de la page : <h1 align="center"><font face="Arial">ECOLE de BIBLIOTHECAIRES, ARCHIVISTES et DOCUMENTALISTES</font></h1> Sparer le titre et les autres lments par une ligne horizontale : <hr> Nous pouvons dcider de mettre le logo de l'EBAD sous le titre : <img src="../images/ebadbleu.gif" width="82" height="79"> 39

Dcaler puis centrer la mention de copyright et la mise jour Pour matrialiser notre exemple : <BODY bgcolor="#99CCFF"> <div align="center"> <h1 align="center"><font face="Arial">ECOLE de BIBLIOTHECAIRES, ARCHIVISTES et DOCUMENTALISTES</font></h1> <p><font face="Arial"><br> <hr> <img src="../images/ebadbleu.gif" width="82" height="79"> <br> <font color="#000099" size="4">EBAD </font></font> </p> <BR> <BR> <BR>

<p align="center">Mise &agrave; jour le 25/04/2005/ <br> &copy; Edocdev 2005<br> <br> Voil le rsultat

40

Les tableaux : Les tableaux sont souvent utiliss dans la mise en page d'un document.

Exemple: <TABLE BORDER="2"CELLPADDING="3"BORDERCOLOR="#0000FF"> <TR> <TD>cellule1</TD> <TD>cellule2</TD> <TD>cellule3</TD> </TR> <TR> <TD>cellule4</TD> <TD>cellule5</TD> <TD>cellule6</TD> </TR> </TABLE>. Voici un exemple d'utilisation des tableaux pour une page des apprenants et enseignants d'EDOCDEV 41

Nous proposons tout d'abord un sous-titre pour la page. Nous choisissons ensuite l'en-tte <H3> ; la police Arial. Nous dcidons galement de mettre un petit texte pour prsenter notre liste dans un tableau de 6 lignes et de 2 colonnes. <h3> <font color="#000099" face="Arial"><b>Formation &agrave; distance au Master en Science de l'information</b></font> </h3>

<p><font size="2" face="Arial, Helvetica, sans-serif">Nous pr&eacute;sentons ici la liste des enseignants et &eacute;tudiants d'EDOCDEV.</font> </p>

<table width="55%" border="1" align="center" cellspacing="0"> <tr> "ouvre la ligne1" <td>Liste des &eacute;tudiants</strong></td>"Premire cellule de la premire ligne" <td>Liste des enseignants</strong></td>"Deuxime cellule de la premire ligne" </tr>"fin lign1" <tr> "ligne 2" <td>Sambagor GUEYE </td> <td>Mamadou Diarra,</td> </tr> <tr> "ligne 3" <td>Marie Martine YOBOL </td> <td>Olivier SAGNA </td> </tr>"fin ligne3" <tr> "ligne 4" <td>Sadrine Christelle MIGEON </td> <td>Ameth Ndiaye</td> </tr> <tr> "ligne 5" <td>Th&egrave;r&egrave;se SAVADOGO</td> <td>Samba AW</td> </tr> <tr> "ligne 6" <td>Marcel SINGIRANKABO </td> <td>Moustapha MBENGUE</td> 42

</tr> </table>"fermeture de la table" En voici le rsultat

Remarques : On peut dcider de mettre ou de ne pas mettre des bordures dans un tableau, tout comme il est possible de donner une couleur spcifique chaque cellule du tableau. Les liens Comme nous lavons indiqu dans le chapitre prcdent, les liens sont des lments de renvoi et ils se prsentent principalement sous deux formes : Les liens internes : Ils permettent de se dplacer de page en page dans un mme site ou dun endroit un autre dans une mme page.

Les liens externes : Ils renvoient dautre site web. Il faut pour cela connatre ladresse URL du site auquel le lien renvoie.

43

Le lien peut galement tre relatif ou absolu :

Les liens relatifs

Ils permettent d'aller vers une page selon la position de la page actuelle. On se sert donc de l'emplacement de la page qui contient le lien pour dfinir la destination. Il est alors impratif que la page de destination se trouve sur le mme serveur et dans la mme arborescence que la page source.

Par exemple : <A HREF="site/documentation.html"> pointe vers le fichier documentation.html du sousrpertoire site situ dans le mme rpertoire que la page actuelle.

<A HREF="../documentation.html"> pointe vers un fichier contenu dans le rpertoire parent (symbolis par les ..).

<A HREF="../site/documentation.html"> remonte d'un rpertoire pour se rendre dans le sous-rpertoire site et afficher la page documentation.html.

Vous pouvez aussi spcifier une destination relative au rpertoire racine contenant les documents du site en faisant dbuter l'adresse partielle par une barre oblique.

Les liens absolus

Ils ne dpendent pas de la position de la page source. C'est le cas des liens externes, mais rien ne vous interdit de les utiliser sur votre propre site la place de liens relatifs. Dans tous les cas, il suffit d'indiquer la totalit de l'adresse du document :

<A HREF="http://www.uaps.org/journal/journal.htm"> Les liens l'intrieur d'une page

Dans le cas de pages trs longues, il peut tre intressant de mettre un lien vers un endroit prcis de la page. Il convient pour cela de reprer la position atteindre et dy dposer une 44

balise ou ancre pour matrialiser le repre..

La syntaxe de l'ancre est la suivante :

<A NAME="nom_de_l_ancre"> exemple <A NAME="archive">

La balise de lancre ne ncessite pas de tag de fermeture, elle est juste ponctuelle.

Reste ensuite crer un lien vers cette ancre. Il suffit pour cela d'en spcifier le nom prcd d'un #. Exemple : <A HREF="#archive">Lien vers mes archives</A> dirige vers une ancre (le paragraphe Archives) de la mme page.

<A HREF="journal.html#vol2">journal n 10 vol 2</A> dirige vers une ancre dans le fichier journal.html. Cela fonctionne videmment de la mme faon avec des liens absolus. Liens vers d'autres destinations

Jusqu'ici, tous nos liens pointent vers d'autres pages ou lments de pages Web. Mais il est possible aussi de crer des liens vers d'autres types de ressources tels des adresses mail et des serveurs FTP.

Par exemple : <A HREF="mailto:ebad@ebad.ucad.sn">Ecrivez nous</A> cre un lien qui ouvrira votre logiciel de mail sur un message vierge vers une adresse prsaisie. Il ne restera plus qu' remplir le corps et le sujet, puis envoyer le message. <A HREF="ftp://sidiki:souke@ftp.bobodiouf.bf/monfichier.pdf"> Tlcharger tout sur la comdie burkinabe</A> cre un lien sur un fichier qui se trouve sur le serveur FTP ftp.bobodiouf.bf et accessible avec le login sidiki et le mot de passe souke.

45

1.2 - Les diteurs de page Web Nous estimons prsent que vous avez compris le fonctionnement du langage HTML. Si e nest pas le cas il est encore possible de se rattraper (voir tutorial Dreamweaver). HTML est un langage plus ou moins rbarbatif et complexe. Aussi s'il est possible d'diter une page HTML avec un outil aussi simple que le bloc note, il est beaucoup plus pratique d'utiliser des outils spcifiques. Cest pour cette raison que certaines socits ont dvelopp des diteurs pour construire et grer des pages web. Cest ainsi que des diteurs de page ditsWYSIWYG ont t dvelopp afin de simplifier la construction des pages web. Ces derniers permettent de gagner du temps et d'viter des erreurs. On a plus rellement besoin de matriser le HTML pour faire des sites web. Il faut savoir se dbrouiller avec un bon diteur et nous vous invitons ici en dcouvrir quelques-uns. Logiciel Dreamweaver FrontPage HomeSite Cold Fusion GoLive PageMill HomePage Drumbeat WebEditor HotDog HotMetal Visual Page Cyberstudio Site Designer Editeur Macromedia Microsoft Allaire Allaire Adobe Adobe FileMaker Macromedia Namo Sausage SoftQuad Symantec Golive Site Designer

Le choix de lun ou lautre diteur est souvent motiv par les besoins et les ressources humaines et matrielles de chaque institution. Nous pouvons juste alors prsenter pour les besoins du cours deux des diteurs les plus connus savoir Front page et Dreamweaver. Si 46

vous tes dbutant dans la programmation nous vous conseillons de commencer par FRONT PAGE, si par contre vous tes dj initi (cest souvent le cas) il serait plus intressant de passer directement DREAMWEAVER. 1.2.1 - Front Page : Edit par MICROSOFT, Front Page est lun des logiciels amateurs de cration de page web les plus utiliss et son prix est relativement faible. Il est mme inclus dans la gamme Office de MICROSOFT mme sil est possible de lacheter sparment. Lutilisation de Front page est relativement facile. Les pages que vous ditez saffichent lcran au fur et mesure que vous les ralisez do lappellation WYSIWYG (what you see is what you get). Cependant Front Page gnre des codes spcifiques que certains navigateurs ont bien du mal interprter. Aussi ce code intervient dans la taille du fichier (lourdeur) ce qui fait que certains spcialistes du web napprcient pas trop ce logiciel. Pour la dcouverte de FONT PAGE nous vous invitons parcourir un tutorial du site de formation YBET :http://www.ybet.be/internet13/front-page.htm 1.2.2 - Dreamweaver : Dreamweaver est un diteur de page web, conu par la socit Macromdia. Tout comme Front PAGE que vous avez dj dcouvert, Dreamweaver permet de gnrer le code HTML ncessaire pour afficher des pages Web telles que vous les concevez avec l'interface graphique du logiciel. Avec ses divers aides la programmation, il est aussi d'une grande utilit lorsque vous devez modifier le code source d'une page HTML. Ces possibilits de Dreamweaver vous permettent, entre autres, de consacrer vos efforts et votre attention au design et la navigation de votre site, sans avoir passer des heures coder vos pages manuellement. Nous vous invitons Dcouvrir (pour certains) Dreamweaver travers un tutorial propos dans le site ifrance.com l'adresse : http://dream-cours.ifrance.com/ Dans ce tutoriel , vous dcouvrirez l'interface graphique du logiciel et apprendrez utiliser les fonctions principales de cet outil. De plus, vous apprendrez des techniques gnrales fort utiles pour crer des pages web de haut calibre, le plus simplement possible.

47

I.3 Le Traitement dimages I.3.1 - Les formats d'image : (synthse ralis partir du site de l'Universit de Laval (www.ulaval.ca) Plusieurs formats d'image peuvent intervenir dans un site web. Cependant le format d'image le plus courant sur le Web est le GIF (Graphical Interchange Format). Ce format graphique, codifi en huit bits, permet la sauvegarde d'image possdant une palette d'au maximum 256 couleurs. La socit Unysis est propritaire du format GIF. C'est pourquoi un autre format PNG (gratuit), a t dvelopp afin d'offrir une alternative libre de droit. L'une des particularits de l''image graphique est qu'elle peut tre entrelace pour donner un apperu plus rapide l'utilisateur. Aussi il est possible de laisser l'image transparente afin de faire apparare la couleur de l'arrire plan. Par ailleurs, il est possible de retrouver l'ensemble des couleurs d'une image au niveau de la palette des couleurs. Une couleur est attribue chaque pixel. Cette couleur ncessite une certaine quantit de mmoire (bit) pour en conserver la valeur. Si un seul bit est conserv par pixel, seules deux couleurs peuvent tre utilises (Valeurs disponibles : 0 et 1). Les tableaux suivants illustrent le rapport entre les bits et les couleurs : TABLEAU 1. Nombre de bits (rsolution) VS nombre de couleurs Bits par pixel 1 2 3 4 5 6 7 8 24 Nombre de couleurs 2 4 8 16 32 64 128 256 16,7 millions

48

TABLEAU 2. Qualit de l'image VS nombre de bits

8 bits/pixel 216 couleurs, 10k

125 couleurs, 8k 6 bits/pixel

3 bits/pixel 4k 8 couleurs, 3k

Lorsque l'image ncessite une qualit suprieure celle du format graphique, pour reprsenter fidlement une photographie par exemple, un format comme le GIF, avec sa palette limite, ne s'avre pas suffisant. Le format JPEG (Joint Photographic Experts Group) a t conu spcifiquement pour grer les images photographiques haute rsolution. Dot d'une palette tendue (jusqu' 24 bits par pixel) et d'un algorithme de compression sophistiqu, ce format s'est impos sur le Web pour toutes les images de qualit suprieure. L'extension du fichier de ce format est.jpg, mais il arrive que l'on rencontre parfois l'extension .jpeg Tandis que l'algorithme de compression du format GIF est rigide, celui du JPEG offre diffrents niveaux de compression. Toutefois, le taux de compression le plus lev entrane une perte dans l'information originale. Il est dit destructif. Par exemple, si deux couleurs similaires se ctoient, l'algorithme peut dcider de remplacer une couleur par l'autre pour simplifier le fichier. Voici une petite comparaison entre une image GIF et JPG pour vous donner un aperu de la diffrence

JPG (13,1 Ko)

GIF (9,3 Ko) 49

Il est ais de constater ici que l'image JPG est de meilleure qualit tandis que celle en GIF est plus facile charger (taille) dans une page web. Il est possible de dcouper une image en plusieurs morceaux de petites tailles pour en faciliter l'affichage. Les formats GIF, PNG, JPG sont constitus des valeurs de chaque point (pixel) d'une image, d'o le nom bitmap. Pour plus d'information sur les formats d'image consulter le site : http://tecfa.unige.ch/tecfa/teaching/staf13/fiches-mm/formatfichier.htm I.3.2 - Les outils de traitement d'image : Il existe une varit d'outils pouvant intervenir dans le traitement d'image. Nous pouvons principalement en citer ici quelques uns que nous vous invitons dcouvrir travers les liens indiqus en bas : Photoshop : Photoshop est un logiciel de retouche d'images en bitmap (par opposition au vectoriel). Ce logiciel fait parti de la gamme des produits ADOBE et il est beaucoup utilis pour le graphisme dans un site web. Photoshop nest pas un logiciel facile matriser mais Il permet de rpondre bien des besoins en matire de retouche et doptimisation dimage pour peu que nous soyons familiers avec ses outils. Voici quelques turoriaux de prise en main de photoshop : http://www.neutrinium238.com/tutoriaux/index.php Pain shop Pro : Tout comme Photoshop, Pain shop Pro est un logiciel Bien utilis dans la conception et les retouches dimages pour un site web. Voici quelques exercices pratiques pour dbuter avec Pain shop Pro : http://www.seminaire-sherbrooke.qc.ca/pays/Paintshoppro/psp.html Le GIMP : Le monde du logiciel libre a aussi dvelopp son logiciel de traitement dimage, le GIMP . Le Gimp (GNU Image Manipulation Program) est le logiciel libre de rfrence en matire de traitement dimages. Il supporte une grande varit de format dimages, de langues et de systmes dexploitation. Il est dune grande souplesse et est assez puisant pour gnrer automatiquement ou modifier des graphiques pour les pages web. Voir les tutoriaux de Gimp : http://www.infetech.com/rubrique.php3?id_rubrique=24 50

II - LA GESTION DOCUMENTAIRE EN LIGNE (Les CMS) II.1 - Introduction aux CMS II.2 - Les outils de gestion documentaire en ligne

Introduction au CMS : Le Content Mangement System (Systme de gestion de contenu) est un programme informatique accessible par un navigateur, permettant la gestion du contenu d'un site web sans aucune ncessit d'avoir des connaissances avances en programmation de pages web. Les CMS permettent la cration de sites dynamiques et ils sont le plus souvent destins des sites communautaires, associatifs ou des sites d'actualit. Cependant chaque domaine d'activit est en train de mettre en place des CMS adapts son champ d'intervention. C'est ainsi que sont apparus un certain nombre de CMS destins la gestion documentaire en ligne. Nous en prsenterons quelques uns. Les caractristiques des CMS : La principale caractristique d'un CMS est sa capacit dissocier le design d'un site (le graphisme, la mise en page) et son contenu. Ainsi, il est possible de modifier volont le design du site, sans pour autant toucher au contenu. Une telle caractristique offre l'utilisateur la possibilit de disposer d'un environnement personnalis qui prsente une bonne cohrence graphique. Le contenu d'un CMS est dissoci de son aspect graphique, il est mme stock dans une base de donnes. Cela donne la possibilit de rutiliser une mme information diffrents endroits du site web, de la formater diffremment et l'adapter diverses technologies (navigateurs, tlphones mobiles etc.) Le plus souvent, les CMS utilisent une base de donnes MySQL, et le langage PHP (accept par la plupart des hbergeurs) pour interroger la base de donnes. Cela permet donc d'diter et de grer un site vraiment complet et dynamique (gestion de membres, d'articles, de tlchargements, de sondages, de liens, de forums...). Le CMS disposent d'une interface "graphique" d'administration, permettant une gestion rapide et aise du contenu. Il est ainsi possible d'oprer une maintenance dcentralise du site web. Aussi la dfinition de droits d'accs dans le cas de la maintenance dcentralise permet de 51

limiter le domaine d'intervention en allouant des permissions d'accs au contenu ou l'administration du site. Plusieurs personnes peuvent ainsi tre autorises grer le site in extenso ou seulement une partie du site. Les principaux CMS appartenant au monde du libre (sous licence GPL) sont les suivants : PHP-Nuke, NPDS , PostNuke, SPIP, Attila, daCode, Xoops, Envolution, eZ publish, Lou Portail, MyPHPNuke, Ovidentia, Portix-PHP, Ovinet, Portail PHP, PHPortal, ZOPE , e107, Xaraya , Typo3, Drupal, Mambo. Les CMS que nous nous venons de citer n'ont pas forcment les mmes objectifs. Certains sont destins grer des site personnels d'autres sont orients association etc. Cependant ils fonctionnent tous selon le mme principe. C'est dire qu'ils donnent l'utilisateur la possibilit d'animer lui mme son site. Pour mieux comprendre le fonctionnement des CMS, nous vous invitons lire la documentation sur SPIP le plus connu d'entre eux dans l'espace francophone http://www.spip.net/fr Les outils de gestion documentaire en ligne En plus des CMS que nous venons de prsenter ici, il existe des outils plus orients la gestion documentaire proprement dite. Les outils de gestion documentaire en ligne sont de plus en plus utiliss dans les bibliothque et centre de documentation soucieux de diffuser le plus largement possible leurs ressources informationnelles. Dans les pays du Sud le plus connu dentre eux est GENISIS qui permet de mettre en ligne des bases de donnes ralises partir du logiciel CDS ISIS. Dautres outils moins bien connus en Afrique sont cependant en train de se faire un nom dans la vaste gamme des outils de gestion documentaire en ligne. Nous en citerons particulirement : Bibliopra, Greenstone, Koha et Moccam etc. Nous vous proposons ici une synthse ralise partir du site web freebiblio.info et nous vous invitons par ailleurs consulter les sites officiels de ces outils pour des explications plus avances et parfois mme la possibilit de tlcharger le logiciel et son manuel d'utilisation. CDS ISIS (d'aprs le site de l'Unesco): CDS/ISIS est un logiciel de stockage et rcupration de l'information, en particulier celle non numrique. Il a t dvelopp par l'UNESCO depuis 1985 pour satisfaire la demande exprime par beaucoup d'institutions, spcialement dans les pays en voie de dveloppement, 52

et ainsi les aider dans la mise en place de leurs activits de traitement de l'information par des technologies modernes et relativement peu coteuses.

Au tout dbut, ce logiciel tait bas sur la version mainframe de CDS/ISIS, qui a dbut dans les annes '60, afin de profiter de nombreuses annes d'exprience dans le dveloppement de logiciels de gestion de bases de donnes. Depuis quelques annes (5 6) il existe une application dnomm GENISIS qui permet de mettre en ligne des bases de donnes ISIS. Cette application tourne le plus souvent sous le serveur APPACHE. Elle permet le paramtrage de formulaires d'interrogation et affiche les rsultats d'une recherche aussi bien en format simple que dtaill. La version 2 de GENISIS a t conue par la dfunte association IBISCUS. Son code sources (en Visual basic) programm par Pierre CHABERT est galement librement disponible. Il est possible de tlcharger GENISIS (version 3.1.2) partir du site de l'UNESCOhttp://portal.unesco.org/ci/fr/ev.phpURL_ID=5331&URL_DO=DO_TOPIC&URL_SECTION=201.htmlIl BibliOpera : Bibliopra est une application libre (sous licence GPL), permettant la gestion d'informations bibliographiques et leur diffusion sur Internet. Cet outil veut se placer la frontire des logiciels de gestion d'informations bibliographiques (information dmatrialise) et des logiciels de gestion de bibliothque (respect de normes, environnement Multi-Utilisateurs, etc.). Bibliopra offre ainsi la possibilit dune prsentation de linformation paramtrable ; l'indexation hirarchique ou par mots-cls ; la gestion tendue de "listes d'autorits" de mme que la possibilit d'importer des rfrences bibliographiques. Site officiel : http://www.mom.fr/bdd/bibliOnline/

Greenstone : Greenstone est une suite de logiciels pour la construction et la distribution de collections de bibliothques numriques. Elle fournit (d'aprs les auteurs) une nouvelle manire d'organiser et de publier de l'information sur Internet et sur CD-ROM. Greenstone est produit par le New Zeland Digital Library Project l'Universit de Waikato, il dvelopp et distribu en collaboration avec l'UNESCO et l'ONG Human info. C'est un logiciel libre et gratuit, multilingue, dit sous les termes de GNU General Public License. 53

Site officiel : http://www.greenstone.org/cgi-bin/library

Koha : Koha est un systme intgr de bibliothque libre. Tout comme Grenstone, Koha est produit en en Nouvelle-Zlande par le Horowhenua Library Trust et Katipo Communications Ltd, Koha est un package complet comprenant le catalogue, l'opac, la circulation et les acquisitions. Dvelopp par un groupe de volontaires du monde entier, koha propose un systme complet de catalogage, client z3950, circulation, acquisition et opac. La version 2.0 est multilingue et gre la norme MARC dans ses diffrentes dclinaisons (UNIMARC, MARC21) site francophone de koha : http://www.koha-fr.org/

Moccam : MoCCAM (Mon Catalogue Collectif A Moi) est un logiciel libre et gratuit qui permet des bibliothques de lecture publique ou des communauts de communes de mettre en rseau plusieurs bibliothques quipes de logiciels diffrents. site officiel de Moccam : http://server4.hosting.cri74.org/ccy2/

54

Titre : Chapitre IV - LA PUBLICATION ET l'ANIMATION DU PORTAIL Sommaire: I - L'hebergement II - La Promotion du portail II.1- La promotion hors ligne II.2 - La promotion en ligne (le rfrencecement) III- L'animation Introduction : La publication d'un portail est le fait de le copier sur un serveur afin qu'il soit visible sur l'Internet. Si le centre de documentation dispose de ressources matrielles et humaines adquates il peut hberger lui mme son portail. Autrement, il peut confier l'hbergement un prestataire de service. L'administration d'un serveur web ncessite des comptences spcifiques que seuls des spcialistes forms cette tche peuvent assurer. Aussi cette administration demande bien du temps en terme de maintenance ; de protection contre les attaques virales etc. Une telle activit risque de ne pas laisser trop de temps la gestion documentaire. Pour toutes ces raisons nous recommandons vivement l'hbergement du site chez un spcialiste. Nous tudierons particulirement ici le cas d'un hbergement l'extrieur (second cas). I - L'HEBERGEMENT L'hbergement consiste (dans le cas tudi ici) louer l'espace d'un ordinateur serveur reli en permanence Internet pour y placer son portail afin que celui-ci soit accessible en permanence. La socit qui gre le serveur demande en retour une contribution financire par mois ou par an, ou encore le fait gratuitement (ce qui ne garantit pas souvent un bon service). Internet tant international, l'emplacement du serveur lou n'a pas d'importance. Une fois que l'hbergeur est choisi, quel que soit sa localisation gographique les internautes seront en mesure d'accder au portail en utilisant l'URL ou encore l'adresse web du portail. Exemple d'URL : http://www.portaildoc.sn ou http://www.bibebad.sn). Une bonne socit d'hbergement propose tout un ensemble de fonctionnalits afin d'aider ses clients animer et maintenir leurs sites web. Il convient alors de se poser un certain nombre de questions sur l'hbergeur et son serveur avant de s'engager: 55

Vous devez particulirement vous poser les questions suivantes :

Sous quelle plate-forme tournera le serveur (Windows, Mac OS, Unix) ? Quel sera le serveur Web (Apache, IIS) ? Quels sont les avantages et les inconvnients de ce serveur (support technique interne, supporte des requtes simultanes, etc.) ? Avec qui devrais-je partager le serveur ? Seront-ils gourmands en matire de requtes au serveur ? Le serveur sera-t-il toujours surcharg ? Puis-je faire la mise jour des fichiers moi-mme ? De quelle manire (Exemple : FTP ; CD ; directement en ligne) ? Ce serveur est-il scuris ? Me permet-il de garder les donnes confidentielles ? Est-il bien protg contre les virus, les Hackers (pirates) ? Le serveur possde-t-il un logiciel de gestion de statistiques ? Etc. Un logiciel de statistique permet de savoir qui consulte mon site, d'o vient-il, quelles pages visite-il, pendant combien de temps. Les statistiques servent beaucoup l'animation du site . Aussi, elles (statistiques) aident valuer le portail (gnration de rapports sur la frquentation du site). C'est en effet un moyen de situer les intrts des usagers du site. Certains outils proposent mme des rapports cumuls (par semaines, mois, trimestre) et gnrent des courbes sur la frquentation du site. L'hbergement d'un portail implique :

Une procdure d'enregistrement de nom de domaine (ou adresse internet) ; On peut opter pour un enregistrement personnel de son nom de domaine ou en laisser la charge un spcialiste. Au Sngal, les noms de domaine sont grs par le centre de calcul informatique de l'Universit de Dakar (voir chapitre premier I.4).

l'amnagement d'un espace rserv pour tes fichiers sur un serveur ; Le transfert en mode FTP

Le FTP est un Protocole de Transfert de Fichiers. C'est la mthode la plus utilise pour transmettre les pages d'un site web au service qui l'heberge. Le fait d'envoyer les fichiers du site sur un serveur distant est le " uploading " ou tlchargement et le fait d'en rapatrier est le downloading " ou tldchargement (Ne pas faire la confusion). Le transfert en FTP ncessite un logiciel " client FTP " pour pouvoir faire ces oprations. Des logiciels FTP sont intgrs dans les outils de cration web que nous avons dj tudis (Frontpage, Dreamweaver) . Les logiciels FTP les plus connus actuellement sont WS-FTP, 56

Cute FTP, Filezilla... Pour les usagers de Macintosh, opter pour Fetch, Anarchie ou NetFinder. Il est possible de trouver ces logiciels dans des sites de tlchargement comme par exemple http://www.telecharger.com ou www.framasoft.com. Il est aussi possible de faire parvenir des fichiers sur disquette ou CD son hbergeur mais ces options demandent plus de temps de travaille et ne garantissent pas toujours un rsultat satisfaisant (perte de fichiers, le transfert ne se fait pas en temps rel, risque d'infection). Une autre option est l'envoie de fichiers attachs par une messagerie lectronique. Les CMS constituent aujourd'hui la solution la plus indique pour la mise en ligne d'un portail (Voir chapitre III sur les CMS) II - LA PROMOTION DU PORTAIL Le portail documentaire est conu pour tre consult par des internautes, il convient alors de veiller ce que son existence soit bien connue de tous les usagers potentiels. Il est donc essentiel de le promouvoir dans l'internet. La promotion d'un portail peut se faire de deux manires diffrentes : II.1 - La promotion hors ligne : La promotion hors ligne consiste se servir des outils de communication traditionnels pour annoncer l'existence du portail. Pour cela vous pouvez commencer par utiliser les supports institutionnels (brochures, affiches etc.) pour y mentionner l'adresse du portail. Aussi, l'adresse peut tre mentionne sur les cartes de visite, le papier en-tte et tous vos documents administratifs : Vous devez considrer que l'adresse du portail est le prolongement logique de vos adresses postales ou tlphoniques. Un autre moyen de promotion hors ligne, est de contacter les journaux et les revues spcialises pour les informer de l'existence du portail. Pour cela n'hsitez pas prparer un texte de prsentation contenant : La description de votre tablissement, ses activits ainsi qu'une prsentation prcise de votre nouveau portail. Les sminaires et confrences constituent des opportunit relles de prsentation d'un nouveau portail. Le bouche oreille peut aussi tre un moyen de communication efficace. Il 57

ne faut donc pas hsiter parler de votre portail vos amis, collgues et toute personne susceptible de s'intresser son contenu. II.2 - Le Rfrencement (la promotion en ligne):

Le rfrencement n'est pas simplement le fait d'inscrire l'URL d'un portail documentaire un annuaire. Il doit tre fait aprs l'hbergement du portail et il participe de la bonne visibilit de ce dernier. Le rfrencement doit par consquent tre intgr la politique de promotion de tout portail documentaire. Il peut se faire l'aide d'annuaires ou de moteurs de recherche mais dans l'un comme dans l'autre cas il obit une certaine taxinomie au moment mme de la conception des pages du site (voir chapitre III sur la structure d'une page HTML). Un portail documentaire bien rfrenc est un portail prsent dans la liste de sites proposes par un annuaire ou un moteur de recherche lors de la requte d'un internaute. Un annuaire (Yahoo, Nomade etc.) classe l'ensemble des sujets disponibles de faon thmatique. Rfrencer un portail dans un annuaire consiste alors l'inscrire dans une des rubriques proposes par l'annuaire selon le thme. Des spcialistes (cyber-documentalistes, ou cyber-journaliste se chargent de l'organisation et de la vrification des informations dans un annuaire d'o parfois le dcalage entre la date d'inscription du portail dans l'annuaire et sa date de publication. Le moteur de recherche (Google, AltaVista) quant lui, lance sur votre portail aprs votre demande, un robot indexeur pour lire l'ensemble des pages et en extraire les mots - cls. En principe, un moteur de recherche indexe tout seul les sites sans qu'il soit ncessaire de le demander. Cependant, mieux vaut ne pas l'attendre et demander son passage. La recherche sur le web s'effectue par catgories sur un annuaire et par mots cls sur un moteur de recherche (Voir cours de recherche sur internet). La bonne qualit d'un rfrencement est juge travers la couverture (prsence effective du site dans les outils de recherche) ; la pertinence (prsence dans les bonnes catgories des annuaires) ; le positionnement (tre prsent sur les premires pages).

II.3 - Les tapes du rfrencement

58

Le rfrencement ne doit se faire que lorsque vous tes sure de la qualit du contenu du portail propos aux internautes. Cela ne sert rien de rfrencer un portail qui contient encore plusieurs pages en construction, mieux vaut alors mettre du contenu "compact" et pertinent avant d'effectuer le rfrencement. Annoncer l'existence du portail auprs des diffrents outils de recherche est une tape aussi importante que les tapes de sa conception et du dveloppement de ses pages web. il est alors bien important de prparer le rfrencement : La prparation du rfrencement commence par l'optimisation des pages web (voir chapitre III, structure d'une page HTML, les meta donnes). Aussi, cette tape consiste prparer une fiche de rfrencement qui vous permettra de renseigner les formulaires des outils de recherche. Cette fiche doit contenir les lments suivants :

- Le titre du portail : Il doit contenir le ou les deux mots cls les plus importants ;

- L'adresse du portail : elle doit tre bien facile retenir;

- La description du portail : Il convient de rdiger une ou plusieurs descriptions de votre portail (par exemple un texte de 300 caractres et un autre de 150) afin de rpondre aux attentes des diffrents moteurs et annuaires de recherche. Il faut dcrire le portaill de faon simple (sujet, verbe, complments, etc..) et veiller y inscrire le maximum de mots-cls ; - Liste des catgories : Pour inscrire le portail dans un annuaire de recherche, il faut dterminer auparavant dans quelle(s) catgorie(s) il sera class. Les catgories doivent tre les plus reprsentatives possible de l'activit de l'organisme auquel appartient le portail en tenant compte de la cible vise; -Liste des mots-cls : Les mots-cls dterminent le rsultat d'une recherche. Ils permettent aux moteurs et annuaires de recherche de choisir votre portail lorsqu'ils correspondent la requte de l'Internaute.

- Etude de l'existant : Avant d'entamer tout rfrencement du portail, il il faut visiter les outils de recherche les plus utiliss et les interroger sur les mots - cls que vous avez lists dans la fiche de rfrencement. Le rsultat de vos recherches, particulirement les sites 59

s'affichant en tte de liste (donc les mieux rfrencs) donne une ide sur la manire d'apparatre en bonne place dans loutil interrog.

- Le bon choix des mots-cls : Si un mot ne figure pas dans le contenu effectif d'un portail, cela ne sert rien de le retenir comme mot cl. Le texte de votre page doit alors contenir le ou les mots-cls qui figurent dans votre titre afin que cette adquation reflte la "srnit" de votre choix de positionnement. Modalits de rfrencement dans les principaux annuaires de recherche francophones (Ce tableau est ralis partir donnes qui figurent dans le site abondance.com. (Mai 2003). il demeure la proprit de son auteur et du site abonndance.com.) AltaVista France Vrification host:monsite.com de la indique la liste des Hotbot Lycos France Voila

domain:monsite Tapez l'url dans le http://www.voila.fr/ .com indique la formulaire Informations/ Recherche/?PlusRef

prsence de pages de votre site vos pages prsentes dans

liste des pages de "domaine" de la votre site prsentes dans l'index Ajouter un Ajouter un

recherche avance TLWF

dans l'index l'index Nom et Ajout/suppression

Ajoutez un

adresse de la d'une fonction de soumission

sitehttp://www.h sitehttp://www.fr. sitehttp://www.voila. lycos fr/

URLhttp://addurl.alt otbot. avista

lycos.fr/submit.ht .de/ content/help/ Informations/ faq/zoom2.html Recherche/?submit

volontaire de .com/sites/frfr/help/ ml pages Informations demandes Vrification en temps rel Dlai de prise en compte Nombre addurl?t=11 URL + suite de

URL, adresse e- URL, adresse E- URL et adresse Email mail (pour confirmation) Oui Oui Non ( l'tude)

chiffres et de lettres mail resaisir Non

Une semaine (variable)

2 semaines (variable)

2 4 semaines (variable)

1 ou 2 jours (variable) Pas de limites

Pas plus de 1 ou 2, 5 20 au maximum Pas de limites

60

maximal de au maximum pages soumises dans une journe Dlai avant indexation "naturelle" 1 jour 1 mois des autres pages par le spider Dlai de rafrachisse 6 semaines ment de l'index Limites sur le nombre de pages indexes pour un mme site 400 pages environ Pas de limites connues (variable) 4 semaines (variable) (variable) 2 semaines environ (variable)

connues

4 semaines (variable)

1 ou 2 semaines (variable)

2 3 semaines (variable)

2 semaines (variable)

Pas de limites connues

Pas de limites officielles

En plus du rfrencement, la promotion en ligne peut consister publier un communiqu dans les Newsgroupes (groupes de discussions). Ces groupes runissent plusieurs acteurs intresss par un thme, un produit ou un service dtermin. Si le contenu de votre portail correspond au thme discut dans l'un de ces groupes, vous pourrez envoyer un message lectronique tous ses membres pour les informer de la naissance de l'existence de votre portail. Le rfrencement fait partie de la dynamique d'animation d'un portail. III - L'animation du portail Pour faire vivre, voluer et mettre jour un portail afin qu'il rponde aux attentes des usagers, le Documentaliste (responsable du projet) doit assurer, en partenariat avec tous les services 61

concerns (en mettant en place un comit ditorial), des fonctions d'impulsion, d'animation et de coordination. Ces fonctions peuvent tre rparties selon la typologie suivante : III.1- La Conduite de projet

Le documentaliste est le chef de projet pour la crations et l'animation du portail : Il anime les quipes et les accompagne depuis le cahier des charges jusqu' la mise en ligne du portail.

Il prend soin de (faire) raliser un portail dont la mise jour est accessible l'quipe, sur les plan technique, ditorial, mais galement en terme de charge de travail.

Il coordonne les activits de collecte d'informations et leurs traitements pour assurer une mise jour constante du portail.

Si la gestion du portail est dcentralise, il appartient au responsable de projet de former les diffrents intervenants chargs de la mise jour des pages du portail : " la mise jour d'un site consiste en 20 % de tches technique, et 80 % de rflexion ditoriale. Il faut donc prsenter, tout nouveau venu, non seulement l'outil technique permettant la mise en ligne, mais surtout la structure de l'information sur le site web, son architecture. Ce n'est qu' cette condition que le correspondant pourra tre force de canalisation (de l'information jusqu'aux pages web) et de proposition (cration ou modifications de contenu, d'architecture) ". Il repre les pages , non actualises, et relance les responsables concerns.

III.2- La gestion du portail

Le gestionnaire de l'information est au " centre " du portail documentaire : il garde en tte l'ensemble des informations et leur structure globale, leur articulation. Il dcide des liens qui doivent exister entre les diffrentes pages (ou sites du portail).

Il met en place et maintient la cohsion visuelle et fonctionnelle du portail (charte graphique) : les diffrents sites (ou parties) du portail bnficient d'une certaine autonomie en terme de contenu et d'organisation de celui-ci, mais galement en terme d'identit visuelle. Par exemple dans le cadre du portail d'une bibliothque universitaire il appartient chaque responsable de section de mettre jour les acquisitions de sa section. Il incombe cependant au chef de projet du portail de fixer les rgles et les espaces de cette autonomie, et de maintenir l'unit au sein de cette 62

diversit. En particulier, il met en place un systme unique de reprsentation des diffrents principes de navigation pour donner aux usagers une reprsentation mental du plan du portail. Il fixe ainsi les normes fonctionnelle (la charte graphique et technique) du portail.

La Mise en place d'un Guide des bonnes pratiques : Le guide dtaille les diffrents aspects mettre en uvre pour obtenir une ergonomie efficace, tant pour les sites web que pour le dveloppement d'applications web (il est discut et enrichi avec le service informatique).

L'inscription et la participation des fora et groupes de discussions : listes de discussion institutionnelles, ou mtiers. Le responsable du projet doit s'informer sur l'volution des pratiques.

Si le portail comporte un espace de discussion tel qu'un forum, il appartient au chef de projet de veiller son bon fonctionnement (modration) ou d'allouer cette tche un membre du comit ditorial capable de bien la mener.

L'analyse des statiques et la rdaction de rapports priodique sur la frquentation du portail documentaire peut donner plus de crdibilit ce dernier. C'est en effet un lment de motivation pour les dcideurs (Directeur ou suprieure hirarchique); la preuve matrielle d'un apport d'une valeur comparative du portail dans la communication globale d'une institutions. Si par exemple les statistiques dmontrent une bonne frquentation du portail l'institution pourra l'utiliser comme principal support publicitaire et faire des conomies sur le budget de communication de l'organisme (exemple d'un Centre culturel qui a besoin de communiquer son programme mensuel au publique).

Le rfrencement du portail est galement un lment de l'animation

III.3 - Partenariat avec le service de l'informatique

Le gestionnaire de l'information assiste le service informatique charg de la programmation des pages en rpondant en proposant des outils spcifiques (bases de donnes documentaires, forum, liste de diffusion, etc.) : Il ralise un cahier des charges, le transmet au service informatique, accompagne les runions de suivi de

63

dveloppement, veille (ou rdige) la rdaction d'une documentation pour les usagers "utilisateur" (en sus de la documentation "dveloppeur").

Il ralise, en partenariat avec les dveloppeurs web, un "guide des bonnes pratiques" pour l'ergonomie des dveloppements d'applications web. Ce document s'appuie sur les capacits du service, il est le fruit d'une relle collaboration, et s'enrichit chaque nouveau dveloppement (voir Charte technique, chapitre VI).

Il recherche les outils ncessaires la modernisation technique du portail (simplicit de gestion de la mise en ligne de l'information, outils collaboratifs, etc.) : dans cette tche commune, en partenariat avec le service de l'informatique, il apporte sa connaissance des utilisateurs, son savoir faire en terme d'indexation et de classification des informations.

Conclusion : La conduite d'un projet de portail documentaire ne se limite pas la programmation des pages (ou sites) qui le composent. Au del il convient de veiller lui (le portail) assurer un hbergement de qualit, une bonne promotion et une animation constante afin qu'il puisse rpondre la fois aux attentes de l'organisme de tutelle et aux besoins des usagers. La coordination d'une telle activit implique une prise en compte d'un certain nombre de considrations thiques et juridiques qui seront abordes dans le prochain chapitre du cours.

64

Titre : Chapitre V - CADRE ETHIQUE et JURIDIQUE Sommaires I - La protection du portail II - Les droits de proprit intellectuelle sur votre portail III - Le contrat portant sur la conception dun portail V - Utilisation des lments du portail qui appartiennent des tiers Introduction : Le portail documentaire d'une organisation peut constituer un outil essentiel de promotion des activits du centre de documentation mais aussi de l'organisation dont il dpend. Toutefois, mesure que le dveloppement des portails documentaires, et autres bibliothques virtuelles se dveloppent, le risque devient bien grand de voir des tiers copier la prsentation, lesprit gnral, certaines particularits ou encore le contenu de votre portail. Le risque est galement plus frquent dtre accus davoir utilis sans autorisation des actifs de proprit intellectuelle de tiers. Le prsent chapitre est une synthse ralise partir du site web de l'OMPI (Organisation Mondiale de la Proprit Intellectuelle). Il traite de certaines questions fondamentales dont il faut tenir compte avant de se lancer dans la cration d'un portail Web. I - La protection du portail I.1 - quels lments protger ? De nombreuses composantes de votre portail peuvent tre protges par diffrents types de droits de proprit intellectuelle. Par exemple : les logiciels, y compris les pages HTML utilises dans les sites Web, peuvent tre protgs par le droit dauteur ou par brevet, selon ce que prvoit la lgislation de votre pays; la conception de votre portail peut tre protge par le droit dauteur; Son contenu cratif (textes, photographies, lments graphiques) peut tre galement protg par le droit dauteur;

65

les bases de donnes peuvent tre protges par le droit dauteur ou par une lgislation sui generis sur les bases de donnes; les noms de domaine, les logos, les noms de produit, et dautres signes figurant sur votre portail peuvent tre protgs en tant que marques; les symboles graphiques crs par ordinateur, les images dcran, les interfaces utilisateur graphiques (GUI), voire des pages Web, peuvent tre protgs par la lgislation sur les dessins et modles industriels; les composants cachs de votre site Web (tels que des lments graphiques confidentiels, le code source, le code objet, des algorithmes, des programmes ou dautres descriptions techniques, des manuels dutilisateur, des structures de donnes et le contenu de bases de donnes) peuvent tre protgs, condition de ne pas les divulguer au public et de prendre des dispositions raisonnables pour maintenir leur confidentialit. I.2 - Comment protger votre portail ? Certaines mesures de prcaution sont ncessaires pour protger un site Web (portail) dune utilisation abusive. Elles peuvent consister notamment : a) Protger vos droits de proprit intellectuelle Si vous ne mettez pas au point des stratgies appropries pour protger vos actifs de proprit intellectuelle le plus tt possible, vous prenez le risque de perdre les droits juridiques qui sy rattachent. Vous devez donc : enregistrer un nom de domaine qui soit convivial et qui voque l'activit de votre structure, le nom de votre organisation ou un aspect de votre activit. Si cela est possible, il est conseill denregistrer votre nom de domaine galement en tant que marque, car vous serez ainsi mieux mme non seulement de faire respecter vos droits lgard de toute personne qui tente dutiliser ce nom pour proposer des produits et services semblables aux vtres, mais aussi dempcher toute personne de lenregistrer en tant que marque; faire enregistrer votre portail et le matriel protg au titre du droit dauteur dans les pays o cette possibilit est offerte par lintermdiaire dun bureau national du droit dauteur (BSDA par exemple au Sngal);

66

b) Informer les visiteurs de votre portail que son contenu est protg Nombreux sont ceux qui partent du principe que les lments se trouvant sur des sites Web peuvent tre librement utiliss. Rappelez vos visiteurs que vous tes titulaire de droits de proprit intellectuelle. Il est judicieux dassortir vos marques du symbole , des abrviations TM, SM ou dun symbole quivalent. De mme, vous pouvez recourir une mention de rserve du droit dauteur (le symbole ou le terme Copyright ou labrviation Copr.; le nom du titulaire du droit dauteur et lanne de la premire publication de luvre) afin davertir le public que le contenu de votre portail est protg au titre du droit dauteur. Une autre possibilit consiste recourir la technique du tatouage qui permet dincruster des informations sur le droit dauteur dans le contenu numrique lui-mme. Le tatouage numrique peut soit se prsenter sous une forme facilement reprable, trs semblable une mention de rserve du droit dauteur place sur lun des cts dune photographie, soit tre incorpor dans lensemble du document comme les textes imprims sur du papier filigran, ou encore tre intgr de faon le rendre normalement indtectable sauf si lon sait comment et o le trouver. Les tatouages visibles ont une fonction dissuasive, tandis que les tatouages invisibles peuvent contribuer la traabilit dune uvre en ligne et prouver le vol. Vous pouvez galement utiliser lhorodatage : il sagit dune indication associe au contenu numrique qui atteste ltat du contenu une date donne. Lhorodatage numrique rend alors difficile de modifier la fois le corps dun document numrique et les dates qui lui sont relatives et qui sont mmorises par le systme dexploitation (par exemple, la date de cration et la date de modification). Il est possible de faire appel un service dhorodatage spcialis afin de disposer dune source fiable en ce qui concerne linformation contenue dans lhorodate. c) Faire savoir aux utilisateurs comment ils peuvent utiliser le contenu du portail Envisagez dapposer une mention de rserve du droit dauteur sur chaque page de votre portail, qui nonce les conditions fixes par votre organisation pour lutilisation de la page. Ainsi, les visiteurs sauront au moins ce quils sont autoriss faire (par exemple, sils sont autoriss ou non crer des liens vers votre site, ou tlcharger ou imprimer certains lments depuis le site et quelles conditions) et avec quelle personne ils doivent se mettre en rapport pour obtenir un affranchissement des droits dauteur sur tout lment de votre site. 67

d) Contrler laccs au contenu de votre site Web et son utilisation Vous pouvez recourir des mesures techniques de protection pour restreindre laccs aux uvres publies sur votre portail aux visiteurs qui acceptent certaines conditions dutilisation de ces uvres ou qui ont pay pour cette utilisation. Les techniques ci-aprs sont communment utilises : Contrats en ligne. Ils sont frquemment utiliss afin de dlivrer aux visiteurs une licence restreinte leur permettant dutiliser le contenu disponible sur ou via votre portail. Cryptage. Gnralement, des logiciels, des phonogrammes et des uvres audiovisuelles peuvent tre crypts afin dempcher leur utilisation non autorise. Ainsi, lorsquun usager tldcharge un fichier, un logiciel spcialis entre en contact avec un organisme central pour soccuper des modalits de paiement, dcrypte le fichier et attribue une cl personnalise (par exemple, un mot de passe) au client pour quil puisse visualiser son contenu. Cette technique est largement utilise par les journaux qui vendent des informations en ligne des abonnes. Systmes de contrle daccs ou daccs conditionnel. Sous sa forme la plus simple, ce type de systme vrifie lidentit de lutilisateur, les identits des fichiers et les prrogatives dont chaque utilisateur jouit pour chaque fichier (lecture, modification, excution, etc.). Il existe de nombreuse faon de configurer laccs votre contenu lectronique. Par exemple, un document peut tre consult mais non imprim, ou utilis seulement pour une dure limite, ou encore tre rattach lordinateur sur lequel il a initialement t tlcharg.

La formation distance l'EBAD utilise bien ce procd. Les cours du Master M2 sont accessibles ceux qui dtiennent un mot de passe. Ils ne sont accessibles que pour un temps limits (la dure du module). II - Les droits de proprit intellectuelle sur votre portail En gnral, un site Web (portail) est une mosaque de composantes qui appartiennent souvent diffrentes personnes. Ainsi, la titularit des droits peut revenir une socit en ce qui concerne le logiciel de navigation, dautres personnes pour ce qui est des photographies, des lments graphiques et du texte, et enfin une autre encore pour ce qui est de la conception mme des pages du site.

68

Votre organisation na pas ncessairement besoin dtre titulaire des droits de proprit intellectuelle sur tous les lments de son portail, mais vous devez au moins savoir ce qui vous appartient, ce que vous avez le droit dutiliser, et selon quelles modalits, et ce que vous ne dtenez pas ou navez pas le droit dutiliser. Si votre portail a t conu par des agents de votre organisation recruts cette fin, dans la plupart des pays vous en tes le titulaire du droit dauteur, moins que vous en soyez convenu autrement avec vos salaris. Le plus souvent les organisations confient un prestataire extrieur la conception de leur portail ou la cration de son contenu et partent du principe quelles sont titulaires des droits de proprit intellectuelle qui sy rattachent, au motif quelles ont pay pour la ralisation de ce travail. Ce n'est pas forcment le cas, vous ntes pas titulaire des droits de proprit intellectuelle sur le produit qui a t cr pour vous. Les travailleurs indpendants (contrairement aux salaris) sont gnralement titulaires des droits de proprit intellectuelle attachs aux uvres quils crent mme si vous les avez rmunrs pour ce travail moins quil en soit convenu autrement dans un contrat crit. Concrtement, cela signifie que le concepteur indpendant d'un portail est gnralement titulaire du droit dauteur et dautres droits de proprit intellectuelle sur le portail quil a cr, sur la conception ainsi que sur les lments contribuant cette conception (tels que les couleurs, les images, les hyperliens et le format de prsentation des textes etc.). Sans un accord crit et valable conclu leffet de vous cder lintgralit de ces droits, vous risquez de ne pas tre propritaire des droits de proprit intellectuelles sur votre propre portail. Tout au plus, le concepteur ne vous accordera quune licence non exclusive dutilisation de votre propre portail. Exemple : vous faites appel un concepteur indpendant pour crer votre portail. Un contrat de cession de tous les droits en votre faveur nayant pas t conclu, le concepteur est titulaire du droit dauteur. Lanne suivante, vous souhaitez actualiser votre portail documentaire et apporter des modifications sa prsentation. cette fin, en vertu de la plupart des lois sur le droit dauteur, vous devrez obtenir lautorisation du concepteur et vous serez peut-tre tenu de vous acquitter dune taxe supplmentaire pour actualiser votre portail. Il est alors vivement recommand de conclure avec le concepteur du portail Web un contrat crit indiquant clairement la titularit des droits de proprit intellectuelle pour chaque lment du portail. 69

III - Le contrat portant sur la conception dun portail

Lorsque vous ngociez un contrat avec un concepteur en vue de la cration concrte de votre portail documentaire, vous devez avoir une vision long terme claire des dbouchs qui existent pour votre produit ou votre service. Un accord satisfaisant doit vous accorder tous les droits dont vous avez besoin aux fins de lutilisation future prvisible de votre portail. Le contrat relatif la conception de votre portail Web doit porter au moins sur les questions suivantes : a) tendue du travail raliser Dfinissez exactement ce qui sera labor. Le concepteur sera-t-il charg non seulement du codage informatique, mais galement de la conception et de laspect du site ? Enregistrera-t-il un nom de domaine ? Assurera-t-il des services de conseil ? La maintenance et lactualisation de votre portail lui incomberont-elles ? etc. b) Titularit des droits sur le matriel Indiquez avec prcision qui est le titulaire des droits sur chaque lment du portail. Assurez-vous que vous obtenez la titularit des droits ou une licence suffisamment large en vue de lutilisation que vous prvoyez de faire de votre portail. Tenez compte des points suivants : Qui est titulaire des droits de proprit intellectuelle sur les diffrents composants du site Web qui sont crs par le concepteur du portail (par exemple, les codes informatiques, les lments graphiques, le texte, la conception du site, les fichiers numriques utiliss pour la cration du site, etc.) ? Qui est titulaire des droits de proprit intellectuelle sur les lments que vous avez fournis au concepteur aux fins de leur utilisation sur le portail ? Dordinaire, vous serez amen lui procurer des marques, des logos de produits, des textes et dautres lments dont vous tre propritaire. Il serait prudent de faire figurer dans le contrat une liste des lments du site qui indique clairement que vous tre titulaire des droits sur ce matriel. En ce qui concerne tout lment sur lequel une personne autre que vous-mme ou que le concepteur du portail est titulaire des droits de proprit intellectuelle (il peut sagir par exemple dlments, tels que du texte, des marques ou des logiciels), qui revient la responsabilit dobtenir lautorisation dutiliser ce matriel ?

70

Le concepteur peut-il se servir de la conception de votre site Web comme modle pour dautres sites? Peut-il concder sous licence d'autres organisations les logiciels ou tout autre lment intgr dans votre portail ? c) Garanties Chaque partie doit certifier quelle est propritaire du matriel quelle fournit aux fins de llaboration du site Web ou quelle est autorise lutiliser et que ce contenu nest contraire aucune loi ni aucun rglement. d) Maintenance et mise jour La maintenance dun site consiste notamment apporter des modifications, le mettre jour et remdier dventuels problmes ou dysfonctionnements. Vous devez mentionner prcisment le degr de maintenance voulu et les conditions financires. Le concepteur sera-t-il charg dactualiser votre portail et, dans laffirmative, quelle frquence ? Quel type de travail lui sera confi ? Quelles mesures prendra-t-il en cas dinterruption du service ou de panne? e) Confidentialit Ds lors que vous divulguez des informations confidentielles concernant votre activit ou que vous autorisez laccs vos installations, vous devez prvoir une clause de confidentialit ou de non-divulgation dans le contrat relatif la conception du portail. Vous pourrez ainsi tre protg contre la divulgation non autorise de donnes personnelles sur vos adhrents (adresse, tlphones, mails etc.). f) Responsabilit qui incombe la responsabilit des liens vers dautres sites et de la dsignation de mots cls et de mtabalises ? g) Divers Le contrat relatif la conception de votre portail Web devra galement comporter des clauses concernant les taxes et les modalits de paiement, lindemnisation, la limitation de la responsabilit, la comptence judiciaire, le droit applicable, etc. V - Utilisation des lments du portail qui appartiennent des tiers

Il est relativement facile, avec les moyens techniques actuels, dutiliser les lments de votre portail qui ont t crs par des tiers quil sagisse de films, de photographies, dlments graphiques, de clips vido, de logiciels, de textes, etc. Le fait quil soit techniquement ais dutiliser et de copier ces uvres ne vous donne pas juridiquement le droit de le faire. Lutilisation dlments sans autorisation cest--dire sans cession des droits ou sans licence peut tre lourde de consquences. 71

a) Utiliser des outils techniques appartenant dautres personnes Si vous utilisez un forum, une messagerie lectronique, un moteur de recherche ou un autre outil technique de lInternet pour votre site Web, assurez-vous que vous disposez dun accord de licence crit et faites le vrifier par un juriste avant de le signer et avant la conception et linstallation de votre site. b) Utiliser des logiciels appartenant des tiers La cession sous licence de progiciels se fait souvent au moment de lachat. En effet, les conditions de la licence (communment appele licence sous plastique) figurent gnralement sur lemballage, qui peut tre retourn si vous ne les acceptez pas. En ouvrant lemballage, vous vous engagez accepter les conditions de la licence. Selon une autre formule, laccord de licence est intgr dans le progiciel lui-mme. Dans tous les cas, vous devez prendre connaissance de cet accord afin de connatre lutilisation que vous pouvez faire ou ne pas faire du logiciel que vous venez dacqurir. c) Utiliser des uvres de tiers protges par le droit dauteur Si vous souhaitez que votre portail comporte des documents, des photographies, des vidos, des logos, des uvres dart, des dessins anims, des bases de donnes originales, des manuels de formation, des dessins, etc. qui ne vous appartiennent pas, vous devez normalement disposer de lautorisation crite du titulaire des droits. Mme si vous utilisez seulement en partie une uvre protge, il vous faudra gnralement obtenir une autorisation. Il convient galement de noter que le matriel disponible sur lInternet ou archiv sur des serveurs du rseau est protg au titre du droit dauteur de la mme faon que les uvres publies sur dautres supports. Le simple fait dobtenir du matriel depuis lInternet ne signifie pas que vous pouvez le tlcharger ou le reproduire librement. Par ailleurs, il y a lieu dtre particulirement prudent lorsque vous utilisez des photographies sur votre site Web. Outre lautorisation du titulaire des droits sur la photographie (en gnral le photographe), vous devrez aussi obtenir une autre autorisation concernant le sujet mme de la photographie. En effet, si la photographie reprsente une personne, vous devrez demander celle-ci lautorisation dutiliser son image. Sagissant dune photographie dune uvre dart protge par le droit dauteur, vous devrez obtenir lautorisation de lartiste; et sagissant de photographies de btiments, il se peut que vous ayez besoin, de lautorisation de larchitecte.

72

Se mettre en rapport avec le titulaire des droits et obtenir toutes les licences ncessaires nest pas toujours une tche aise. Dans la pratique, les concepteurs du portail et les entreprises qui crent leur propre site ont souvent recours du matriel qui se trouve dans le domaine public. Un bon nombre dentits (bibliothques, archives nationales, socits de gestion collective) et de portails en ligne disposent de bases de donnes rassemblant des uvres qui se trouvent dans le domaine public. Des artistes et des entreprises proposent mme des uvres dart, des photographies, des fonds dcran, des papiers peints, des bannires, des photos et dautres lments gratuitement en vue de certaines utilisations. On dsigne souvent ces produits par les termes clipart, logiciels gratuits, partagiciels ou uvres libres de droit. Toutefois, il ne faut pas en dduire que vous pouvez diffuser ou copier des logiciels gratuits ad libidum. Il convient en effet de prendre dabord connaissance des accords de licence applicables afin de savoir quelles utilisations peuvent tre faites de ces uvres. Lorsque vous utilisez une uvre protge sur votre portail, vous avez aussi lobligation juridique de respecter le droit moral de lauteur. Vous devez donc veiller : assortir luvre du nom de lauteur; ne pas utiliser ou modifier luvre dune faon tendant porter atteinte lhonneur ou la rputation de lauteur. Ainsi, il se peut que vous ne soyez pas autoris coloriser une image, ni redimensionner une uvre dart ou en modifier les couleurs, ou encore lui imprimer une rotation, sans lautorisation de son auteur. Conseils Quel que soit le matriel pour lequel vous demandez une autorisation, vous devez clairement dlimiter le champ dapplication de votre licence. Rflchissez soigneusement aux droits dont vous aurez besoin aux fins de lexploitation prsente et future du matriel pour lequel vous sollicitez une autorisation. Par exemple, quel usage comptez-vous en faire (information des lecteurs, promotion de vos services, buts ducatifs, etc.); sous quelle forme (seulement pour votre site Web ou galement pour des supports imprims); pour quelle dure; dans quelles langues; souhaitez-vous tre autoris concder des sous-licences pour ces droits ? etc. Vous devez galement obtenir du donneur de licence une garantie comme quoi le matriel en question ne porte pas atteinte aux droits dun tiers quel quil soit. Il peut tre utile de faire appel un juriste pour vous aider ngocier les conditions de laccord de licence.

73

Pour crer, publier, tenir jour ou perfectionner un site Web (portail): que faut-il savoir ? Exploiter un portail Web ne va pas sans un certain nombre de risques. Voici quelques conseils en vue dassurer la lgalit de votre site. a) Faites attention aux liens Les liens hypertextes vers dautres sites Web constituent un service utile pour vos clients, mais la lgislation de nombreux pays nindique pas clairement quand et comment vous pouvez les utiliser. Dans la plupart des cas, linsertion de liens est entirement lgale et par consquent il ny a pas lieu de solliciter lautorisation du propritaire du site concern. Toutefois, certains types de liens peuvent engager votre responsabilit juridique : Les liens qui renvoient les utilisateurs des sites comportant un contenu illgal (la copie pirate dune chanson par exemple, ou un programme logiciel illicite) peuvent engager votre responsabilit juridique. Les liens incluant le logo dune entreprise (par exemple le logo de Nike) peuvent porter atteinte au droit dauteur, au droit des marques ou la lgislation sur la concurrence dloyale. Il est donc judicieux dobtenir une autorisation en ce qui les concerne. Les liens profonds sont des liens qui permettent de consulter directement une page dtermine sans passer par la page daccueil dun site Web. Par exemple, au lieu daboutir sur la page daccueil dun quotidien, un lien profond pourrait renvoyer directement lutilisateur un article affich sur le site de ce quotidien. Linsertion de liens profonds nest gnralement pas autorise si elle constitue une faon de contourner un mcanisme dabonnement ou de paiement ou si elle est expressment interdite par loprateur du site lui-mme. Dans ce cas, il est ncessaire dobtenir une autorisation. L'architecture en frame consiste scinder votre page Web en zones indpendantes et afficher le contenu du site dun tiers lintrieur de l'un des cadres du site (voir chap 2 sur la conception du site, paragraphe I.2 Organisation de la navigation). La diffrence avec linsertion dun lien ordinaire rside dans le fait quil nest pas vident pour lutilisateur ainsi orient sur un autre site Web de sapercevoir que ce quil consulte provient en fait dun site extrieur. La capture ou le calque dobjets consiste incorporer sur votre propre site Web un fichier graphique provenant dun autre site Web. Cest par exemple le cas lorsquun visiteur 74

de votre portail peut lire un article prsent dans un autre site sans quitter votre portail. L'utilisation des frames peut prter confusion, car elle peut donner penser que linformation fait partie du site Web appliquant ces techniques. Veuillez toujours obtenir une autorisation par crit avant dy recourir. b) Faites attention au mtabalisage Les mtabalises sont des mots cls ou des phrases qui sont intgrs dans un code HTML dun site Web et qui, tout en tant imperceptibles pour les visiteurs du site, peuvent tre lus par certains moteurs de recherche. En thorie, elles sont un moyen pour les concepteurs de sites de fournir des informations permettant aux moteurs de recherche de gagner en efficacit. Toutefois, au lieu dutiliser des termes qui dcrivent proprement parler le site, certains concepteurs insrent le nom de grande marques dans leurs mtabalises. Par exemple, une petite bibliothque de quartier peut dissimuler le mot library of congress dans une mtabalise. Ainsi, toute personne effectuant une recherche partir du terme libary of congres aboutirait sur le site de cette bibliothque. Cette pratique est bien souvent utilise dans le domaine du benchmarking (veille concurrentielle). Ce type dutilisation trompeuse de la marque dune autre socit dans une mtabalise peut constituer un acte de concurrence dloyale ou une atteinte au droit des marques. c) Bien choisir votre nom de domaine Assurez-vous que vous nentrez pas en conflit avec une marque ou une autre dnomination existante (les noms dorganisations, les noms de personnes, les noms commerciaux et les indications gographiques). Il est donc vivement conseill deffectuer une recherche sur le nom que vous souhaitez prendre avant de le faire enregistrer, tant donn que gnralement les units denregistrement ne vrifient pas si un nom de domaine propos porte atteinte ou non une marque existante. Si votre nom de domaine entrerait en conflit avec la marque dun tiers, vous risquez de perdre votre droit sur ce nom si le propritaire de la marque engage une action judiciaire contre vous. Certains sites web donnent la possibilit de vrifier si un nom de domaine est libre ou non. d) Respecter les donnes personnelles de tiers Dans le cas o votre site Web recueille des informations sur ses usagers, veillez respecter la lgislation applicable sur le respect de la vie prive ou sur la protection des donnes. Il vous faudra peut-tre prendre certaines dispositions afin de garantir aux utilisateurs que les informations permettant de les identifier sont protges, et afficher sur votre site des rgles de confidentialit claires.

75

e) Supprimer immdiatement tout matriel litigieux Si une personne se plaint dune utilisation non autorise en rapport avec votre portail, vous devez retirer llment incrimin (ou dsactiver le lien correspondant) en attendant le rglement du litige. Continuer dutiliser un lment en violation des droits dautrui, aprs avoir t inform de la situation, peut constituer une circonstance aggravante, accrotre le risque dtre considr comme responsable et faire augmenter le montant des dommages-intrts verser. g) Afficher des mentions de rserve et des avertissements Les mentions de rserve et les avertissements constituent rarement une panace contre toutes les plaintes en justice, mais ils peuvent limiter, voire dgager, votre responsabilit ds lors quils sont rdigs en termes clairs et affichs de manire visible. Vous pourriez faire apparatre un emplacement visible de votre site lavertissement suivant : Le prsent portail fournit des liens vers dautres sites, mais nous ne saurions tre tenus responsables de linformation figurant sur ces sites ni des mthodes qui y sont appliques, ni une quelconque approbation. h) Autres questions juridiques Il serait avis de consulter un juriste spcialis dans le droit de lInternet pour vous assurer que votre portail est conforme la lgislation applicable. Les questions que vous souhaiterez ventuellement examiner sont notamment les suivantes : Quelle est votre responsabilit, en tant que propritaire du portail ? quoi devez-vous faire attention lorsque vous concluez des contrats avec des personnes fournissant un contenu pour votre portail ? Si vous autorisez des personnes afficher un contenu ou des observations sur votre site, avez-vous besoin de fixer des rgles relatives au traitement de ces lments ? Si votre portail comporte de la publicit, sur quelles questions votre contrat publicitaire en ligne doit-il porter ? tes-vous tenu de respecter une lgislation ou une rglementation dtermines ? Est-il conseill davoir recours des modes extrajudiciaires de rglement des litiges comme larbitrage et la mdiation ?

76

Conclusion :

Les portails Web sont souvent lorigine dactions en justice pour atteinte des droits. Si vous ne faites pas preuve de prudence, vous risquez de perdre vos droits de proprit intellectuelle ou dtre jug responsable dune atteinte aux droits de proprit intellectuelle d'autrui. Nous avons juste exploit la littrature disponible sur interent pour vous fournir quelques conseils susceptibles daider les organisations mieux protger leurs portails Web et leurs contenus et, partant, dviter des problmes juridiques. Avant de se lancer dans la rdaction d'un quelconque contrat avec des tiers, il convient de s'attacher les services d'un juriste spcialis dans le droit de lInternet au sujet de questions de proprit intellectuelle ainsi que dautres proccupations dordre juridique lies la cration et lexploitation dun site Web.

77

Titre : Chapitre VI - METHODOLOGIE Sommaire : I - L Etude de faisabilit II- Le Cahier des charges III - Les chartes I.3 - La Charte Technique I.4 - La charte graphique

Introduction : La conception dun portail documentaire doit rpondre un certain nombre dexigences que ncessite la conduite dun projet professionnel. En lespce il est essentiel danalyser les besoins, la pertinence du projet et la mthodologie de mise en application. Il convient par consquent de passer par des tapes prliminaires que sont :

L'Etude de faisabilit ; La rdaction dun cahier des charges ; La Dfinition des chartes graphiques et techniques.

La dfinition dune mthodologie est normalement la premire tape dans la cration dun portail. Cest alors par souci pdagogique (pour permettre lapprenant de se familiariser avec les concepts et techniques qui entrent en ligne dans le projet du portail) que nous tudions la mthodologie en dernier lieu. Aussi, ce chapitre rsume tout ce qui a t dit dans les chapitres prcdents. I - LETUDE DE FAISABILITE La conception dun portail documentaire ncessite une analyse des besoins des usagers potentiels du portail. Cette phase est indispensable la russite de votre projet. Ltude de faisabilit doit par ailleurs guider la rdaction du cahier des charges (ou plan directeur) qui sera le document de base du projet. Il permet par ailleurs aux Dcideurs (Directeur de la bibliothque ou de linstitut auquel le centre de documentaire est rattach) de valider le choix et les orientations du portail.

78

1. Dfinir les objectifs - Communication dinformation - Proposition de services - Interrogation de bases de donnes - Liste de diffusion - Forum 2. Qualifier la cible - Dterminer la qualit et la quantit du public cible - Mise en place dun intranet ou internet - Connaissance de lenvironnement internet du public 3. Etudier lenvironnement - Le projet est-il original ? - Adopter une dmarche permanente de recherche, - Analyser les sites similaires pour en extraire les forces et les limites - Recherche, Echange et Utilisation des bonnes pratiques 4. Evaluer le degr de connaissance et lutilisation dInternet dans son organisation - Equipement informatique, connaissance et matrise de loutil, type de services utiliss. - Evaluation du niveau de connaissance de tous les agents du centre de documentation qui doivent contribuer au dveloppement du projet de portail. Il est possible partir de cette tape de se prononcer sur la pertinence ou non de la ralisation du portail documentaire. 5. Inventorier les ressources - Matriel existant Il est important de procder une mobilisation des ressources disponibles afin de ne pas investir de lnergie refaire quelque chose qui existe dj. Cest partir de vos objectifs gnraux que des champs de recherche sont fixs et que le matriel pertinent est slectionn. 79

Celui ci devra tre analys afin de sassurer quil rpond bien vos besoins. Si le matriel nest pas adquat, vous pouvez entrer en contact avec son concepteur afin de lajuster selon vos besoins. Si cela savre impossible, vous devrez valuer si ce matriel est vraiment indispensable, sil peut tre utilis comme tel ou sil faut en crer une nouvelle version : Exemple dune base donnes Isis que vous souhaitez mettre en ligne. - Ressources humaines La conception d'un bon et beau portail documentaire ncessite de multiples habilets qu'une seule personne possde rarement. Vous gagnerez vous entourer de personnes qualifies pour chacun des aspects de votre portail.

Gnralement, une quipe d'au moins quatre personnes est ncessaire, soit : 1. Un spcialiste du contenu (vous-mme), c'est--dire le Documentaliste qui a pour tches principales : A. identifier les objectifs; B. concevoir le contenu ; C. dfinir lergonomie du portail D. choisir l'encadrement. E. choisir le matriel pertinent F. dfinir les chartes graphiques et techniques G. rdiger le cahier des charges du projet 2. Une quipe multimdia qui ralise du matriel de qualit adapt pour les sites Web (mise en page du texte, image, son, vido, animation) . 3. Un informaticien qui programme les pages-crans, l'interactivit, lintgration des bases de donnes, linterface utilisateur etc.

4. Aussi quelques lments bien aviss du personnel de votre centre de documentation peuvent mettre chaque tape un avis technique sur lorganisation de linformation et le contenu du portail. - Ressources documentaires Il est ncessaire de faire linventaire des ressources documentaires disponibles en interne :

80

types dinformations, types de supports, (fichiers informatiques, fiches bibliographiques, documents scanner, images etc.) 6. Mesurer limpact du portail en interne - Disponibilit de chaque service pour la mise en uvre du projet, - Estimation des ressources ncessaires pour ladministration et la gestion du site, rpartition des tches, - Evaluation des formations techniques sur internet ncessaires, recrutement au besoin. 7. Le niveau dexternalisation du projet Selon que lon dcide ou non de confier une partie des tches ou tout des prestataires (conception, hbergement, rfrencement, mise jour et animation). 8. La Planification du travail - Elaboration dun calendrier de ralisation avec rpartition des tches - Dtermination de la date prvisionnelle de lancement du portail 9. Analyse des cots Les cots dpendent du contenu, de l'interactivit et de l'aspect graphique dsirs pour le portail. Le budget sera donc subdivis entre la rdaction du contenu, la production du matriel multimdia et la programmation. Le coup dpend largement de la taille de votre contenu, le matriel multimdia dsir et les besoins d'interactivit. Pour obtenir une valuation juste des cots de production d'un portail documentaire, il faut laborer un scnario dtaill du portail, avec le type d'interactivit souhait, et dfinir ses besoins en matire de conception, de ralisation, de production multimdia, de gestion de donnes, de scurit, de rfrencement et d'hbergement du portail. Le budget prvisionnel implique alors en dehors de la cration proprement dite du portail le rfrencement, la promotion, lanimation visuelle et ditoriale, la maintenance des outils (serveur, bases de donnes, mise jour des logiciels).

81

10. Implication juridique - Dclaration du portail - Cot dachat des uvres protges - Etablissement des diffrents contrats avec les prestataires (informaticien, graphiste, hbergement, publicit etc.) II - LE CAHIER DES CHARGES La conduite de tout projet informatique ou documentaire ncessite la rdaction dun cahier des charges. La conception dun portail documentaire nchappe par consquent pas cette rgle. Le cahier des charges permet de formaliser les objectifs et les contraintes du projet. Il a plus spcifiquement pour objet de :

Dfinir les objectifs que doit atteindre le portail, Minimiser les erreurs pendant la ralisation du projet, Prciser les contraintes respecter, Prciser le rle et les responsabilits de chaque acteur du projet, Veiller au respect de la charte technique et graphique du portail.

Le cahier des charges est en quelque sorte le schma directeur ou document de rfrence qui dicte la conduite du projet. Il dcrit plus spcifiquement lorganisation structure du portail : . Organisation et hirarchisation de linformation Le document lectronique a fortement modifi la manire de lire des usagers, par rapport la version papier. En effet, sa lecture n'est plus linaire et systmatique (voir module 2). Pour russir motiver et favoriser la lecture en ligne des documents, il faut adapter le texte au mdium, ce qui signifie rendre l'information plus accessible, la synthtiser, la morceler en paragraphe.

Voici quelques rgles :

Etre bref et prcis; Prsenter le rsum sil existe en dbut de texte; Se servir des liens, de l'interactivit quoffre lInternet; 82

Intgrer des ancres dans les longs textes; Offrir une version imprimable des pages qui contiennent beaucoup dimages. Organiser le contenu, c'est le dfinir, le dcouper en petites units, hirarchiser les connaissances et planifier l'ordre de prsentation. Ceci permet de concevoir un plan reprsentant la structure du portail et les cheminements possibles l'intrieur de cette structure (voir chapitre 1 sur la navigation). L'information doit tre synthtise et structure de faon cohrente afin de faciliter sa comprhension. Les textes sont analyss, rsums et dcoups par tranche d'information. Cette dmarche permet d'purer les textes, d'liminer du contenu et, ainsi, de mieux cadrer les objectifs de communication du portail. Lorsque tout le contenu est structur, des units smantiques (ples dinformation) compltes et autonomes sont constitues, afin de faciliter le traitement mental de l'information, la mise jour et les combinaisons logiques entre ces units, soit : la structuration du contenu en units logiques; l'identification de la hirarchie d'importance et de la gnralit; l'tablissement de la structure relationnelle entre les units; Il convient ici de dfinir avec prcision les rubriques de regroupement de linformation. Dcouper chaque rubrique en sous rubriques tout en vitant de descendre plus de trois niveaux dinformation pour ne pas rendre difficile laccs linformation.

. Identification des pages types Accueil, actualit, pages thmatiques, inscription, moteur de recherche, plan du site, dossiers etc.

. Distribution de linformation Quantification du volume de chaque thme pour rquilibrer, synthtiser, transfigurer, . Identification du contenu de chaque page

. Navigation et ergonomie : dterminer des scnarii de consultation Il faut dans cette partie opter pour une structure simple qui facilite la navigation dans le portail. (Cette partie est tudie plus en dtail dans le module II conception du portail). 83

Le cahier des charges peut tre doubl dun autre (ou dautres) document (s) qui comporte (ent) les spcifications techniques et graphiques. Ce (s) document (s) est (sont) plus connu (s) sous le nom de charte technique et charte graphique du portail. Rsum du Cahier des charges :

1. Dfinition des objectifs et de la stratgie : 2. Identification des besoins a. Le Contenu i. Type dinformation ii. Hirarchisation de linformation iii. Dfinition des scnarii de consultation

b. Orientation graphique i. Dfinition de la charte graphique ii. Photographie/iconographie

c. Types et besoins de comptences i. En informatique ii. En information, documentation iii. En graphisme iv. En communication et marketing 3. Ralisation du site a. Inventaire des ressources disponibles et crer i. Donnes textuelles ii. Bases de donnes iii. Donnes iconographiques iv. Liens externes

b. Ergonomie et politique ditoriale i. Architecture du portail ii. Organisation du schma avec lien de navigation 84

iii. Conception de linterface iv. Conception des pages

c. Programmation des pages i. Normes dcriture : HTML ii. CSS iii. Images : GIF, JPEG, PNG iv. Animation : flash, shockwave v. Interactivit des pages : javaScript, XML, PHP

d. Vrification du portail i. Qualit et compatibilit du HTML ii. Validit des liens iii. Temps de chargement

e. Rpartition des tches et responsabilits des intervenants i. Liste des intervenants ii. Attributions et responsabilits 4. Aspect technique et dveloppement informatique a. Plate-forme et environnement informatique i. Choix de la machine serveur ii. Choix du logiciel serveur iii. Choix de lditeur HTML iv. Choix des logiciels graphiques

b. Mise en place du serveur HTTPD

c. Installation des bases de donnes i. Langage serveur : ASP, PHP, PERL ii. SGBD : Mysql ; Access, WWWISIS etc. 85

d. Ouverture de compte FTP i. Compte SMPT/POP ii. Liste de diffusion iii. Forum 5. Mise en place du Serveur a. Hbergement et DNS (Domaine Name Server) i. Hbergement ii. Installation de site miroir iii. Choix du nom de domaine

b. Dclaration officielle du site i. Demande dadresse IP et de nom de domaine ii. Copyright

c. Rfrencement et promotion i. Rfrencement en ligne ii. Rfrencement hors ligne iii. Promotion et Marketing

d. Mise jour et animation du portail i. Mise jour en ligne ; FTP etc. ii. Evolution vers un portail communautaire (exp. service commun de la documentation des bibliothques de lUCAD + UGB) 6. Calendrier dexcution et mode de mise jour a. Ralisation dune maquette b. Tests internes et externes c. Rglages d. Ralisation du portail en intgralit e. Validation et tests f. Mise en ligne

86

7. Budget Il ne faut surtout pas rester muet sur le budget. Donnez-vous au moins une fourchette. Par exemple: de 3 500 000 F 4 500 000 si vous envisagez de dpenser environ 4 000 000 F. Demander 3 ou 4 prestataires de vous faire une offre pour pouvoir tablir un budget prvisionnel. 8. Suivi et valuation a. Statistiques de consultation b. Evaluation des rsultats III - LA DEFINITION DES CHARTES III.1 - La Charte Technique Comme son nom lindique, la charte technique dtermine tous les choix relatifs larborescence, au nom des fichiers, aux modalits de publication etc. Elle constitue donc un document de rfrence pour tous les acteurs du portail. Elle relve de lentire responsabilit du chef de projet (vous) qui la charge de sa rdaction, de sa mise jour et de sa conservation. La charte technique permet de dfinir plus spcifiquement : - La structuration et lorganisation du contenu - Larchitecture technique (arborescence, noms de fichier, dossiers - Mode de navigation : pages simples avec sommaire, frames, images cliquables(voir chapitres prcdents) - Une bibliothque dimages - Les outils mobiliser - Les modalits et frquences de mise jour (FTP, par disquette envoye lhbergeur, chaque jour, chaque mois, par trimestre etc.) III.2 - La charte graphique La charte graphique dfinit lensemble des choix graphique dun site web. La charte graphique de tout portail documentaire doit se conformer celle de son organisme de tutelle pour dautres produits.

87

La charte graphique est une normalisation de la prsentation du portail et elle comporte les lments suivants: - Les lments didentification de lorganisation : Logo, couleurs (choix et nombre), police, images, bannires etc. - Arrire plan, neutre, en couleur ou mosaque - Texte : organisation, polices, couleur des titres, sous titres, textes - Elments de navigation ; boutons, flches, menus, puces, listes droulantes etc. - Modle de mise en page Conclusion : Le portail web doit rpondre aux soucis de la simplicit et de la rapidit. Il nest que le support dun service rendu des usagers et ne doit donc pas gner laccs ce service. En somme il convient de retenir dans cette tape de notre parcours (fin du cours) que la cration dun portail documentaire doit obir une dmarche mthodique qui passe tout dabord par une tude de faisabilit, la rdaction dun cahier des charges ; la dfinition dune charte graphique et technique.

88