ELMENTS DE MTHODOLOGIE

POUR LA CONCEPTION D'UN SITE WEB

*
OBJECTIFS
Connatre les lments-clef de la conception d'un site Web
Etre capable de participer la conduite d'un tel projet

*
MICHEL CARTEREAU - NOVEMBRE 2013

AgroParisTech - UFR d'informatique - 16, rue Claude Bernard - F 75231 PARIS CEDEX 05
michel.cartereau agroparistech.fr - Tlphone : +33 1 44 08 16 80
* http://www.agroparistech.fr/mmip/mc/

UN EXEMPLE DE PUBLICATION
A QUOI CELA PEUT-IL CORRESPONDRE ?

CONTEXTE
UN INSTITUT PUBLIC DE RECHERCHE
Activits scientifiques, de formation continue, de documentation
MISE EN PLACE D'UN SITE WEB
Amlioration de sa communication et offre de services lectroniques

OBJECTIFS
PRESNTER LES ACTIVITS DE L'TABLISSEMENT
dpartements, quipes et thmes de recherche
FACILITER LA RECHERCHE D'INFORMATION
fonds documentaire, annuaire, publications, catalogue de formations
DIFFUSER UNE INFORMATION CIBLE
offres de stages, bulletins, revues de presse, lettres d'information
PERMETTRE L'ANIMATION DE RSEAUX OU GROUPES DE TRAVAIL
outils de discussion collective ou de partage d'information
VENDRE DES DONNES EN LIGNE
accs payant des bases de donnes spcialises

Conception d'un site Web - Page 2

LE PROJET
COMMENT S'ORGANISE LE PROJET ?

PREMIRE PHASE DE CONCEPTION

QU'Y-A-T-IL PUBLIER ET POUR QUEL PUBLIC ?
QUELLE EST LA STRATGIE DE COMMUNICATION ?
QUELS SONT LES MOYENS DISPONIBLES ?

DEUXIME PHASE DE RALISATION

QUI PARTICIPE ?
QUELLES SONT LES TCHES DE PRODUCTION ?
QUELS OUTILS UTILISER ?

TROISIME PHASE D'EXPLOITATION

COMMENT S'EFFECTUE LA MISE JOUR DE L'INFORMATION ?
QUI ASSURE LE SUIVI ET L'VOLUTION DU SITE ?

UNE DMARCHE MTHODOLOGIQUE

CLASSIQUE

Conception d'un site Web - Page 3

PHASE DE CONCEPTION

BIEN CONNATRE L'ENVIRONNEMENT

NATURE DES INFORMATIONS PUBLIER
inventaire, confidentialit et des droits affrents, l'existant
PROCESSUS DE PRODUCTION D'INFORMATION
d'o vient l'information et comment volue-t-elle, quel rythme ?
MOYENS HUMAINS ET FINANCIERS
personnes disponibles, budget, dure prvisionnelle

DEFINIR L'AMBITION DU SITE

PUBLIC VIS
qui va tre amen consulter le site ? pourquoi le visiter ? et revenir ?
ANALYSE DE LA CONCURRENCE ET-OU DU SECTEUR
quelles seront l'originalit et l'intrt du site ?
SERVICES OFFERTS
que va-t-on proposer aux utilisateurs ? quels sont les objectifs viss ?
quel contact va-t-on tablir avec lui ?
USAGES PRVUS
quels seront les modalits et les buts de la consultation ?

SPCIFIER L'ARCHITECTURE
MODES D'ACCS L'INFORMATION
dcoupage hypertextuel, recherche par mot-clefs, base de donnes
MISE EN FORME GNRALE
dfinition d'une charte graphique, du mode de reprage interne au site
DOCUMENT DE CRATION
numration et planification des tches, valuation financire
MISE EN PLACE D'UN COMIT DE PILOTAGE,
POSSIBILIT DE FAIRE APPEL DES PRESTATIONS DE CONSEIL

Conception d'un site Web - Page 4

PHASE DE RALISATION

CONSTITUTION DE L'QUIPE
RUNION DE MTIERS DIFFRENTS
graphistes, informaticiens, diteurs, producteurs d'information
TRAVAIL COLLECTIF
communication, coopration, rsolution collective de problmes,
mise en place d'outils d'change et-ou de support du travail collectif
MATRISE D'OUVRAGE
rpartition des tches, coordination et animation de l'quipe,
plannification, suivi du budget

