Vous êtes sur la page 1sur 22

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

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
1
CAS DU PRESTATAIRE FRANAIS OVH

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

Conception d'un site Web - Page 10


EXEMPLE D'ACHAT DE DOMAINE
1
CAS DU PRESTATAIRE FRANAIS GANDI

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

Conception d'un site Web - Page 11


EXEMPLE DE SUIVI DES CONSULTATIONS
1
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

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

Conception d'un site Web - Page 12


EXEMPLE DE VRIFICATION DES LIENS
1
CAS DU LOGICIEL XENU

1
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

Vous aimerez peut-être aussi