Conduite de Projet Web

N i c o l a s

C h u

Russirde

un projet

site web Groupe Eyrolles, 2003, ISBN 2-212-11226-2

Mthodologie de conduite de projet webProj e t w ebSOMMAIRE

1

Plan du site | trame des pages | architecture web | ralisation | dveloppement web

B La dfinition du projet B La conception du site B La ralisation du site B La mise en ligne B La protection des donnesMOTS-CLS

B Gestion de projet B Dfinition B Expression des besoins B Plan du site B Trame des pages B Architecture web B Ralisation B Dveloppement web B Recettes et tests B Lancement B Organisation

FOn commet souvent lerreur de ne pas considrer la mise en place dun site web comme un projet part entire. Or, comme toute application informatique, un site web ncessite dtre dfini, puis conu, avant dtre ralis, sans oublier quil existe aussi un aprs projet , qui devra tre prpar exploitation, promotion, animation

Eyrolles, 2002

Russir un projet de site web

Phase 1 : dfinir un projetT Projet

Nous pouvons dfinir un projet comme la ralisation dune prestation correspondant lexpression dun besoin, suivant un dlai et un budget donns.T Primtre dun projet

La ralisation dun projet implique des actions entreprendre, avec des ressources humaines et financires plus ou moins limites, dans un dlai plus ou moins impratif, un niveau dfini de qualit. Ces trois engagements intrinsques qualit, dlais et cot dfinissent le primtre du projet.

La dfinition est la phase la plus importante dun projet. De nombreux projets de cration de sites web chouent en raison dun cadrage initial insuffisant : les besoins ont t trop peu ou mal dfinis, aucune stratgie na t clairement identifie, aucun budget na t prvu pour lexploitation... La phase de dfinition permet didentifier le primtre initial du projet et dtablir lorganisation et les moyens ncessaires sa mise en uvre. Il conviendra donc dtudier les alternatives existantes et on analysera leurs impacts, tout en planifiant les diffrents travaux et en constituant une quipe de ralisation.

tude du quoi, du quand, du comment et du pourquoi ?Ltude pralable consiste essentiellement collecter et analyser les informations relatives au lancement du projet. Ces dernires doivent permettre danalyser la nature du march et didentifier les besoins existants. Des entretiens rguliers avec le demandeur (identifi ici comme le client du projet) sont indispensables. Pour mieux cerner les raisons de la cration du site ainsi que les contraintes qui y sont associes (calendaires, techniques, juridiques, organisationnelle), ltude doit rpondre aux questions suivantes : Quelles sont les attentes du client et/ou du public cible ? A-t-on identifi les gains qui seront engendrs par la mise en place de ce site web ? Si oui, de quelle nature sont-ils : gains de productivit ? rduction des cots ? gains en notorit ? gains financiers ? A-t-on prvu un retour sur investissement ? La cible serait-elle prte payer pour accder des informations haute valeur ajoute ? Quel est le rsultat obtenir dun point de vue fonctionnel ? Quelles sont les stratgies associes au lancement du projet ? Quelle est la cible (typologie, niveau dquipement, niveau de connaissance) ? Est-ce que le public vis est sensible ce nouveau moyen dinformation ou de commerce ? Quels sont les risques ? Le contenu est-il identifi ? Quel est le budget envisag ? Est-ce que le lancement du site est associ une date fixe (salon, promotions, etc.) ? lissue de cette tude, vous devriez avoir identifi la cible et les besoins, estim le niveau dquipement de vos futurs internautes et surtout dfini les objectifs gnraux et le type de site quil vous faudra mettre en uvre (voir tableau 11).

T tude pralable

Cette tude, dite tude pralable ou prliminaire, peut sappuyer sur divers lments : des analyses de faisabilit (qui justifient le lancement du projet en fonction des ressources de lentreprise) ; des tudes de march (qui positionnent le futur site en fonction de lexistant) ; ventuellement, des tudes de concurrence (qui donnent un panorama de ce qui a dj t fait en la matire par dautres entreprises).T Client du projet

Personne ou entit lorigine de la demande. Cela peut tre, selon les cas, une socit extrieure ou une unit interne de lentreprise.

RETOUR DEXPRIENCE Premires causes de drapageBien souvent, le client part sur une ide trop imprcise. Ltude pralable doit l'obliger cerner plus prcisment ses besoins. dfaut, le projet risque fort de ne jamais aboutir (gel d une mauvaise dfinition, arrt pour manque de budget).

2

Eyrolles, 2002

Tableau 11 Les diffrents types de sites web professionnels Intitul Description Cible

Site institutionnel

galement appel site plaquette , il sagit dun site prsentant lactivit Clients et prospects de lentreprise dune entreprise, les produits et services quelle propose, ses offres demploi, son implantation... Il sagit dun site de commerce lectronique en charge de proposer un catalogue de produits avec une possibilit dachat en ligne. Clients et prospects des produits proposs par le site

Boutique virtuelle Portail gnraliste

Ce type de site ne sadresse pas une cible bien dtrmine et peut se Grand public regrouper en trois catgories : Les portails de service en ligne. Il sagit gnralement de ceux des fournisseurs daccs Internet (Wanadoo, Free, Club-internet, Tiscali). Les moteurs ou annuaires de recherche qui proposent des services en plus de leur fonction premire, tels des traducteurs, des forums, des petites annonces(Yahoo!, Alta Vista, Google) Les portails de tlchargement de logiciels (tucows.com) Un portail thmatique est un espace sur le Web se proposant de ne traiter que dun domaine spcifique en offrant tous les services quy pourront sy rfrer (seloger.com, netalya.com, notre-planete.info) Une communaut virtuelle est un site web qui propose aux internautes un espace de communication pour changer, publier, dbattre, convaincre autour dune passion voire dune activit. Proche dun portail thmatique, la communaut virtuelle sen dmarque cependant en formant un vritable groupe unique et identifi : ses membres. Internautes intresss par le thme du site

Portail thmatique

Communaut virtuelle

Membres de la communaut

Portail dentreprise

Il peut prendre plusieurs formes selon sa cible : Employs, clients, partenaires ou fournisseur pour les employs : un intranet dinformation, de collaboration ou de lentreprise dapplication pour les clients : un site de diffusion dinformations relatives leur compte, la prise en considration de leurs aspirations permettant la mise en place dun CRM pour les partenaires et/ou fournisseurs : un extranet pour le suivi des commandes, la gestion des stocks Comme son nom lindique, il sagit dun journal sur Internet. Il peut apparte- Grand public nir un organisme de presse traditionnel ou bien tre uniquement diffus sur le Web (lemonde.fr, 01net.com)

Journal en ligne

Rdiger le plan projetVous allez pouvoir synthtiser les informations ainsi recueillies afin de dgager des orientations structurantes et de fixer le cadre des travaux venir : le document rsultant se nomme le plan projet. Ce dernier prend naissance partir dune expression de besoin, pour tre complt en fonction de lanalyse de ce besoin (faisabilit, dfinition de la solution, travaux raliser, estimation des charges et planning). Il est destin rendre explicite le projet lensemble des acteurs concerns, y compris et surtout lquipe de ralisation. Eyrolles, 2002

3

1 Mthodologie de conduite de projet web


Les principaux lments dun plan projetPrsentation gnrale du projet Cette section doit dcrire les motivations et les bnfices attendus et doit permettre de dfinir les priorits (MSM : Must, Should, May) pour la ralisation du site web. On y prsentera les objectifs du projet, les enjeux, les risques, le primtre, les limites du primtre et la/les cibles du site. Orientations fonctionnelles Cette section dcompose le futur site web en fonctionnalits avec une description dtaille du rsultat dsir. On identifiera galement pour chacune delle un responsable fonctionnel qui sera, par la suite, garant de la dfinition du contenu voulu. Les orientations fonctionnelles devront permettre de donner au client du projet des indications sur ce qui sera dvelopp tant au niveau du front-office (ce que verront les internautes) que du back-office (linterface dadministration du site web). Travaux et activits Cette section dcrit, pour chaque phase du projet, les travaux et les charges qui y sont associs. Pour chaque activit, les lments suivants devront tre identifis : dlais, ressources, pr-requis, description des tches, livrables attendus. Cela permet dapporter une visibilit sur le droulement futur du projet : qui fait quoi, quand. Les acteurs Cette section identifie les acteurs du projet et leurs principales responsabilits en termes de ralisation : gestion et pilotage du projet, comit directeur et intervenants.Tableau 12 Petit lexique de gestion de projet

EXEMPLE Principes de dure et de chargePour mieux comprendre le principe de dure et de charge, prenons lexemple dune tche de prparation dune runion. Imaginons que nous sommes le lundi 1er dcembre 2003, jai prvu une runion pour lundi prochain, soit le 8 dcembre 2003. Vendredi 5 dcembre 2003, jai enfin pu mettre daccord tous les acteurs concerns par la runion et les convaincre dy participer. Jai finalement pass un total de 3 heures pour prparer cette runion : en contactant les acteurs et en les mettant daccord sur les points prcis aborder dans cette runion et en rservant la salle. Les dlais de cette tche de prparation sont alors : date de dbut : 1/12/2003, date de fin : 5/12/2003 La dure de cette tche est gale 5 jours et sa charge, 3 heures.

