Elements de methodologie pour la conception d`un site Web

ELÉMENTS DE MÉTHODOLOGIE
POUR LA CONCEPTION D'UN SITE WEB
*
OBJECTIFS
 Connaître les éléments-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 - Téléphone : +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
Activités scientifiques, de formation continue, de documentation
 MISE EN PLACE D'UN SITE WEB
Amélioration de sa communication et offre de services électroniques

OBJECTIFS
 PRESÉNTER LES ACTIVITÉS DE L'ÉTABLISSEMENT
départements, équipes et thèmes de recherche
 FACILITER LA RECHERCHE D'INFORMATION
fonds documentaire, annuaire, publications, catalogue de formations
 DIFFUSER UNE INFORMATION CIBLÉE
offres de stages, bulletins, revues de presse, lettres d'information
 PERMETTRE L'ANIMATION DE RÉSEAUX OU GROUPES DE TRAVAIL
outils de discussion collective ou de partage d'information
 VENDRE DES DONNÉES EN LIGNE
accès payant à des bases de données spécialisées
Conception d'un site Web - Page 2
LE PROJET
COMMENT S'ORGANISE LE PROJET ?

PREMIÈRE PHASE DE CONCEPTION
 QU'Y-A-T-IL À PUBLIER ET POUR QUEL PUBLIC ?
 QUELLE EST LA STRATÉGIE DE COMMUNICATION ?
 QUELS SONT LES MOYENS DISPONIBLES ?

DEUXIÈME PHASE DE RÉALISATION
 QUI PARTICIPE ?
 QUELLES SONT LES TÂCHES DE PRODUCTION ?
 QUELS OUTILS UTILISER ?

TROISIÈME PHASE D'EXPLOITATION
 COMMENT S'EFFECTUE LA MISE À JOUR DE L'INFORMATION ?
 QUI ASSURE LE SUIVI ET L'ÉVOLUTION DU SITE ?
UNE DÉMARCHE MÉTHODOLOGIQUE
CLASSIQUE
Conception d'un site Web - Page 3
PHASE DE CONCEPTION

BIEN CONNAÎTRE L'ENVIRONNEMENT
 NATURE DES INFORMATIONS À PUBLIER
inventaire, confidentialité et des droits afférents, 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, durée prévisionnelle

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'intérêt du site ?
 SERVICES OFFERTS
que va-t-on proposer aux utilisateurs ? quels sont les objectifs visés ?
quel contact va-t-on établir avec lui ?
 USAGES PRÉVUS
quels seront les modalités et les buts de la consultation ?

SPÉCIFIER L'ARCHITECTURE
 MODES D'ACCÈS À L'INFORMATION
découpage hypertextuel, recherche par mot-clefs, base de données
 MISE EN FORME GÉNÉRALE
définition d'une charte graphique, du mode de repérage interne au site
 DOCUMENT DE CRÉATION
énumération et planification des tâches, évaluation financière
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 RÉALISATION

CONSTITUTION DE L'ÉQUIPE
 RÉUNION DE MÉTIERS DIFFÉRENTS
graphistes, informaticiens, éditeurs, producteurs d'information
 TRAVAIL COLLECTIF
communication, coopération, résolution collective de problèmes,
mise en place d'outils d'échange et-ou de support du travail collectif
 MAÎTRISE D'OUVRAGE
répartition des tâches, coordination et animation de l'équipe,
plannification, suivi du budget

PRODUCTION
 PRÉPARATION DE L'INFORMATION
mise en forme pour l'intégration aux pages
 CONCEPTION GRAPHIQUE
modèles de page, feuilles de styles, illustrations
 RÉALISATION
intégration des documents, programmation complémentaire
 DÉVELOPPEMENT ITÉRATIF
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, référencement, promotion et
déclaration du site 1
1
Cas de fichier de données personnelles ; cf. le site de la CNIL : http://www.cnil.fr/
Conception d'un site Web - Page 5
PHASE D'EXPLOITATION

SUIVI
 SURVEILLANCE
détection des anomalies de fonctionnement ou tentatives de piratage,
évaluation des performances
 STATISTIQUES D'ACCÈS
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 modalités d'avertissement
 SURVEILLANCE DE LA STRUCTURE HYPERTEXTUELLE
détection et mise à jour des liens invalides
 RENOUVELLEMENT DE LA PRÉSENTATION
rapidité du vieillissement de la présentation, évolution de la technique
Conception d'un site Web - Page 6
CYCLE DE VIE DU SITE
« OBSOLESCENCE PROGRAMMÉE » :
DURÉE DE VIE LIMITÉE SUR LE WEB
Conception d'un site Web - Page 7
L'INFORMATION

CARACTÉRISTIQUES
 TYPE DE DOCUMENT
textuels, indexés, données, images, audio, vidéo, animations
 SUPPORT ORIGINAL
papier, fichier informatique, enregistrement analogique (audio, vidéo)
 DROITS D'EXPLOITATION
identification des droits d'auteurs, du degré de confidentialité
 CYCLE DE VIE
processus de production et de validation, durée de validité

EXPLOITATION
 ADAPTATION AU SUPPORT HYPERMÉDIA
numérisation, conversions, tatouages, structuration hypertextuelle
 LIAISON AVEC UN SYSTÈME D'INFORMATION
couplage avec une base de données, un collecticiel d'édition
 CONTRAINTES DE CONSULTATION
outils de reproduction, protection contre le réemploi, bande passante
Conception d'un site Web - Page 8
LES OUTILS

CONSTRUCTION DU SITE
 PREPARATION DES DOCUMENTS MULTIMEDIA
équipements de numérisation, de stockage, banc de montage
logiciels de création, retouche, montage, conversions
 CRÉATION DE PAGES
éditeurs spécialisés, outils de développement (JavaScript, Java, ...)

HEBERGEMENT
 EQUIPEMENT INFORMATIQUE ET DE COMMUNICATION
serveur et logiciels spécialisés, routeurs, pare-feux, ...
avec possibilité d'hébergement par un prestataire spécialisé
 SERVICES COMPLÉMENTAIRES AU SERVEUR HTTP
scripts, indexation, listes de diffusion, forums de discussion
 COUPLAGE AVEC DES BASES DE DONNÉES
passerelles logicielles (CGI, PHP, ASP, ...)
 CAS D'UN NOUVEAU NOM DE DOMAINE
Achat du nom auprès d'un prestataire spécialisé (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'HÉBERGEMENT
CAS DU PRESTATAIRE FRANÇAIS OVH
1
Voir en http://www.ovh.fr/
Conception d'un site Web - Page 10
1
EXEMPLE D'ACHAT DE DOMAINE
CAS DU PRESTATAIRE FRANÇAIS GANDI
1


1
Principale société française d'enregistrement de domaine : http://www.gandi.net/
Conception d'un site Web - Page 11
EXEMPLE DE SUIVI DES CONSULTATIONS
CAS DU LOGICIEL AWSTATS
1
LÉGENDE
 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/téléchargé
 Visites : nouveau visiteur non connecté dans l'heure d'avant
PRESTATAIRES SPÉCIALISÉS, EXEMPLE : Google analytics
1
Logiciel libre : http://awstats.sourceforge.net/
Conception d'un site Web - Page 12
EXEMPLE DE VÉRIFICATION DES LIENS
CAS DU LOGICIEL XENU
1
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 MÉTIERS
 PRODUCTEURS ET MANIPULATEURS D'INFORMATION
secrétaires, enseignants-chercheurs, ingénieurs, documentalistes
 CRÉATEURS EN MULTIMÉDIA
graphistes, maquettistes, enregistrement et montage audio-vidéo
 INFORMATICIENS
développeurs, administrateurs de réseau, serveurs ou SGBD
 SPÉCIALISTES EN PUBLICATION SUR LE WEB
créateurs de pages, ergonomes, éditeurs de sites

UNE COMMUNAUTÉ DE TRAVAIL
 EQUIPE PLURIDISCIPLINAIRE
des méthodes de travail, des attitudes et des langages différents
 CONDUITE DE PROJET DÉLICATE
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 CARACTÉRISTIQUES
 COÛTS
ressources humaines élevées (prestation de réalisation et de suivi)
investissement informatique limité (formules d'hébergement bon marché)
 VENTE EN LIGNE
sécurité du paiement en ligne à garantir contre les actes frauduleux

VENTE EN LIGNE
 TERMINAL DE PAIEMENT ÉLECTRONIQUE PAR CARTE BANCAIRE
prestation assurée par un organisme bancaire
paiement sécurisé en ligne sur un site indépendant du site marchand
coûts : 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, Société Générale,
Banque Postale), Kwixo (Crédit agricole)
 MONNAIE VIRTUELLE
monnaie indépendante d'un état ou d'un établissement bancaire
exemple : bitcoin (http://bitcoin.org/)
Conception d'un site Web - Page 15
ASPECTS JURIDIQUES

PRINCIPALES CARACTÉRISTIQUES
 TRAITEMENTS INFORMATIQUES
informations nominatives (loi informatique et libertés)
 REPRODUCTION ET DIFFUSION
droits des auteurs (code de la propriété intellectuelle)
 SÉCURITÉ ET CONFIDENTIALITÉ
fraude informatique (code pénal), cryptographie (loi du 26 VII 1996)
 RESPONSABILITÉ DE PUBLICATION
injure, diffamation etc. (droit de la presse et de la communication)
 ACTIVITÉS MARCHANDES
contrat de vente (loi pour la confiance dans l’économie numérique)
 ACCÈS À L'INTERNET
identification des connexions et des accès aux services de publication

RESPONSABILITÉS DES DIFFÉRENTS 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
 COMMERÇANT EN LIGNE
exécution du contrat avec l'acheteur (conditions générales de vente)
 HÉBERGEUR
obligation de retrait d'un contenu litigieux en cas de notification détaillée
 FOURNISSEUR D’ACCÈS À INTERNET
conservation des données 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 littéraires ou artistiques, logiciels, etc.
PROTECTION AUTOMATIQUE DE L'AUTEUR, SANS AUCUNE FORMALITÉ
en France : Code de la propriété intellectuelle (CPI) du 1er VII 1992
 LES DIFFÉRENTS DROITS DE L'AUTEUR
DROIT MORAL : PERPÉTUEL, IMPRESCRIPTIBLE ET INALIÉNABLE
divulgation : il décide ou non de rendre publique son œuvre
paternité : il peut exiger que son nom figure sur l'œuvre
respect de l'intégrité : il peut s'oppposer à toute modification
retrait (ou repentir) : il peut arrêter l'exploitation de l'œuvre
DROITS PATRIMONIAUX : CESSIBLES, CONCERNENT L'EXPLOITATION DE L'ŒUVRE
PENDANT UNE CERTAINE DURÉE APRÈS SA MORT (EX. : 70 ANS)
reproduction : par tout procédé (impression, photographie, photocopie, ...)
représentation : diffusion publique (projection, récitation, télédiffusion, ...)
Conception d'un site Web - Page 17
APPLICATION DU DROIT D'AUTEUR
 SANCTIONS
CONTREFAÇON : délit d'atteinte aux droits de la propriété 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 PRIVÉE : autorisée mais strictement limitée à l'usage personnel
BRÈVE CITATION : autorisée pour l'œuvre littéraire, en donnant la source
REPRÉSENTATION EN PRIVÉ : si gratuite et limitée au « cercle de famille »
EXCEPTION PÉDAGOGIQUE : à des fins d’enseignement et de recherche
 RÉUTILISATION D'UN DOCUMENT (TEXTE, POÈME, IMAGE, ...)
1) IDENTIFIER LES DROITS DE REPRODUCTION
non nécessaire si citation brève avec indication de l'auteur,
mais indispensable dans les autres cas (y compris la numérisation)
2) SI LE DOCUMENT EST PROTÉGÉ
obtenir une autorisation écrite de l'auteur ou des ayants droit
3) SI LA RÉUTILISATION 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 légende « DR » (droits réservés à l'auteur éventuel)
RÉFÉRENCES : http://www.legifrance.com/
[le droit français]
http://fr.wikipedia.org/wiki/Droit_d%27auteur [encyclopédie Wikipedia]
http://www.cfcopies.com/ [Centre français d'exploitation du droit de copie]
Conception d'un site Web - Page 18
OBLIGATIONS LÉGALES
CAS DE LA FRANCE
 DÉCLARATION DU SITE
SITE DE LA CNIL : http://www.cnil.fr/
 INDICATIONS SUR LE SITE
« MENTIONS LÉGALES »
Identification du responsable de la publication (et de l'hébergeur)
Informations relatives à la collecte d'informations personnelles
Droits de reproduction des documents
Loi sur la communication audiovisuelle (1er août 2000)
Loi pour la confiance dans l'économie numérique (21 juin 2004)
Conception d'un site Web - Page 19
DÉCLARATION D'UN SITE INSTITUTIONNEL
Délibération n°2006-138 du 9 mai 2006 décidant de la dispense de
déclaration des traitements constitués à des fins d’information ou de
communication externe (dispense de n°7) - J.O n° 128 du 3 juin 2006
[...]
Les traitements constitués à des fins d’information ou de communication externe sont des
traitements courants ne paraissant pas susceptibles de porter atteinte à la vie privée des
personnes dans le cadre de leur utilisation régulière. La Commission estime en conséquence
qu’il y a lieu de faire application des dispositions de l’article 24.II de la loi du 6 janvier 1978
modifiée et de dispenser ces traitements de toute formalité déclarative préalable.
Article 1er : Sont dispensés de déclaration les traitements constitués à des fins d’information ou
de communication externe comportant des données sur des personnes physiques qui répondent
aux conditions suivantes.
Article 2 : Finalités du traitement
Les traitements doivent avoir pour seules finalités la constitution et l’exploitation d’un fichier
d’adresses à des fins d’information 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 données de connexion à des
fins purement statistiques peut être effectué.
Article 3 : Données traitées
Les données traitées pour la réalisation des finalités décrites à l’article 2 sont :
 identité : nom, prénoms, adresse et numéro de téléphone (fixe ou mobile), numéro de
télécopie, adresse de courrier électronique ;
 vie professionnelle : adresse professionnelle, qualité ou fonction, titres et distinctions ;
 centres d’intérêts, à l’exclusion de ceux qui font apparaître, directement ou indirectement,
les origines raciales ou ethniques, les opinions politiques, philosophiques ou religieuses ou
l’appartenance syndicale des personnes, ou qui sont relatifs à la santé ou à la vie sexuelle
des personnes (article 8 de la loi du 6 janvier 1978 modifiée) ;
 données de connexion (date, heure, adresse Internet Protocole de l’ordinateur du visiteur,
page consultée) à des seules fins statistiques d’estimation de la fréquentation du site.
Les données enregistrées ne peuvent faire l’objet d’autres traitements, ni d’interconnexions ou
de mise en relation avec d’autres applications. Les données enregistrées ne peuvent être
utilisées à des fins de démarchage politique, électoral ou commercial.
Article 4 : Destinataires des données
Peuvent seules être destinataires des données, les personnes habilitées relevant des services
ayant pour mission d'assurer la diffusion des informations visés à l'article 3.
Article 5 : Information des personnes concernées
Les personnes concernées sont informées, au moment de la collecte de leurs données, de
l’identité du responsable de traitement, des finalités poursuivies par le traitement, du caractère
obligatoire ou facultatif des réponses à apporter, des conséquences éventuelles, à leur égard,
d'un défaut de réponse, des destinataires des données, de leur droit d’opposition, d’accès et de
rectification ainsi que des modalités d’exercice de leurs droits. A l’occasion de toute opération
d’information ou de communication externe, les droit d’accès, de rectification et d’opposition
doivent être rappelés aux personnes concernées.
[..]
Conception d'un site Web - Page 20
CONCLUSION
L'ÉLABORATION D'UN SITE WEB, C'EST :

UNE DÉMARCHE QUI NE S'IMPROVISE PAS
 MÉTHODOLOGIE INDISPENSABLE
avant, pendant et après la production
 UNE CERTAINE COMPLEXITÉ
imbrication de concepts informatiques, documentaires, multimédia

LA MISE EN ŒUVRE D'UN TRAVAIL D'ÉQUIPE
 IMPLICATION DE MÉTIERS VARIÉS
du graphiste à l'informaticien, en passant par des juristes
 MAÎTRISE DE PROJET ESSENTIELLE
problèmes techniques et humains, méthodes de travail en groupe

UNE ACTIVITÉ SPÉCIFIQUE
 A LA CROISÉE DE PLUSIEURS DOMAINES
le multimédia, l'informatique, la communication, le droit, etc.
 TRÈS ÉVOLUTIVE
compétences multiples, autoformation permanente
UN MÉTIER EN SOI
Conception d'un site Web - Page 21
SOMMAIRE
Un exemple de publication ..................................... 2
Le projet .................................................................. 3
Phase de conception .............................................. 4
Phase de réalisation ............................................... 5
Phase d'exploitation................................................ 6
Cycle de vie du site................................................. 7
L'information ........................................................... 8
Les outils................................................................. 9
Exemple d'hébergement ....................................... 10
Exemple d'achat de domaine................................ 11
Exemple de suivi des consultations ...................... 12
Exemple de vérification des liens ......................... 13
Les acteurs ........................................................... 14
Aspects économiques........................................... 15
Aspects juridiques................................................. 16
Le droit d'auteur .................................................... 17
Application du droit d'auteur ................................. 18
Obligations légales................................................ 19
Déclaration d'un site institutionnel ........................ 20
Conclusion ............................................................ 21
Conception d'un site Web - Page 22