PRODUCTION
PRPARATION DE L'INFORMATION
mise en forme pour l'intgration aux pages
CONCEPTION GRAPHIQUE
modles de page, feuilles de styles, illustrations
RALISATION
intgration des documents, programmation complmentaire
DVELOPPEMENT ITRATIF
mise en uvre de techniques de maquettage

MISE EN SERVICE
VALIDATION FINALE
des contenus, des fonctions, de l'ergonomie et technique
MISE EN LIGNE
installation sur le serveur d'exploitation, rfrencement, promotion et
dclaration du site 1

Cas de fichier de donnes personnelles ; cf. le site de la CNIL : http://www.cnil.fr/

Conception d'un site Web - Page 5

PHASE D'EXPLOITATION

SUIVI
SURVEILLANCE
dtection des anomalies de fonctionnement ou tentatives de piratage,
valuation des performances
STATISTIQUES D'ACCS
mesure de l'audience et identification des usagers
COLLECTE D'INFORMATION
retours de consultation par messagerie ou questionnaire

EVOLUTION DU SITE
ENRICHISSEMENT ET MISE JOUR DE L'INFORMATION
rythme de modification et modalits d'avertissement
SURVEILLANCE DE LA STRUCTURE HYPERTEXTUELLE
dtection et mise jour des liens invalides
RENOUVELLEMENT DE LA PRSENTATION
rapidit du vieillissement de la prsentation, volution de la technique

Conception d'un site Web - Page 6

CYCLE DE VIE DU SITE

OBSOLESCENCE PROGRAMME :
DURE DE VIE LIMITE SUR LE WEB

Conception d'un site Web - Page 7

L'INFORMATION

CARACTRISTIQUES
TYPE DE DOCUMENT
textuels, indexs, donnes, images, audio, vido, animations
SUPPORT ORIGINAL
papier, fichier informatique, enregistrement analogique (audio, vido)
DROITS D'EXPLOITATION
identification des droits d'auteurs, du degr de confidentialit
CYCLE DE VIE
processus de production et de validation, dure de validit

EXPLOITATION
ADAPTATION AU SUPPORT HYPERMDIA
numrisation, conversions, tatouages, structuration hypertextuelle
LIAISON AVEC UN SYSTME D'INFORMATION
couplage avec une base de donnes, un collecticiel d'dition
CONTRAINTES DE CONSULTATION
outils de reproduction, protection contre le remploi, bande passante

Conception d'un site Web - Page 8

LES OUTILS

CONSTRUCTION DU SITE
PREPARATION DES DOCUMENTS MULTIMEDIA
quipements de numrisation, de stockage, banc de montage
logiciels de cration, retouche, montage, conversions
CRATION DE PAGES
diteurs spcialiss, outils de dveloppement (JavaScript, Java, ...)

HEBERGEMENT
EQUIPEMENT INFORMATIQUE ET DE COMMUNICATION
serveur et logiciels spcialiss, routeurs, pare-feux, ...
avec possibilit d'hbergement par un prestataire spcialis
SERVICES COMPLMENTAIRES AU SERVEUR HTTP
scripts, indexation, listes de diffusion, forums de discussion
COUPLAGE AVEC DES BASES DE DONNES
passerelles logicielles (CGI, PHP, ASP, ...)
CAS D'UN NOUVEAU NOM DE DOMAINE
Achat du nom auprs d'un prestataire spcialis (Registrar)

ADMINISTRATION
GESTION DU SITE
aide la mise jour, validation automatique des liens
STATISTIQUES D'UTILISATION
extraction automatique partir de journaux de consultation

Conception d'un site Web - Page 9

EXEMPLE D'HBERGEMENT
CAS DU PRESTATAIRE FRANAIS OVH

Voir en http://www.ovh.fr/

Conception d'un site Web - Page 10

EXEMPLE D'ACHAT DE DOMAINE

CAS DU PRESTATAIRE FRANAIS GANDI

Principale socit franaise d'enregistrement de domaine : http://www.gandi.net/

Conception d'un site Web - Page 11