IMPORTANT Le plan projet, une garantie pour la ralisation du siteLe plan projet matrialise le contrat entre le demandeur et lquipe en charge de la cration du site. Tout au long de la dure du projet, ce document protgera chaque partie contre toute contestation et tout imprvu en dfinissant clairement le primtre et les limites du projet. Vous trouverez en annexe un modle de plan projet avec des exemples de contenu pour chaque section.

Intitul

Dfinition

Fonction ou Travaux Activit Tche Charge Dure

Une finalit qui concourt la ralisation dune mission ou dun processus et qui est obtenue par la ralisation dactivits. Regroupement dactions qui a un dbut et une fin et qui peut tre mesur (volume, temps). Elle peut se dcomposer en tches. Action de base accomplir dans les conditions fixes et permettant la ralisation dune activit. Correspond un temps de travail effectif (la valeur est exprime en heures, jours ou semaines). Correspond au nombre de jours ouvrs compris entre la date de dbut et la date de fin situes prcdemment (la valeur est exprime en heures, en jours ou en semaines). Correspondent la date de dbut et de fin dans la ralisation dune action (les valeurs sont des dates).

Dlais

4

Eyrolles, 2002

Le plan dassurance qualit (PAQ) Cette section doit rsumer les actions ou consignes principales qui permettront le bon fonctionnement du projet. Il devra tre respect par chaque membre de lquipe en charge du projet. Planning Cette section doit offrir une vision synthtique du projet et de son droulement, en indiquant les dates cls (jalons) et, pour chaque tche : la dure, la charge, la date de dbut, la date de fin, les ressources associes et les liaisons entre chacune dentre elles. Le planning est un des lments cls du plan projet car il engage la responsabilit de lquipe de ralisation sur les dates de livraison. Budget Cette section dcrit tous les cots induits par la ralisation du projet : les cots humains, matriels, de formation, de prestations, etc. Il vous faut ici valuer le plus prcisment possible les dpenses pour chacun des postes : llaboration du cahier des charges, voire des spcifications fonctionnelles ; le dpt du ou des noms de domaine ; la cration graphique ; la conception et la rdaction du contenu ; le dveloppement de lapplication ; la recette et les tests ; la mise en ligne et lhbergement du site ; la ou les campagnes de promotion (publicit, communiqus de presse, marketing direct) ; lexploitation du site.