EXEMPLE DE SUIVI DES CONSULTATIONS

CAS DU LOGICIEL AWSTATS

LGENDE
Pages : nombre de fois qu'une des pages du site est vue
Hits : nombre de fois qu'une page, une image ou un fichier est vu/tlcharg
Visites : nouveau visiteur non connect dans l'heure d'avant

PRESTATAIRES SPCIALISS, EXEMPLE : Google analytics

Logiciel libre : http://awstats.sourceforge.net/

Conception d'un site Web - Page 12

EXEMPLE DE VRIFICATION DES LIENS

CAS DU LOGICIEL XENU

Logiciel gratuit pour Windows : http://home.snafu.de/tilman/xenulink.html

Conception d'un site Web - Page 13

LES ACTEURS

UNE GRANDE FAMILLE DE MTIERS

PRODUCTEURS ET MANIPULATEURS D'INFORMATION
secrtaires, enseignants-chercheurs, ingnieurs, documentalistes
CRATEURS EN MULTIMDIA
graphistes, maquettistes, enregistrement et montage audio-vido
INFORMATICIENS
dveloppeurs, administrateurs de rseau, serveurs ou SGBD
SPCIALISTES EN PUBLICATION SUR LE WEB
crateurs de pages, ergonomes, diteurs de sites

UNE COMMUNAUT DE TRAVAIL

EQUIPE PLURIDISCIPLINAIRE
des mthodes de travail, des attitudes et des langages diffrents
CONDUITE DE PROJET DLICATE
coordination et animation de l'quipe, suivi de la planification
GESTION DE PROJET PRIMORDIALE
un chef de projet et-ou un comit de pilotage

Conception d'un site Web - Page 14

ASPECTS CONOMIQUES