RETENIR Les indicateurs de pilotage dun projetPiloter un projet, c'est en fin de compte mettre en uvre toutes les actions ncessaires pour assurer la convergence vers les objectifs. Pour ce faire, plusieurs outils (les indicateurs de pilotages) sont votre disposition : lavancement de la production, le contrle des jalons critiques, lavancement du budget. Selon l'importance et/ou la complexit du projet, ces indicateurs peuvent tre utilement complts par : un suivi de planning dtaill (sous rserve de disposer d'un outil adquat), un suivi des risques. Les indicateurs de pilotage doivent tre rgulirement mis jour et publis dans un tableau de bord. Vous trouverez en annexe une description dtaille de chaque indicateur (objectif, format, exemple, conception, actualisation, interprtation, points forts et limites).

Comment prsenter votre estimation budgtaire ?Il est fortement recommand de prsenter votre estimation budgtaire sous plusieurs formes diffrentes afin de donner une visibilit globale sur les cots engendrs par la cration de votre site web.

Premier aspect : lestimation budgtaire par poste de travail Cette vue budgtaire consiste dterminer le temps pass par chaque membre de lquipe sur le projet, aprs y avoir associ pour chacun un taux journalier. Cette dmarche est indispensable pour prvoir les ressources (voir figure 1-1). Deuxime aspect : lestimation des charges par travaux et activits projet Cette dernire dcompose le projet en tches, auxquelles est affecte la quantit approprie de jours pour leur ralisation (voir figure 1-2).

Eyrolles, 2002

5



Figure 11 Exemple dvaluation budgtaire par poste de travail

Figure 12 Exemple destimation des charges

pour la cration dun site web important

par activit pour le mme projet

Troisime aspect : lestimation des autres charges budgtaires Il sagit ici de lister lensemble des charges du projet, autres que celles relatives aux ressources de lentreprise : licences logicielles, mise en place de lhbergement, formations, audit de scurit, tests de charges, prestations externes(voir figure 1-3).

Figure 13 Exemple destimation des autres charges budgtaires pour le mme projet Figure 14 Exemple de charges dexploitation annuelles

dun portail ainsi que les charges pour sa promotion

R J.Printz C.Deh B.Mesdon N.Trves, Cots et

dure des projets informatiques - Pratique des modles destimation, Herms, 2001.

Il est galement essentiel dassocier lestimation budgtaire du projet les charges values pour lexploitation, cest--dire pour la vie et la maintenance du site ainsi que celles ncessaires sa promotion. En effet, ces dernires peuvent savrer parfois trs importantes et remettre en cause la viabilit conomique du site (voir figure 1-4).

SELON LA TAILLE DU SITE chacun son rleEn fonction de lenvergure du projet, de lentreprise ou de lassociation, une mme personne pourra occuper une ou plusieurs fonctions.

Runir une quipe de ralisationDs lors que le plan projet (et donc surtout le primtre) est valid, une quipe de ralisation se constitue. Il est important ici de bien affecter chacun ses rles et ses responsabilits (voir tableau 1-3).

6

Eyrolles, 2002

Panorama des profilsComme une mme personne peut assurer plusieurs missions, il est prfrable de raisonner en termes de fonctions plutt que de se fonder sur les comptences de chacun. Chacune de ces fonctions pourra tre confie selon les cas une personne de votre entreprise, ou un indpendant (free lance), ou encore une socit spcialise (WebAgency, SSII, etc.).Tableau 13 Fonctions cls pour la mise en place dun site web Fonction Description

Responsable du projet

Il coordonne le projet et les quipes et prend les dcisions dans le primtre fix par le plan projet. Il est responsable de la livraison dans les dlais attribus avec la qualit requise et le budget allou. Enfin, il doit rsoudre les problmes et conflits tout en assurant la communication et la cohsion entre le client du projet et tous les membres de lquipe de ralisation. Quel que soit le type de site, cette personne doit avoir une solide culture technique et marketing ainsi quune bonne connaissance de lensemble des aspects dun projet web : contexte financier, hbergement, tlcoms, fonctionnel, communication, aspect organisationnel et exploitation. Elle doit aussi tre capable de pouvoir grer une quipe. Il est en charge de la matrise duvre technique, il encadre les ingnieurs, larchitecte web, et est responsable de tous les livrables techniques. Il compare les cots de fonctionnement et dinvestissements (projet), ladquation de la stratgie (ambitions) la tactique (ralits oprationnelles). Il soccupe galement des oprations danimation et de promotion du site et est consult sur la pertinence du contenu et de lagencement des informations. Il conoit larchitecture interactionnelle, lorganisation des pages, larborescence et la navigation du site en respectant les indications graphiques, ergonomiques et structurelles. Lergonome collecte toutes les informations sur le comportement possible des futurs internautes du site web. Il travaille troitement avec le webdesigner pour dfinir le type de navigation. Le DA conoit la charte graphique avec le webdesigner et dfinit la personnalit du site en tenant compte des capacits techniques du public cible. Form aux principaux outils du march (Flash, Dreamweaver, Photoshop, Illustrator, Image Ready), linfographiste doit suivre les consignes du DA et raliser les lments graphiques, ainsi que les templates des pages. Il sagit du responsable des contenus, de leur agencement et du style dexpression. Le rdacteur doit structurer et adapter pour le Web le contenu informationnel fourni par le client.

Responsable technique Un conseil en marketing et communication interactive

Concepteur / webdesigner Ergonome Directeur artistique (DA) Infographiste Rdacteur / responsable des contenus.

Ingnieur / dveloppeur web En fonction du besoin, lquipe de dveloppement ralisera de simples intgrations statiques (dcoupage et intgration HTML / JavaScript) ou de vritables dveloppements dynamiques (modlisation de base de donnes, interaction avec le site web en ASP, PHP, JSP, CGI, etc.). Architecte web Il doit identifier les modules techniques du site (gestion des utilisateurs, gestion du contenu) en fonction des fonctionnalits dfinies par le plan projet. Il est en charge du choix dune solution du march adapte aux besoins (solutions propritaires type broadvision, solutions J2EE, solutions Microsoft) et doit estimer les cots et charges dimplmentation de la solution retenue. Il configure le ou les serveurs (HTTP, Application, SMTP) ainsi que les accs tlcoms. En gnral, il fait partie de lquipe du prestataire qui hberge le site. Il aide la conception du site et son valuation (reprsentant ainsi linterface entre le technique et la matrise douvrage). En amont du projet, il rdige les spcifications fonctionnelles. En aval, il effectue les recettes et les diffrentes formes de tests (tests de consolidation, tests de charges, tests de visibilit)

Ingnieur rseau Charg dtude

Eyrolles, 2002

7



Clauses vrifier dans un contrat de ralisation de sites webSi vous dcidez de confier la ralisation de votre site web une entreprise externe, nous vous recommandons fortement de bien vrifier le contenu de certaines clauses du contrat de service.

Modalits de ralisation du site web Une clause du contrat devra expressment traiter du cahier des charges, des spcifications techniques, de la matrise duvre, de la maquette et de la programmation.EXEMPLELe prestataire a pris connaissance du cahier des charges annex aux prsentes et sengage en respecter les termes. Sur la base du cahier des charges, le prestataire rdigera les spcifications fonctionnelles et techniques du site web, valides par le client. Le prestataire assure la matrise duvre de la ralisation du site web pour la partie du projet place sous sa responsabilit et, ce titre, assure la conception globale de sa part de projet et coordonne tous les intervenants sur sa part de projet. Le prestataire ralise une maquette du site web comprenant notamment une analyse fonctionnelle des dveloppements spcifiques. Le prestataire sengageant prendre en compte ses remarques ou rserves ventuelles. La programmation dbute compter de la validation des spcifications techniques et de la maquette.

Garanties et responsabilit Cette clause engage le prestataire sur la conformit de ses ralisations tant dun point de vue du cahier des charges (devant ainsi rpondre au besoins du client) que dun point de vue de la lgislation en vigueur (respect de la proprit intellectuelle.EXEMPLELe prestataire garantit expressment la conformit de ses ralisations aux spcifications de la maquette et aux spcifications techniques, ainsi quaux besoins du client, tels que prciss dans le cahier des charges. Le prestataire garantit expressment ses ralisations auprs du client contre des anomalies et dfauts de fonctionnement de toute nature provenant de vices ou erreurs de conception ou de ralisation affrents aux travaux qui lui ont t spcifiquement confis. Le prestataire garantit que ses ralisations ne constituent pas une violation dun droit de la proprit intellectuelle, ni un quelconque fait de concurrence dloyale ou parasitaire. ce titre, il sengage assurer la dfense du client et en supporter tous les frais contre toute rclamation concernant directement ses ralisations et leur utilisation normale, sous rserve den avoir t rapidement averti par le client et que la prtendue violation ne porte pas sur des modifications ou adjonctions apportes directement ou indirectement par le client. Lensemble des lments que le prestataire sera susceptible dapporter au client pour la ralisation de ses prestations devront respecter les lois relatives : aux droits dauteur / aux marques, dessins, modles et brevets / la vie prive / la communication audiovisuelle / etc.

Dlais Cette clause implique la responsabilit du prestataire sur des dates de livraison.EXEMPLELensemble du site test et recett devra tre livr pour une mise en production le 18 avril 2003 Les dlais ont un caractre impratif, compte tenu des contraintes de lexploitation du client, que le prestataire dclare bien connatre.

8

Eyrolles, 2002

Cession des droits de proprit intellectuelle Les points cls du contrat de ralisation tournent autour du code de la proprit intellectuelle : celui qui cre est lauteur, il a droit protection par droits dauteur moraux et patrimoniaux sur son uvre. Cela sous-entend que la socit qui ralise le site web est considre par dfaut comme lauteur de cette application et est donc protge par le droit dauteur. Il vous faut alors absolument convenir dans le contrat de ralisation dune clause de cession de droits sur le site ralis. Cest une clause ne pas oublier, faute de quoi vous (en tant que client et non en tant quauteur) naurez aucun droit de modification et dadaptation de ce site.EXEMPLELa proprit de tous les lments du site web conus sous la responsabilit du prestataire, quil sagisse des dveloppements spcifiques, des documents de conception du site et des lments graphiques, tels que charte graphique, prsentation des crans, est transfre sans exception ni rserve au client. cet effet, le prestataire transfre tous les droits de proprit intellectuelle affrents aux ralisations effectues par le prestataire pour le client, quil sagisse des droits de reproduction, de reprsentation, dadaptation, darrangement, de traduction, de distribution, de location, droit dexploitation sous toutes ses formes. Le client pourra reproduire et exploiter les ralisations du prestataire de la manire la plus large selon tout mode prsent et venir, sur toute machine et tout support, lintgrer en tout ou partie avec ou sans modification dinterface, le diffuser par tout moyen ou rseau de tlcommunications, y compris par cble ou satellite. Le client pourra de mme adapter, modifier les ralisations du prestataire, ses seuls risques et prils, comme il lentend, ajouter ou supprimer des lments ou fonctionnalits, les fusionner avec dautres crations.

Phase 2 : concevoir le siteAvant de commencer la ralisation du site proprement parler, il est ncessaire de dfinir quelles devront tre son architecture logicielle, son infrastructure matrielle et tlcoms, son arborescence, la structure de ses pages ainsi que son futur aspect.

Architecture et infrastructure du siteLanalyse fonctionnelleEn se basant sur les orientations fonctionnelles dfinies dans le plan projet, le charg dtude va pouvoir raliser par des entretiens rguliers avec le client du projet, une analyse approfondie, qui devra, pour chaque fonctionnalit, mettre en avant les points suivants :Sujet Description

ACTEURSClient du projet Responsable technique Charg dtude Architecte web.

Objectif de la fonctionnalit Description prcise Dfinition des formats de diffusion Eyrolles, 2002

Formuler des exigences fonctionnelles, cest--dire les actions que le site doit tre capable deffectuer. Une description prcise permettra lors de lanalyse technique de voir quels dveloppements seront ncessaires. Sous quelles formes les informations seront-elles mises disposition : information lisible en ligne ? Tlchargement sous un format particulier ? Imprimable ?

9



Sujet

Description

Impacts organisationnels Public cible Estimation de frquentation Disponibilit

Quelles organisations doit-on mettre en place pour exploiter cette fonctionnalit ? Quels outils permettent lexploitation dune telle fonctionnalit ? Dcrivez pour cette fonctionnalit le public cible dfini, ses quipements, ses caractristiques. Placez ici une estimation de consultation de la fonctionnalit. Cette dernire sexprime gnralement en nombre de visites. Prcisez ici les exigences requises : les horaires de fonctionnement, le temps dindisponibilit tolrable et/ou acceptable en cas de panne, le type de scurisation des donnes

T Composants mtier/ composants transversaux

La ralisation de ce type danalyse prsente un triple avantage : premirement, elle donne lopportunit de sassurer que les attentes du client ont bien t comprises par lquipe de ralisation ; deuximement, elle servira de rfrence tant pour le dveloppement du site que pour le choix du type dhbergement ; troisimement, elle permet de poser les bases dune rflexion devant par la suite aboutir la mise en place dune organisation pour lexploitation du site. Une telle analyse sera synthtise dans un document appel Spcifications fonctionnelles .

Les composants transversaux sont des fonctionnalits que lon retrouve sur diffrents sites web. Ces applications ont dj t dveloppes par des tiers ; il ne reste plus qu les configurer : gestion de contenu, personnalisation, recherche, envoi de mails Les composants mtier reprsentent toutes les fonctionnalits quil est ncessaire de dvelopper pour rpondre des besoins spcifiques du client : cartographie, formation, etc.

Larchitecture logiciellePartant de lanalyse fonctionnelle, larchitecte web va identifier les diffrents modules techniques choisir parmi des composants mtiers et/ou des composants transversaux : gestion des utilisateurs, personnalisation, gestion des contenus, tlchargement, recherche, etc. Lidentification de ces modules va permettre de dterminer larchitecture logicielle : type de serveurs (Web, FTP, SMTP), composants serveurs requis, annuaire LDAP, SGBD(voir figure 1-5).

Tableau 14 Les principaux types de composants transversaux Composant Description

Gestion de contenu

Un module de gestion de contenu permet ladministration, la cration et ldition du contenu dun site. Les interfaces utilises nexigent aucune comptence de programmation particulire ou connaissance spcifique des matriels et technologies ncessaires pour y parvenir. La gestion de publication (ou workflow) permet daffecter une procdure de suivi chaque tape dune publication dun contenu : rdaction, validation, correction, validation finale. Les diffrents tats sont paramtrables, ainsi que la liste et le nombre de membres chargs de valider chaque tat. Ce module permettra de diffuser une mme information de manire diffrente en fonction des profils des internautes. Ce module permet de grer les profils des diffrents utilisateurs du site web. On distinguera les utilisateurs back-office (administrateurs et gestionnaires de contenu) des utilisateurs front-office (internautes).

Gestion de la publication

Gestion de la personnalisation Gestion des utilisateurs

10

Eyrolles, 2002

INTERNETServeur SMTP

Figure 15

Exemple de reprsentation dune architecture applicative dun site webClients

Serveur dapplicationServices Web

Composant Gestion de contenu

Gnration des pagesSessions

Composant Personnalisation

Systme dinformation de l entreprise

Composants mtiers

Composant Gestion des Utilisateurs

Rservation de salles Rservation billets davion Composant Gestion des Publications

SGBD

Annuaire LDAP3 2 1

Client

Rfrentiel Statistiques

Tableau 15 Les principaux lments dune architecture web

lment Serveur Client Serveur dapplications Serveur web ou serveur HTTP Serveur SMTP Serveur SGBD Rfrentiel statistiques/fichier log Annuaire LDAP

Dfinition Un ordinateur qui contient les informations disponibles pour toute personne accdant Internet ou un intranet. Un ordinateur qui accde aux ressources fournies par un autre ordinateur, le serveur. Le rle du serveur dapplications est dassurer lexcution de la partie serveur de votre site web (si celui-ci en possde une, cest--dire si votre site est dit dynamique ). Le serveur dapplications gnre la vole des pages web pour les internautes partir dinformations collectes dans les bases de lentreprise. Ce serveur est toujours associ un serveur web. Il sagit dun logiciel supportant le protocole HTTP (HyperText Transfer Protocol mthode standard pour transfrer des donnes sur le Web) et dont le rle est de proposer aux internautes des informations et des services multimdias (texte, graphique, son, image), affichs laide dun navigateur. Cest lui qui gre galement les sessions utilisateurs (voir chapitre 6). Ce logiciel permet la gestion denvoi de mails dans un rseau TCP/IP (Voir chapitre 3). Systme de gestion de base de donnes. Logiciel permettant de stocker les donnes, de les mettre jour et de les consulter. Il sagit dun fichier cr par un serveur web contenant des informations sur lactivit dun site donn. Ces donnes sont gnralement traites par un outil spcialis, lanalyseur de log (voir chapitre 6). Un annuaire LDAP (Lightweight Directory Access Protocol) est une application fonctionnant sur les rseaux TCP/IP permettant le classement des informations en suivant une thmatique arborescente plus ou moins dveloppe.

Eyrolles, 2002

11



Linfrastructure matrielleT Bande passante, commutateur,

pare-feu et routeurLa bande passante reprsente lunit de mesure du dbit des rseaux et se mesure en Kbits/s (Kilobits par seconde), Mbits/s (Megabits par seconde) ou Gbits/s (Gigabits par seconde). Un commutateur (ou switch) est un lment dinterconnexion de deux segments de rseaux locaux de mme type. Un pare-feu (ou firewall) est un serveur conu pour protger un rseau connect Internet contre le piratage informatique. Un routeur est un outil logiciel ou matriel servant diriger les donnes travers un rseau.

Les objets gnraux dcrits dans lanalyse fonctionnelle (disponibilit, type de public, estimation de frquentation) dterminent linfrastructure matrielle et tlcoms mettre en place : hbergement mutualis, serveur ddi, bande passante ncessaire (figure 1-6)

INTERNETOprateur 1 : bande passante de 1Mbits/s Oprateur 2 : bande passante de 1Mbits/s

Routeur

Routeur

Commutateur

Commutateur

Pare-feu Rseau priv Systme dinformation de lentreprise Commutateur Serveur de sauvegarde

Serveur web + Serveur dapplications

Serveur SGBD

Voir le chapitre 3 sur lhbergement dun site web.

Figure 16 Exemple de reprsentation dune infrastructure matrielle et tlcoms dun site web

Le dossier ainsi ralis servira par la suite de point de dpart pour le choix dune solution dhbergement.ACTEURSWebdesigner Responsable des contenus Ergonome

Structure du site et des pages webParalllement la conception de larchitecture et de linfrastructure, le webdesigner dtermine la structure et lorganisation gnrale des services (arborescence) et celle des informations (trame des pages) proposes par le futur site. Lune des mthodes pour dfinir larborescence dun site web est de partir du niveau le plus bas, le contenu, pour remonter jusquau niveau de la rubrique (voir figure 1-7) :1 Rcoltez le contenu transmis par le client du projet. 2 Structurez ce dernier en blocs dinformation. 3 Regroupez les blocs dinformation portant sur un mme sujet afin de consti-

tuer le contenu des pages.

12

Eyrolles, 2002

Figure 17

Mthodologie pour la ralisation dune arborescence dun site partir dinformations collectes auprs du client du projet

ALLER PLUS LOIN Llaboration du contenuLe chapitre 2 du prsent ouvrage dcrit les principes de rdaction et de communication suivre pour llaboration dun contenu adapt pour le Web.

4 Identifiez les liens entre les pages du mme niveau et rassemblez-les en sections. 5 Dfinissez lossature du site en plusieurs rubriques distinctes partir de sec-

tions portant sur le mme thme.6 Trouvez les intituls des rubriques.

Lossature du site doit tre organise en neuf rubriques au maximum (voir chapitre 2).

On obtient ainsi un plan du site (voir figure 1-8) qui dcrit les liens requis entre chaque page et fait apparatre les groupes qui doivent tre mis ensemble.Page daccueil

Rubrique 1

Rubrique 2

Rubrique 3

Rubrique 4

Rubrique 5

Section 1.1

Section 1.2

Section 1.3

Section 5.1

Section 5.2

Section 5.3

Figure 18 Exemple de plan de sitePage 1.2.1 Page 1.2.2 Page 1.2.3 Page 1.2.4 Page 1.2.5 Page 5.1.2 Page 5.1.2 Page 5.3.1 Page 5.3.2

Eyrolles, 2002

13



T Site dynamique

Un site dynamique est un site dont le contenu de certaines pages a t cr automatiquement sur le serveur en recourant diffrents mcanismes : requtes sur une base de donnes, rcupration dinformations, envoi de formulaires Ainsi, tandis quune page web statique affichera toujours la mme information, le contenu dune page web dynamique variera selon certains paramtres.

Dans le cas de contenus dynamiques, il est galement intressant de matrialiser les diffrentes connexions entre chaque composant : base de donnes, zone de tlchargement, etc. (voir figure 1-9).Page daccueil

Rubrique 1

Rubrique 2

Rubrique 3

Rubrique 4

Section 1.1

Section 1.2

Donnes

Rsultat 4.1 Page 1.2.1 Page 1.2.2 Page 1.2.3

Rsultat 4.2

Rsultat 4.3

Formulaire

Envoi de mail

Figure 19 Exemple de plan de site avec des contenus dynamiques

ATTENTION Pas de graphiquesIl ne sagit pas de dfinir ce qui doit apparatre dans le site mais didentifier les orientations donner au site en termes dagencement de linformation. Vos trames doivent donc tre sans graphique.

Lorsque le plan du site est ralis, le webdesigner, en collaboration avec le responsable des contenus et lergonome, labore les trames des pages web. Ces dernires doivent reprsenter conceptuellement lagencement des informations et le positionnement des diffrents objets : boutons, zone de contenu, images(voir figures 1-10 et 1-11).760 Px

LOGO

Bandeau / nom du site

65 px

Zone navigation gauche

Zone navigation droite

420 px

Zone de contenu

Zone moteur de recherche

Figure 110

Trame simplifie de la page principale du portail netalya.com avec les dimensions140 px 478 px 140 px

14

Eyrolles, 2002

LOGO

Bandeau / Nom du site

Figure 111

Titre Rubrique- SS Rubrique 1 - SS Rubrique 2 - SS Rubrique 3

TITRE NIVEAU 1Titre Niveau 2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.


Trame de la page principale du portail netalya.com reprsentant les diffrents objets




Chercher sur NC-Technologies.com

Charte visuelle et graphiqueAprs validation du plan du site et des trames des pages par le client, le directeur artistique dfinit lapparence du site. Les objectifs principaux sont ici de synthtiser lensemble des recommandations pour les mises en page dans un document unique : la charte graphique (voir figure 1-12), qui comprend deux dmarches parallles : la cration dune identit visuelle et la ralisation de templates pour faire valider laspect graphique des pages (voir figure 1-13) ; la cration dune maquette du site pour faire confirmer lagencement des informations et les principes de navigation.Cration identit visuelle Intgration des pages HTML

ACTEURSClient du projet Webdesigner DA Infographiste

T Les templates

Les templates sont des images reprsentant les futures pages de votre site. Chaque objet (champ texte, image, boutons, etc.) est plac sur un calque diffrent. Cela permet de changer leur disposition en fonction des exigences du client.

Ralisation des templates

Ralisation maquette

Validation client

Validation client

ALLER PLUS LOIN Les principes dune ergonomie russieLe chapitre 2 du prsent ouvrage vous indique les principes suivre pour russir votre ergonomie : spcificit du domaine, navigation, recommandations de mise en forme

Rdaction de la charte graphique

Figure 112 Processus de conception de laspect du site

Lorsque laspect est valid par le client du projet, il vous faut tablir dans un document une liste de recommandations applicables pour la conception des pages du site web : la charte graphique.

Eyrolles, 2002

15



ALLER PLUS LOIN Modle et exemple de charte graphiqueVous trouverez en annexe un modle de charte graphique avec des exemples de contenu pour chaque section. Figure 113 Template de la page principale du portail netalya.com

Cette dernire se ralise gnralement en deux temps : la phase conception consiste dfinir les rgles graphiques et ergonomiques permettant la slection et la mise en page des informations publier (dimensions et aspects des pages) ; la phase ralisation complte la charte graphique par des lments plus prcis tels que les conventions de nommage utilises (nom des fichiers, arborescences, rprtoires), le formatage du code (commentaire, JavaScript)ASPECT JURIDIQUE Le respect des droits de la proprit intellectuelleEn aucun cas vous ne pouvez reproduire des lments visuels (photos, images, icnes, logos) sans lautorisation expresse de leur auteur, quil sagisse duvres originales ou duvres que vous avez retouches, adaptes, modifies, etc. Vous pouvez galement acheter une licence vous permettant de tlcharger et de diffuser certaines images ou photos. LAPP (Agence pour la protection des programmes) est charge de veiller toutes ces rgles de bonne conduite et est assermente pour constater les infractions et y mettre un terme. B http://app.legalis.net

IMPORTANT La maquette du siteLa maquette du site est une extension et une mise en relation des trames des pages labores lors de la phase prcdente. Cette dernire doit permettre de naviguer parmi les contenus et les pages pour valider la pertinence de larchitecture informationnelle. Tout lment de contenu disponible cette tape doit tre ici intgr avec les liens associs. Les principales fonctionnalits seront galement simules par des pages HTML. Par exemple, si vous incorporez un moteur de recherche, le bouton soumettre affichera une fausse page Rsultats (en HTML), le principe tant de constituer la structure des futures pages dynamiques (emplacement des objets, etc.). Les lments statiques reprsentant les rsultats seront par la suite gnrs par des scripts dynamiques dans la vritable version du site. Lavantage de dvelopper une maquette est double : dune part, cela permet de donner un vritable aperu du site votre client et dobtenir ainsi sa validation. Dautre part cela permet aux dveloppeurs de disposer dune base de programmation.

16

Eyrolles, 2002

Phase 3 : ralisation technique du siteRaliser lossature du siteLossature du site est ralise en fonction des spcifications rdiges au cours de la conception. Il sagit en fait dune retranscription des templates graphiques en HTML. Grce un outil spcifique, les trames des pages seront dcoupes selon la mthode suivante : les lments non retranscriptibles en HTML (images) sont convertis au format Jpeg ou Gif, les autres deviennent des objets HTML : tableaux, blocs de texte, etc. (voir figure 1-14). Cette action permet de disposer de modles de pages constitus des principaux lments de porte gnrale : menus, images, structures des tableaux, etc. (voir figure 1-15).Webdesigner DA Infographiste

ACTEURS

B.A.-BA HTMLLe HTML (HyperText Markup Language) est un langage qui formalise laspect dune page web grce lutilisation de balises qui indiquent la faon dont doit tre affiche linformation. Vous trouverez plus dinformations sur le site du W3C : B http://www.w3.org/MarkUp/

B.A.-BA Modles de pages webCe sont des pages HTML dnues de contenu spcifique ayant pour objectif de servir de rfrence pour le dveloppement des pages du site web.

Figure 114

Les templates sont divises en lments puis dcoupes avec un logiciel spcialis

OutilsPour sparer les images des blocs de texte : ImageReady, Fireworks

Figure 115

Modle en HTML de pages web obtenu partir du dcoupage prcdent

Eyrolles, 2002

17



Une fois lensemble de ces modles ralis, il faut les relier entre eux en suivant larborescence dfinie lors de la phase prcdente pour constituer lossature du futur site et soumettre lensemble au client du projet pour approbation.ACTEURSResponsable technique Rdacteur Dveloppeur web

Intgration statique et alimentation du contenu associLes dveloppeurs intgrent toutes les pages HTML du site en y plaant les textes, les images et les formulaires. Les CSS seront labors en suivant scrupuleusement les recommandations de la charte graphique. Enfin les animations voulues pourront tre dveloppes selon les cas soit en Flash, soit en DHTML. Lorsque le contenu sera intgr aux pages, une attention particulire devra tre porte au respect de la charte. En thorie, tout contenu fourni devrait sinsrer dans les emplacements prvus cet effet. En pratique, le contenu livr ncessite souvent dadapter la mise en forme de la page web. Cette tape permet de mettre en uvre un site dit statique , cest--dire un site o les pages sont entirement labores et affiches lorsquun navigateur les appelle. Le contenu plac ici est donc partie intgrante des pages et ne sera pas ractualis frquemment.

ACTEURSResponsable technique Rdacteur Dveloppeur web

Intgration dynamiqueParalllement aux dveloppements statiques, la partie dynamique est dveloppe (Scripts ASP, JSP, PHP, modlisation des bases de donnes, cration des fichiers XML) puis intgre aux pages.

LANGAGES Flash, CSS et DHTMLFlash est une technologie dveloppe par la socit Macromedia permettant la ralisation danimations vectorielles pour le Web. B http://www.macromedia.fr Le CSS (Cascading Style Sheet ou feuille de style en cascade) est un langage permettant de spcifier toutes les caractristiques de mise en forme dune page web. CSS permet ainsi de palier certaines insuffisances du langage HTML (contrle des polices, contrle de la distance entre les lignes, contrle des marges et des indentations). Vous trouverez plus dinformations sur le site du W3C : B http://www.w3.org/Style/CSS/ Le DHTML (Dynamic HTML) est un terme pour dsigner la runion dun ensemble de technologies (CSS, HTML et JavaScript) afin de rendre des pages web plus interactives (apparition de texte, dfilement dimages).

ASP, JSP et PHPASP (Active Server Pages), JSP (Java Server Pages) et PHP (Hypertext Preprocessor) sont des langages de scripts ct serveur (cest--dire interprts et excuts sur le serveur et non sur le client, la diffrence de JavaScript). Ces langages permettent le dveloppement de scripts pouvant effectuer de nombreuses tches comme accder des bases de donnes, gnrer un contenu HTML en fonction de certains paramtres (profil utilisateur, donnes dun formulaire), grer des dossiers et autres fichiers directement sur le serveur hte, etc.

XMLXML (Extensible Markup Language ou langage balises extensible) est un langage balises permettant de sparer le contenu de la prsentation. XML donne la possibilit de structurer les donnes quil va contenir. Cela permet, par exemple, dafficher un mme document sur des applications ou des priphriques compltement diffrents en nen crant quune seule version. Contrairement HTML, vous pouvez dfinir de nouvelles balises permettant de dcrire la prsentation dun texte avec XML. Vous trouverez plus dinformations sur le site du W3C : B http://www.w3.org/XML

18

Eyrolles, 2002

la diffrence de la partie statique, le contenu des pages dynamiques ne fait pas partie des pages mais est issu de sources de donnes externes. Cette tape consiste donc mettre en place des modules techniques tels que le moteur de recherche, laffichage dun catalogue de produits, la personnalisation, etc.

Tests et recettes la fin des dveloppements, le site sera plac sur un serveur de tests afin de vrifier quil fonctionne et quil correspond bien aux spcifications dfinies lors de la phase de conception. Cette tape de tests sera ralise par la ressource lorigine de lanalyse fonctionnelle : le charg dtude. Il existe un grand nombre de tests possibles pour recetter un site web. Cependant, vous ntes pas oblig de tous les raliser, cela dpendra de la complexit du site et de limportance que le client du projet accorde la qualit de service.

ACTEURSClient du projet Responsable technique Charg dtude

Tableau 16 Les diffrents tests pour une application web Intitul Objectif Points cls

Test fonctionnel Test de design

Valider les fonctionnalits du site par rap- Bonne connaissance des spcifications fonctionnelles pour effectuer une compaport aux attentes initiales raison rsultat attendu/rsultat obtenu Valider les lments graphiques du site Respect de la charte graphique Respect des standards du W3C Optimisation des pages et des images Ralisation par des utilisateurs externes lquipe projet Toutes les observations et dcouvertes concernant chaque participant devront tre synthtises : accs linformation, comprhension de la fonctionnalit

Test dergonomie

Contrler la facilit dutilisation du site par linternaute

Test de compatibilit Tests de charges

Valider laffichage du site dans diffrents Comparaison entre laffichage obtenu dans une configuration donne et le environnements techniques gabarit initial de la page Valider les temps de rponse, le fonction- Analyse du temps de chargement des pages nement du site en prsence dun nombre Vrification de la robustesse de lapplication dans le cas de pic de important et simultan daccs connexion : accs simultan au site web par un grand nombre dinternautes Protection des donnes Vrifier que les informations sensibles ne sont pas accessibles par Disponibilits des services des utilisateurs non autoriss Sauvegardes des informations Confidentialit Recherche de vulnrabilit Valider les lments dorganisation du site (structure, arborescence) Intgrit du site et la gestion des erreurs de type 404 Gestion des langues Routages en cas de pannes

Test de scurit

Test dorganisation

Test de non-rgression Sassurer que les corrections apportes Validation de toutes les fonctionnalits qui ont fait lobjet de corrections nont pas engendr de nouveaux probl- Comparaison rsultat attendu/rsultat obtenu mes

Eyrolles, 2002

19



Phase 4 : la mise en ligne du siteLa fin de la phase de ralisation ne reprsente pas pour autant la fin de votre projet. En effet, avant que votre site ne soit accessible votre public, vous devez prparer son exploitation, rgler les aspects administratifs et juridiques et vous occuper de sa promotion.

Prparer lexploitation du siteUn site web qui dort est un site mort ! En effet, mme si votre site ne prsente aucun dfaut technique ni ergonomique, sans une exploitation efficace et rgulire de ce dernier, il sera rapidement abandonn. La prparation de lexploitation est donc dune importance capitale : des processus et une organisation devront tre mis en uvre afin de le faire vivre.

Dfinition des processus dexploitationB.A.-BA LinfogranceLinfogrance est un service qui consiste confier la gestion et lvolution de tout ou partie du systme dinformation (SI) dune entreprise un professionnel des services informatiques dans le cadre dun contrat avec engagement de rsultat. Selon les cas, linfogrance peut tre : totale (exploitation du SI du client avec reprise par le prestataire des quipements et de tout ou partie du personnel du client) ; partielle (exploitation du SI du client qui en conserve la proprit, avec des quipes du prestataire qui assume la direction des oprations) ; rduite (assistance dexploitation qui correspond principalement une prestation de moyens, le suivi des tches quotidiennes restant principalement sous la responsabilit du client).

Lobjectif ici est de dfinir un ensemble de processus, de rgles qui permettront lutilisation quotidienne du site par les personnes en charge de son exploitation. Un comit compos du responsable de projet et de plusieurs reprsentants de lentit cliente devra se constituer : le responsable de projet apportera sa visibilit sur le site web et lorganisation mettre en place pour supporter son exploitation ; les reprsentants de lentit cliente adapteront ces indications en fonction des contraintes organisationnelles et budgtaires inhrentes lentreprise. Ce comit devra traiter des points suivants afin de bien dfinir les modalits dexploitation du site : Qui soccupera de la mise jour du contenu ? Quand ? Et comment ? Qui soccupera du support technique, de la rparation de bugs constats ? Qui devra grer les utilisateurs, les droits et les permissions daccs ? Quelle organisation devrez-vous mettre en place pour lajout dune fonctionnalit ? Qui soccupera de lanimation et de la promotion du site ? Qui analysera les statistiques de frquentation du site ? Qui rpondra aux mails et autres demandes envoyes par les futurs internautes ? Pour chaque aspect, le comit devra statuer sur le fait de confier ces tches une entit interne (webmaster, service informatique, service marketing) ou externe (entreprise spcialise dans linfogrance, dans la syndication de contenu, agence de communication...), le but tant de garantir la prennit du site web.

T Le back-office

Systme et architecture darrire-plan. Le backoffice permet ladministration du site web : gestion du contenu, gestion de la personnalisation

Documentation et formationUne documentation associe une formation loutil de back-office doivent permettre le transfert des connaissances des quipes de dveloppement (celles qui matrisent alors le mieux le site web) vers les nouveaux mtiers induits par la Eyrolles, 2002

20

nouvelle organisation mise en place. Cette tape permettra ainsi aux futurs administrateurs fonctionnels de paramtrer et de publier en ligne leur contenu.

Mise en uvre dun systme de mesure daudienceLes technologies web offrent la possibilit dapprcier la productivit des diffrentes rubriques, sections et pages de votre site. Pour cela, il vous faut slectionner un outil spcifique permettant dvaluer lefficacit de vos pages en collectant des statistiques pertinentes. Ces dernires pourront savrer riches denseignements pour le suivi rgulier du site : nombre de visites et de visiteurs ; taux de clics ; pages les plus populaires ; dure des visites ; pages web dautres sites qui pointent vers le vtre ; nombre de tlchargements dune information ; type de foyers connects ; parcours des internautes Lanalyse de ces donnes donne la possibilit didentifier le trafic de votre site, le profil des internautes et leurs comportements.

Nous dtaillerons ces aspects ainsi que les diffrents types doutils de mesure daudience dans le chapitre 6.

Aspects juridiques et administratifsRespect de la lgislation en vigueurLa loi franaise sapplique sur Internet et certains contenus tombent sous le coup de la loi pnale ou civile. Si certains contenus sont clairement identifiables comme interdits (propos racistes, discriminatoires, diffamatoires, pdophiles, non-respect de la vie prive), dautres le sont moins, comme ceux du non-respect des droits dauteur et de la proprit intellectuelle. De plus, un accord donn pour un autre support ne pourra suffire. On peut croire quune entreprise peut transfrer sur le Web des uvres (photos, graphiques, texte, logos de partenaires) dont elle dtient les droits pour un autre support. Or, la lgalit de ce transfert ne va pas de soi, car la cession des droits dauteur nest jamais tacite. Il est donc particulirement important de vrifier quune clause de cession de droits dauteur a t libelle avec soin pour tout type de support. Autre aspect, celui relatif la langue franaise. La Loi Toubon (4 aot 1994) en est garante. Diffrents organismes et associations peuvent se porter partie civile dans un procs pnal contre un site web ne respectant pas cette dernire dans un cadre commercial et informatif (modes demploi, annonces, informations publiques...). Dans les faits, elle fait lobjet de sanctions pnales avec des contraventions relativement faibles. Il ny a pas encore de dcisions de jurisprudence en matire dInternet. Elle sappliquera certainement dans le futur avec toute sa rigueur. Eyrolles, 2002

EXEMPLEIl est courant quune socit fasse figurer sur son site des donnes personnelles relatives ses salaris ou partenaires. Or, les personnes voques doivent tre pralablement prvenues, donner leur accord et tre informes du fait quelles pourront demander ultrieurement la cessation de la diffusion.

21



Dclarer votre siteASPECT JURIDIQUE La loi du 6 janvier 1978 reconnat essentiellement sept droits aux personnesLe droit linformation pralable : le contrle par lindividu des donnes qui le concernent suppose de sa part la connaissance des fichiers dans lesquels il est recens. Le droit de curiosit : toute personne justifiant de son identit a le droit dinterroger les services ou organismes chargs de mettre en uvre les traitements automatiss pour savoir si ces traitements portent sur des informations nominatives la concernant et, le cas chant, en obtenir communication. Le droit daccs direct : toute personne a la possibilit de connatre lexistence ou non de donnes la concernant dans un fichier automatis ou manuel et, si elle le dsire, den obtenir communication. Le droit daccs indirect : pour certaines donnes nominatives, la loi prvoit un intermdiaire entre les personnes et lorganisme qui dtient le traitement. Le droit de rectification : toute personne peut faire corriger les erreurs quelle a pu dceler loccasion de la communication des informations la concernant. Ainsi, en cas dinexactitude, elle peut exiger que ces informations soient rectifies, compltes, clarifies, mises jour ou effaces. Le droit dopposition : toute personne peut dcider elle-mme de lutilisation de donnes la concernant et a donc la possibilit de sopposer figurer dans certains fichiers ou de refuser la communication des informations qui la concernent des tiers. Le droit loubli : la loi reconnat lindividu un droit loubli en limitant dans le temps la conservation des donnes nominatives stockes dans la mmoire des ordinateurs afin dviter dattacher aux personnes des tiquettes dfinitives.

Les sites web, jusquau 1er aot 2000, taient considrs comme des services de communication audiovisuelle et taient encadrs par la loi du 30 septembre 1986. Ils devaient donc tre dclars au CSA, ainsi quau Procureur de la Rpublique du domicile ou du sige social du dclarant. Ce nest plus le cas maintenant et la seule dclaration principale qui reste est celle effectuer auprs de la Commission nationale de linformatique et des liberts (CNIL). Les sites web qui collectent des informations nominatives doivent respecter la loi Informatique et Libert du 6 janvier 1978 en effectuant une dclaration auprs de la CNIL relative au traitement automatis des donnes. Ils doivent galement prvenir les internautes de lexistence de ce traitement de donnes et de leurs droits (droit daccs et de rectification aux informations les concernant). Or, la CNIL considre une adresse lectronique ou un numro de carte bancaire comme une donne nominative. De plus, tout site vocation commerciale est amen procder des traitements informatiss et doit donc galement faire cette dclaration. Cette dernire peut se faire en ligne partir dune application tlchargeable sur le site de la CNIL ladresse http://www.cnil.fr/declarer/ internet.htm. dfaut, lentreprise risque une amende. Ce risque est faible aujourdhui mais avec la rforme de la loi Informatique et Libert (en cours), il y aura une possibilit pour la CNIL de se constituer partie civile au procs pnal et de prononcer des sanctions financires directement (comme lART ou le CSA).

Figure 116 Le site de la CNIL vous propose la possibilit de dclarer votre site en ligne,

de tlcharger des documents en PDF et de consulter des articles et dossiers relatifs la protection de donnes personnelles (http://www.cnil.fr)

22

Eyrolles, 2002

Citons aussi dautres organismes qui peuvent tre consults en fonction de la particularit de votre site : La Commission des oprations de bourse (COB) et ses recommandations pour la cration dun site financier. Le Bureau de vrification de la publicit (BVP) pour la mise en place de bandeaux publicitaires. La Direction gnrale des Douanes et des Droits indirects (DGDDI) pour limportation de produits dun site marchand. La Direction gnrale de la Concurrence, de la Consommation et de la Rpression des Fraudes (DGCCRF) pour un site de vente en ligne.

Placer en ligne les conditions gnrales dutilisation du siteLes sites professionnels doivent comporter certaines mentions destination des internautes : le nom dun directeur de publication ou celui dun responsable de la rdaction ; pour une socit, la dnomination, le sige social et le nom du reprsentant lgal ; le rcpiss de la CNIL. Dautres indications, qualifies de dclaratives car non obligatoires, peuvent galement tre places en ligne : responsabilit et garanties quant lutilisation du site ; protection des donnes personnelles/vie prive ; avertissement quant la protection du contenu du site. Soulignons que tout site dinformation doit dsigner un directeur de publication (comme dans la presse crite) que lon doit porter la connaissance du public. Ce directeur de publication sera responsable de lensemble des informations contenues dans le site, notamment en cas de violation des dispositions en matire de droit de la concurrence, de la consommation, de protection des mineurs, datteinte la dignit de lhomme, de la femme et des enfants, dinformatique et libert, etc. Il sera en outre destinataire de toutes les dcisions des autorits judiciaires lui commandant de fermer ou non le site.

Vous trouverez en annexe un modle de conditions gnrales dutilisation dun site web avec des exemples.

Quelques dmarches pour protger votre siteMme si une uvre est protge ds sa cration, il faut en prouver lauthenticit et loriginalit. Plusieurs dmarches peuvent vous aider dans ce sens : Un pli avec les lments du site sur papier A4 que lon sest envoy en recommand avec accus de rception. Une fois reu, ce dernier devra tre conserv sans tre ouvert afin de justifier de lantriorit de luvre en cas de litige. Un dpt lInstitut national de la Proprit industrielle (INPI) de formulaires denregistrements avec une description des lments protger (http://www.inpi.fr). Eyrolles, 2002

23



La Socit des Gens de Lettres (SGDL) propose aux auteurs un service de dpt des uvres qui garantit lauteur une date certaine de sa cration. Sont accepts les manuscrits de romans, nouvelles, contes, scnarios, les plans darchitecture, les documents photographiques, les listages de logiciels, les progiciels, les banques de donnes etc. Un dpt auprs de lAPP du code source du site. Lenvoi sur un serveur FTP spcialis dans le dpt de document en ligne tel MediaRegister (http://www.mediaregister.com/) de votre uvre. Vous avez galement la possibilit dutiliser plusieurs techniques de protection. Par exemple, le dpt du nom de votre site comme une marque dans la classe 38 (tlcommunications : communications par terminaux dordinateurs) auprs de lINPI ou bien lutilisation du systme mis en place par lAPP : IDDN (InterDeposit Digital Number) qui protge les uvres numriques (voir ce sujet lencart de Murielle Cahen). Enfin, la simple apposition dune mention lgale prs de loeuvre protge peut dcourager les internautes mal intentionns : Aucune reproduction, mme partielle, autres que celles prvues larticle L 122-5 du Code de la Proprit intellectuelle, ne peut tre faite de ce site sans lautorisation expresse de lauteur .

Le lancement du site et la clture du projetParalllement la prparation de lexploitation et aux aspects juridiques et administratifs, le lancement devra sorganiser en suivant une stratgie de promotion labore ds la dfinition du projet. Votre budget va directement influencer la politique suivre pour faire connatre votre site : dfinition des supports de communication en ligne (publicit en ligne, e-mailing, change de liens) ou off-line (publicit, communiqu de presse). Cest galement cette tape que vous envisagez des stratgies de cybermarketing : marketing viral (permettant la diffusion dinformations sur Internet au plus grand nombre et moindres cots) et/ou de marketing tribal (vous permettant la mise en uvre dune communaut dinternautes fidliss autour de votre site web). Une fois toutes ces tches ralises, il faut effectuer une dernire passe rapide sur le site plac sur le serveur de production afin de relever et de corriger les derniers bugs, puis soumettre votre site auprs des principaux outils de recherche du Web (voir ce sujet le chapitre 4 du prsent ouvrage). la fin du projet, un bilan devra tre tabli, dnomm en gestion de projet bilan post mortem , qui retracera les diffrentes phases du projet, les aspects positifs comme ngatifs, les charges consommes, les dlais et les conflits rencontrs. Ce bilan permettra par la suite de servir de rfrence pour tout nouveau projet similaire.

ALLER PLUS LOIN Promotion du siteLe chapitre 5 du prsent ouvrage dcrit les diffrentes stratgies possibles pour la promotion de votre site web.

24

Eyrolles, 2002

Parole dexpert : comment protger son site web des contrefaons ?Par Murielle Cahen La cration dun site web demande la mise en place pralable dune stratgie technique, marketing, financire et juridique, qui suppose, tant pour les entreprises que pour les professionnels personnes physiques, les organismes et associations, voire les particuliers, un effort intellectuel et conomique important. Dterminer le cadre juridique de la protection des sites Internet prsente, sans doute, un grand intrt pour les acteurs du monde virtuel. na aucun droit ni intrt lgitime sur le nom de domaine en cause et quil est de mauvaise foi. Si la raison sociale de votre entreprise correspond au nom de domaine souhait. Vous pouvez rclamer la protection de votre dnomination sociale sur le fondement de larticle 1382 du Code civil. Mais il faut que celui qui a enregistr la dnomination sociale de votre socit comme nom de domaine nait aucun droit ni intrt lgitime sur le nom de domaine en cause. Si, par exemple, il sagit dune socit qui a une dnomination sociale similaire ou identique, il faudra prouver quil y a, du fait de lutilisation du nom de domaine, confusion dans lesprit du public.

Que peut-on protger ?Les lments constitutifs dun site Internet bnficient, au mme titre que les autres uvres de lesprit, de la protection par le droit de la proprit intellectuelle. Il en va de mme pour le site en lui-mme, en tant quuvre multimdia.

Le titre, le logo et les lments graphiquesLe titre du site web et/ou le logo peuvent tre protgs tant par le droit de marques, ce qui suppose leur dpt pralable auprs de lINPI, que par le droit dauteur, sil a un caractre original (ce dernier, apprci par le juge, sentend de lempreinte de la personnalit de lauteur).

Le nom de domaineLa protection des noms de domaine nest pas expressment prvue par la loi. cet effet, le nom de domaine pourrait tre assimil un nom commercial ou une enseigne, tant donn quil sert identifier une entreprise sur un espace virtuel. Or, un nom commercial ou une enseigne nest protg que si ce nom commercial ou cette enseigne est utilis. Par consquent, la simple rservation ou lenregistrement dun nom de domaine, sans que celuici soit effectivement exploit travers un site Internet actif, ne confre pas le droit son titulaire dinterdire sa reproduction ou sa rutilisation. Cependant, le nom de domaine dun site peut tre protg de trois manires diffrentes : Par le droit des marques, sil en constitue une ou sil se base sur sa variante. En effet, le droit des marques a un caractre absolu et le titulaire dune marque peut sopposer toute reproduction, usage ou apposition de celle-ci, dans les limites du principe de la spcialit, cest--dire pour des produits ou services similaires ceux dsigns dans lenregistrement. Si vous avez dj rserv un nom de domaine dans une zone spcifique (.fr par exemple) vous pouvez vous opposer lutilisation de votre nom de domaine par un tiers dans une autre zone (.com, .net), en ayant recours la procdure de rglement uniforme des litiges relatifs aux noms de domaine de lICCAN. Cette procdure a pour objet dorganiser le transfert des noms de domaine au profit du requrant, ou la radiation de lenregistrement du nom de domaine. Pour cela, il faut prouver que le dfendeur

La structure du site : aspect des pages, arborescence, scnario de navigation sont protgeables au titre de la protection des bases de donnesLa condition doriginalit vaut galement pour la prsentation du site. Ainsi, une page-cran, un graphisme, une animation ou larborescence dun site peuvent tre protgs en tant quuvres de lesprit, lorsquils prsentent un caractre original. Il en va de mme pour ce qui concerne lassemblage de textes, dimages, de sons et de liens hypertextes. Si le site web prsente un aspect graphique, il peut galement tre protg par un dpt de modle auprs de lInstitut national de la Proprit industrielle, sous rserve que ladite uvre graphique soit nouvelle.

Le contenu du site : texte, information et base de donnesArticles, dossiers, cours, texte : tous ces lments sont protgs par le droit de la proprit intellectuelle qui sapplique pleinement dans lunivers numrique. Selon les cas, il peut sagir duvres protges par le droit dauteur ou des prestations dauxiliaires de la cration, bnficiaires de droits voisins du droit dauteur (artistes-interprtes, entreprises de communication audiovisuelle...).

Eyrolles, 2002

25



Un site web peut, par ailleurs, bnficier de la protection sui generis des bases de donnes, sil rpond la dfinition de la base de donnes de larticle L.112-3 du Code de la proprit intellectuelle : recueil duvres, de donnes ou dautres lments indpendants disposs de manire systmatique ou mthodique et individuellement accessibles par des moyens lectroniques ou par tout autre moyen . Le producteur dune base de donnes a le droit dinterdire lextraction, par transfert permanent ou temporaire, de la totalit ou dune partie qualitativement ou quantitativement substantielle du contenu dune base de donnes sur un autre support, ainsi que la rutilisation, par la mise la disposition du public de ceci (article L. 342-1 CPI). Le rgime juridique des bases de donnes peut notamment sappliquer une compilation dhyperliens, pourvu que ceux-ci soient disposs de manire systmatique ou mthodique et tre individuellement accessibles. noter que les lments contenus dans une base de donnes peuvent tre galement protgs indpendamment de cette base par le droit dauteur et les droits voisins.

blissement en France ou dans un tat membre de lUnion europenne ou de lEspace conomique europen. Avant de dposer une marque, il est ncessaire de vrifier si le signe choisi est disponible. LINPI permet deffectuer des recherches lidentique parmi les marques en vigueur en France : les marques franaises, les marques communautaires et les marques internationales dsignant la France et les noms commerciaux. Quant au cot du dpt, il slve 215 euros jusqu trois classes et au-del de cela, 38 euros par classe.

Les diffrents moyens pour prouver la proprit dune uvre : texte, logiciel, code sourceLes auteurs duvres de lesprit peuvent procder un dpt auprs des diffrentes socits de gestion collective des droits dauteur (voir tableau ci-dessous), de lInstitut national de la Proprit industrielle, dun notaire ou dun huissier.

SACEM Socit dauteurs et compositeurs de musique SCAM Socit civile des auteurs du multimdia

www.sacem.fr www.scam.fr

Le code source des pagesLe langage de programmation (code source) du site web peut tre protg par le droit dauteur, mais la condition doriginalit est ici difficile tablir. Aux termes de la directive communautaire de 1991 (91/250/CEE) : un programme est original sil est la cration intellectuelle propre son auteur . Loriginalit de luvre multimdia est acquise, ds lors que celui-ci, dans sa composition ou son expression, va au-del dune simple logique automatique ou dun mcanisme intellectuel ncessaire. La cration dune architecture propre au site web, dun scnario de navigation et lorganisation des diffrents composants de celui-ci suffit, en principe, pour le rendre uvre originale. Ainsi, toute reproduction, reprsentation ou modification du site web, faite sans le consentement de lauteur ou du titulaire des droits est illicite et constitue une contrefaon.

SESAM Socit commune de gestion des droits www.sesam.org dauteur pour la production multimdia APP Organisation europenne des auteurs app.legalis.net de logiciels et concepteurs en technologies de linformation

Comment protger ces lments ?Le dpt de la marqueLes dpts des marques seffectuent auprs de lINPI (Institut National de Proprit Industrielle, www.inpi.fr). Ils peuvent y tre remis directement ou adresss par voie postale. Si vous navez ni domicile, ni sige, ni tablissement en France ou dans un tat membre de lUnion europenne ou de lEspace conomique europen, vous tes tenu deffectuer votre dpt auprs de lINPI et de choisir un mandataire qui ait son domicile, son sige ou un ta-

Il existe galement des dpts en ligne permettant denvoyer un serveur darchivage qui procde une datation avec avis de rception comme les site cyberprotec.com ou fidealis.com (CD archiv par et chez un huissier). Ce dpt ninstitue quune prsomption de proprit qui peut tre combattue par la preuve contraire. Autre moyen, lenveloppe Soleau, gre par lINPI (http:// www.inpi.fr/inpi/html/infoprat/envsoleau/indexbis.htm), qui permet, moyennant 10 euros, de se prconstituer la preuve dune cration en lui donnant date certaine. Elle comporte deux compartiments. Lutilisateur est invit introduire dans chacun deux un exemplaire de la description, ou dune reproduction en deux dimensions, de sa cration ; puis, adresser lenveloppe lINPI (ventuellement en recommand). LINPI, aprs enregistrement et perforation de lenveloppe au laser retourne un compartiment lutilisateu. On recommande de conserver ce compartiment sans le dcacheter et de conserver lautre compartiment dans ses archives pour tre produit en justice en cas de besoin.

26

Eyrolles, 2002

Lenveloppe est conserve lInstitut pendant une priode de cinq ans qui peut tre proroge une fois moyennant paiement de la mme redevance que celle prvue pour lachat dune enveloppe (10 euros). Enfin, sachez que vous pouvez vous envoyer vousmme, en objet recommand, un exemplaire de luvre cre dans une enveloppe spciale. Une fois reue, lenveloppe ne doit pas tre ouverte. En cas de contestation de paternit, lenveloppe sera ouverte devant huissier. Le cachet de la poste faisant foi, cette preuve acquiert date certaine.

Les mentions lgalesLditeur du site doit avertir expressment les internautes quant la protection du contenu de son site par le droit de proprit intellectuelle et industrielle. Si la marque est dpose et enregistre, il peut mentionner le , symbole de registered, et apposer le , symbole de copyright, titre pdagogique. (Il sagit en effet dune formalit qui nest pas obligatoire. La protection est accorde ds lacte de cration originale. Une telle mention a comme seul objectif de prvenir les internautes du fait que les uvres sont protges.) Enfin, il est possible de recourir au systme dInterdeposit (IDDN : International Identifier of Digital Works, www.iddn.org) qui signale lutilisateur les coordonnes du titulaire du droit dauteur sur luvre et les restrictions dutilisation de celle-ci.

Quels sont les recours en cas de contrefaon ?La contrefaon est la reproduction totale ou partielle dun lment protg. Pour se protger de celle-ci, la premire tape est de la faire constater, en faisant appel un huissier de justice ou un agent asserment de lAgence pour la protection des programmes (APP) (www.app.legalis.net). Une fois le constat obtenu, il convient de saisir le juge pour faire cesser la contrefaon et obtenir des dommages-intrts. Le type de tribunal comptent est fonction des parties en cause : si les parties sont toutes commerantes, cest le tribunal du commerce, sinon cest le tribunal de grande instance. Toutefois, le demandeur non commerant peut attraire le dfendeur commerant au tribunal du commerce. Sil sagit dune action en contrefaon de marque, le tribunal de grande Instance est seul comptent. Larticle L.716-6 1er alina du Code de la Proprit intellectuelle prvoit que Lorsque le tribunal est saisi dune action en contrefaon, son prsident, saisi et statuant en la forme des rfrs, peut interdire, titre provisoire, sous

astreinte, la poursuite des actes argus de contrefaon, ou subordonner cette poursuite la constitution de garanties destines assurer lindemnisation du propritaire de la marque ou du bnficiaire dun droit exclusif dexploitation . Pour obtenir des dommages-intrts il faut intenter une procdure au fond. Il est, pourtant, possible de demander une provision devant le juge des rfrs. En ce qui concerne spcialement le nom de domaine, le titulaire de celui-ci pourrait engager une action en concurrence dloyale devant les tribunaux de commerce ou civils, selon la qualit du dfendeur, en vue dobtenir, une interdiction dutiliser le signe litigieux. Linterdiction est gnralement accompagne dune astreinte, gnralement une somme forfaitaire par jour de retard, pour assurer lefficacit de la mesure dinterdiction. Le titulaire dun nom de domaine pourrait en outre obtenir du Tribunal des dommages et intrts titre de rparation, ainsi quune publication du jugement dans des journaux spcialiss de son choix. Toutefois, latteinte un nom de domaine nest pas un dlit pnal, contrairement latteinte aux autres droits de la proprit intellectuelle. En effet, la contrefaon dun droit dauteur, dun dessin ou modle dpos ou dune marque, est un dlit pnal, qui peut tre sanctionn dune peine demprisonnement de deux ans et dune amende de 150 000 euros damende. Enfin, si le nom de domaine est galement dpos titre de marque, son titulaire peut agir en contrefaon et/ou en concurrence dloyale et parasitisme contre toute personne qui utilise le mme nom de domaine ou sa variante, devant le tribunal de grande instance. Dans le cadre dune action en contrefaon de marque, des mesures en rfr peuvent tre ordonnes par le prsident du tribunal saisi de laction au fond, pourvu que celle-ci prsente un caractre srieux et quelle soit engage bref dlai compter du moment o le propritaire de la marque a eu connaissance de la contrefaon.

Murielle Cahen, avocate Paris, a cr depuis 1997 un site juridique trs complet : lexique juridique, droit dInternet, articles thmatiques. Son cabinet propose des rponses aux questions juridiques dInternet, aux problmes de la vie des socits et de la vie quotidienne.B http://www.murielle-cahen.com/

Eyrolles, 2002

27



Synthse : le cycle de vie dun projet webDbut projet- Analyse des besoins - tude de faisabilit - tude de march - tude concurrence - Type de site - Objectifs gnraux du site

tude pralable

PHASE 1 : Dfinition du projet

Rdaction du plan projet

- Plan projet - Estimation budgtaire

Validation client- Dfinition des rles - Contrat de ralisation (si besoin) - Rpartition des tches

Constitution de l'quipe

Structure du site et des pages web

Architecture et infrastructure

PHASE 2 : Conception du site

- Analyse fonctionnelle - Dossier d'architecture - Plan du site - Trames des pages

Validation client- Templates graphiques - Maquette - Charte graphique

Aspect du site

Validation client

Ralisation de l'ossature du site

- Modles pages principales & secondaires

PHASE 3 : Ralisation du site

Intgration statique

Intgration dynamique

- Site web sur serveur test

Tests & recettes

- Rapport de tests - Corrections

Validation client- Processus d'exploitation du site - Documentation - Mise en place d'outils d'analyse d'audience - Dclaration du site - CGU - Protection du site - Dbut de campagne de promotion

PHASE 4 : Mise en ligne du site

Prparation l'exploitation

Administratif & juridique

Lancement & promotion

Bilan post-mortem

Fin projet

28

Eyrolles, 2002

Tester vos connaissances Quelles sont les quatre principales phases de toute conduite de projet web ? Quelles sont les rles/ressources cls dun projet web ? Quelles diffrences existe-t-il entre une trame de page, une template et une maquette ? Quelles sont les tapes dune ralisation ? Quels types de tests pouvez-vous raliser pour valider votre site web ? En quoi consiste la prparation lexploitation du site ? Quels sont les aspects juridiques prendre en compte au cours de votre projet ? Quappelle-t-on le lancement dun site web ?

En rsumLa cration dun site web doit suivre une mthodologie bien dfinie, avec des phases clairement identifies. Ce chapitre vous a permis dacqurir les connaissances gnrales indispensables toute gestion de projet web en dcrivant tape par tape les actions entreprendre et les livrables qui seront attendus. Pour conclure, soulignons quen conduite de projet web (comme dans toute autre conduite de projet) vous tes parfois oblig de faire preuve dune grande flexibilit desprit : les objectifs, les dlais et les cots, voire les facteurs externes, peuvent donner lieu des arbitrages et des changements de primtre. Bien sr, la mthodologie prsente ici nempchera pas votre projet dy chapper. Cependant, elle vous permettra de disposer dun cadre de rfrence qui vous aidera tout au long de la mise en place de votre site.

Eyrolles, 2002

29


Documents

Conduite de Projet Web