PRINCIPALES CARACTRISTIQUES
COTS
ressources humaines leves (prestation de ralisation et de suivi)
investissement informatique limit (formules d'hbergement bon march)
VENTE EN LIGNE
scurit du paiement en ligne garantir contre les actes frauduleux

VENTE EN LIGNE
TERMINAL DE PAIEMENT LECTRONIQUE PAR CARTE BANCAIRE
prestation assure par un organisme bancaire
paiement scuris en ligne sur un site indpendant du site marchand
cots : frais de mise en place + abonnement + commission ( 1 %)

Source : http://www.creer-entreprise.com/ECO/comparatif-solutions.php
PORTEFEUILLE LECTRONIQUE
paiement sans carte bancaire avec un identifiant et un mot de passe
exemples : Paypal (eBay), Paylib (BNP Paribas, Socit Gnrale,
Banque Postale), Kwixo (Crdit agricole)
MONNAIE VIRTUELLE
monnaie indpendante d'un tat ou d'un tablissement bancaire
exemple : bitcoin (http://bitcoin.org/)

Conception d'un site Web - Page 15

ASPECTS JURIDIQUES

PRINCIPALES CARACTRISTIQUES
TRAITEMENTS INFORMATIQUES
informations nominatives (loi informatique et liberts)
REPRODUCTION ET DIFFUSION
droits des auteurs (code de la proprit intellectuelle)
SCURIT ET CONFIDENTIALIT
fraude informatique (code pnal), cryptographie (loi du 26 VII 1996)
RESPONSABILIT DE PUBLICATION
injure, diffamation etc. (droit de la presse et de la communication)
ACTIVITS MARCHANDES
contrat de vente (loi pour la confiance dans lconomie numrique)
ACCS L'INTERNET
identification des connexions et des accs aux services de publication

RESPONSABILITS DES DIFFRENTS ACTEURS

AUTEUR D'UN CONTENU
responsable selon le droit de la presse et de la communication
EDITEUR D'UN SITE
responsable de tous les contenus figurant sur son site
COMMERANT EN LIGNE
excution du contrat avec l'acheteur (conditions gnrales de vente)
HBERGEUR
obligation de retrait d'un contenu litigieux en cas de notification dtaille
FOURNISSEUR DACCS INTERNET
conservation des donnes de connexion pendant 1 an

Conception d'un site Web - Page 16

LE DROIT D'AUTEUR

PROTECTIONS DES UVRES

TOUTES LES UVRES DE L'ESPRIT, CONDITION D'TRE ORIGINALES

uvres littraires ou artistiques, logiciels, etc.

PROTECTION AUTOMATIQUE DE L'AUTEUR, SANS AUCUNE FORMALIT
en France : Code de la proprit intellectuelle (CPI) du 1er VII 1992
LES DIFFRENTS DROITS DE L'AUTEUR
DROIT MORAL : PERPTUEL, IMPRESCRIPTIBLE ET INALINABLE
divulgation : il dcide ou non de rendre publique son uvre
paternit : il peut exiger que son nom figure sur l'uvre
respect de l'intgrit : il peut s'oppposer toute modification
retrait (ou repentir) : il peut arrter l'exploitation de l'uvre
DROITS PATRIMONIAUX : CESSIBLES, CONCERNENT L'EXPLOITATION DE L'UVRE
PENDANT UNE CERTAINE DURE APRS SA MORT (EX. : 70 ANS)
reproduction : par tout procd (impression, photographie, photocopie, ...)
reprsentation : diffusion publique (projection, rcitation, tldiffusion, ...)

Conception d'un site Web - Page 17

APPLICATION DU DROIT D'AUTEUR

SANCTIONS
CONTREFAON : dlit d'atteinte aux droits de la proprit intellectuelle
PEINES : amendes (max. 1 million F) et emprisonnement (max. 2 ans)
EXCEPTIONS
DOMAINE PUBLIC : pas ou plus de droit d'exploitation de l'uvre
UVRE LIBRE DE DROIT : autorisation explicite de reproduction et diffusion
COPIE PRIVE : autorise mais strictement limite l'usage personnel
BRVE CITATION : autorise pour l'uvre littraire, en donnant la source
REPRSENTATION EN PRIV : si gratuite et limite au cercle de famille
EXCEPTION PDAGOGIQUE : des fins denseignement et de recherche
RUTILISATION D'UN DOCUMENT (TEXTE, POME, IMAGE, ...)
1) IDENTIFIER LES DROITS DE REPRODUCTION
non ncessaire si citation brve avec indication de l'auteur,
mais indispensable dans les autres cas (y compris la numrisation)
2) SI LE DOCUMENT EST PROTG
obtenir une autorisation crite de l'auteur ou des ayants droit
3) SI LA RUTILISATION EST LIBRE DE DROIT (INDICATION EXPLICITE)
dans tous les cas, citer la source du document (article, site, etc.)
4) SI L'ORIGINE DU DOCUMENT EST INCONNUE
ajouter la lgende DR (droits rservs l'auteur ventuel)
RFRENCES : http://www.legifrance.com/

[le droit franais]

http://fr.wikipedia.org/wiki/Droit_d%27auteur [encyclopdie Wikipedia]

http://www.cfcopies.com/ [Centre franais d'exploitation du droit de copie]

Conception d'un site Web - Page 18

OBLIGATIONS LGALES
CAS DE LA FRANCE
DCLARATION DU SITE
SITE DE LA CNIL : http://www.cnil.fr/

INDICATIONS SUR LE SITE

MENTIONS LGALES
Identification du responsable de la publication (et de l'hbergeur)
Informations relatives la collecte d'informations personnelles
Droits de reproduction des documents
Loi sur la communication audiovisuelle (1er aot 2000)
Loi pour la confiance dans l'conomie numrique (21 juin 2004)

Conception d'un site Web - Page 19

DCLARATION D'UN SITE INSTITUTIONNEL

Dlibration n2006-138 du 9 mai 2006 dcidant de la dispense de
dclaration des traitements constitus des fins dinformation ou de
communication externe (dispense de n7) - J.O n 128 du 3 juin 2006
[...]
Les traitements constitus des fins dinformation ou de communication externe sont des
traitements courants ne paraissant pas susceptibles de porter atteinte la vie prive des
personnes dans le cadre de leur utilisation rgulire. La Commission estime en consquence
quil y a lieu de faire application des dispositions de larticle 24.II de la loi du 6 janvier 1978
modifie et de dispenser ces traitements de toute formalit dclarative pralable.
Article 1er : Sont dispenss de dclaration les traitements constitus des fins dinformation ou
de communication externe comportant des donnes sur des personnes physiques qui rpondent
aux conditions suivantes.
Article 2 : Finalits du traitement
Les traitements doivent avoir pour seules finalits la constitution et lexploitation dun fichier
dadresses des fins dinformation ou de communication externe se rapportant au but ou
l'activit poursuivie par la personne physique ou morale qui met en oeuvre le traitement,
l'exclusion de toute sollicitation commerciale. Dans le cas o est utilis un service de
communication au public en ligne (site internet), un traitement des donnes de connexion des
fins purement statistiques peut tre effectu.
Article 3 : Donnes traites
Les donnes traites pour la ralisation des finalits dcrites larticle 2 sont :
identit : nom, prnoms, adresse et numro de tlphone (fixe ou mobile), numro de
tlcopie, adresse de courrier lectronique ;
vie professionnelle : adresse professionnelle, qualit ou fonction, titres et distinctions ;
centres dintrts, lexclusion de ceux qui font apparatre, directement ou indirectement,
les origines raciales ou ethniques, les opinions politiques, philosophiques ou religieuses ou
lappartenance syndicale des personnes, ou qui sont relatifs la sant ou la vie sexuelle
des personnes (article 8 de la loi du 6 janvier 1978 modifie) ;
donnes de connexion (date, heure, adresse Internet Protocole de lordinateur du visiteur,
page consulte) des seules fins statistiques destimation de la frquentation du site.
Les donnes enregistres ne peuvent faire lobjet dautres traitements, ni dinterconnexions ou
de mise en relation avec dautres applications. Les donnes enregistres ne peuvent tre
utilises des fins de dmarchage politique, lectoral ou commercial.
Article 4 : Destinataires des donnes
Peuvent seules tre destinataires des donnes, les personnes habilites relevant des services
ayant pour mission d'assurer la diffusion des informations viss l'article 3.
Article 5 : Information des personnes concernes
Les personnes concernes sont informes, au moment de la collecte de leurs donnes, de
lidentit du responsable de traitement, des finalits poursuivies par le traitement, du caractre
obligatoire ou facultatif des rponses apporter, des consquences ventuelles, leur gard,
d'un dfaut de rponse, des destinataires des donnes, de leur droit dopposition, daccs et de
rectification ainsi que des modalits dexercice de leurs droits. A loccasion de toute opration
dinformation ou de communication externe, les droit daccs, de rectification et dopposition
doivent tre rappels aux personnes concernes.
[..]

Conception d'un site Web - Page 20

CONCLUSION
L'LABORATION D'UN SITE WEB, C'EST :

UNE DMARCHE QUI NE S'IMPROVISE PAS

MTHODOLOGIE INDISPENSABLE
avant, pendant et aprs la production
UNE CERTAINE COMPLEXIT
imbrication de concepts informatiques, documentaires, multimdia

LA MISE EN UVRE D'UN TRAVAIL D'QUIPE

IMPLICATION DE MTIERS VARIS
du graphiste l'informaticien, en passant par des juristes
MATRISE DE PROJET ESSENTIELLE
problmes techniques et humains, mthodes de travail en groupe

UNE ACTIVIT SPCIFIQUE

A LA CROISE DE PLUSIEURS DOMAINES
le multimdia, l'informatique, la communication, le droit, etc.
TRS VOLUTIVE
comptences multiples, autoformation permanente

UN MTIER EN SOI

Conception d'un site Web - Page 21

SOMMAIRE

Un exemple de publication ..................................... 2

Le projet .................................................................. 3
Phase de conception .............................................. 4
Phase de ralisation ............................................... 5
Phase d'exploitation................................................ 6
Cycle de vie du site................................................. 7
L'information ........................................................... 8
Les outils................................................................. 9
Exemple d'hbergement ....................................... 10
Exemple d'achat de domaine................................ 11
Exemple de suivi des consultations ...................... 12
Exemple de vrification des liens ......................... 13
Les acteurs ........................................................... 14
Aspects conomiques........................................... 15
Aspects juridiques................................................. 16
Le droit d'auteur .................................................... 17
Application du droit d'auteur ................................. 18
Obligations lgales................................................ 19
Dclaration d'un site institutionnel ........................ 20
Conclusion ............................................................ 21

Conception d'un site Web - Page 22