CAHIER DES CHARGES

DOSSIER DE CONDUITE DE PROJET

©glaco 2010 - Luc Petitnicolas
 QQOQCCP 1
METHODE QQOQCCP
Méthode qui permet, en répondant à une série de question, de définir un projet.
Cette méthode est issue de hexamètre de Quintilien («Quis, quid, ubi, quibus auxiliis, cur,
quomodo, quando ? » soit « Qui, quoi, où, par quels moyens, pourquoi, comment, quand ? »).

Quoi : Quel est l’objet du projet (produit, support, contenu)

Qui : Qui est le donneur d’ordre, avec qui le projet doit être réalisé (partenaire), pour qui
Où : Où le projet sera-t-il réalisé, où sera-t-il disponible
Quand : Date, périodicité, durée, etc.
Comment : moyen technique, organisation du développement, etc.
Combien : Quantité, coût, etc.
Pourquoi : Définir le/les objectifs du projet (possible de répondre juste après Quoi).
quoi ? qui ? où ? quand ? comment ? pourquoi ? combien ?
ou 4W2H en anglais pour who ? what ? when ? where ? how ? how much ?.

QQOQCCP.pdf organisationoutils-v3.pdf wikipedia

 Synoptique 1

dossier de conduite projet web.

 Synoptique 2

dossier de conduite projet web.

 Synoptique 3

dossier de conduite projet web.

 Contexte 1
A partir du dialogue que vous aurez entrepris avec le client et l’ensemble des
intervenants ainsi que des éléments mentionnés sur l’appel d’offre et/ou le cahier des
charges du projet, vous allez rédiger une synthèse des éléments collectés.

Présentation MOA
 Objectif du projet 2
Positionnement du projet

Quel est le but principal à atteindre ?

Quels sont les objectifs secondaires ?

Le positionnement marketing d’un projet/produit est crucial pour définir ces exigences.

Exemples

Site avec forte affluence => infrastructure matérielle (serveur dédié/BDD java/oracle)

Site diffusion de vidéos => Serveur vidéo ?

Site extranet sensible => Sécurisation des données

Le positionnement du projet induira également les évolutions prévues à prendre en

compte pour le développement
 Objectif du projet 2
Exemple positionnement du projet
 Objectif du projet 3
Cibles du projet
Quels sont les différents types de publics visés ?
Quels services pour répondre aux attentes des
profils ?

Analyser les différentes cibles qui seront concernées par le projet permet de définir
certaines exigences fonctionnelles et non fonctionnelles (fonctionnalités, design,
ergonomie, rédactionnel, etc.)

Exemples
Cible sénior => lisibilité, utilisabilité (boutons, scénarisation, aides, etc.)
Cible communautaire => Code langage/design, etc.
 Objectif du projet 3
Exemple cibles du projet
 Objectif du projet 4
Exigences fonctionnelles
Détailler les exigences fonctionnelles du projet du front office et du back office.

Quels sont les services qui seront présents dans le projet ?

moteur de recherche, inscription membre, panier, newsletter, tri, mise à jour BDD, etc

Pour chaque fonctionnalité, quelles sont les possibilités offertes aux

utilisateurs ?
Recherche par mots clés (Quels critères possibles ? quels sont les opérateurs logiques et
de troncature ?)
Voir une fiche détaillée d’un produit (Quelles informations seront disponibles sur la fiche?
Quelles sont fonctionnalités particulières [zoom vignette, envoyer la page à un ami,
imprimer]) ?,
Gestion du panier (Quelles interaction (ajouter, supprimer, changer quantité) ?,
Administration (Quelles sont les les possibilités de mise à jour [ajouter, supprimer, updater,
downloader, gestion des droits d’accès, gestion des menus, etc
 Objectif du projet 5
Exigences non fonctionnelles
Détailler les exigences non fonctionnelles du projet.

Quelles exigences d’ergonomie et d’accessibilité ?

Quelles exigences de design ?

Quelles exigences de capacité serveur ?
Nombre de connexions simultanées, taille de la base de données, etc.

Quelles exigences de compatibilité navigateur et de plurimédia ?

Plateformes, navigateurs (marque, version), smartphone, tablette, etc.

Quelles exigences en termes de rapidité ?

affichage simple, moyenne en seconde pour le résultat du moteur de recherche,
pertinence du résultat, etc.
 Objectif du projet 6
Contrainte de conception
Prendre en compte les contraintes extérieures imposées au projet

Quelles sources externes interviendront dans le projet, à quel niveau,

de quelles manières ?
gestion du stock, catalogue, suivi livraison, etc.

Quelles politiques de sécurisation de données sera mise en place?

protections des formulaires, protection de la base de données, protection des
transmissions de données sensibles

Quelles politiques pour la gestion des données personnelles ?

Quel est le délai de réalisation (deadline) ?

 Equipe/Pretataire 7
Présentation MOE
 Benchmarking 8

Analyse
Secteur d'activité Panel de sites Préconisations
Détaillée
 Benchmarking 8
Objectifs
Un benchmark est une technique marketing inventé par xeros. C'est une étude de la
concurrence qui permet de découvrir et faire ressortir les meilleures pratiques mais aussi les
écueils à éviter. Selon le cas, un projet peut demander de réaliser plusieurs études séparer. Cela
permet de mieux appréhender les diverses problématiques.

Définir les objectifs du benchmark

Ergonomie, fonctionnalités et services, positionnement, stratégie de contenu, etc.

Définir la grille d'analyse

Indicateurs, grille de notation

Circonscrire la recherche
Délimiter un panel (sectoriel, géographique, niveau de la société, etc.)

Mener l'étude

Synthétiser les résultats dans des préconisations

 Benchmarking 9
Analyse générale du secteur d’activité sur Internet
Tour d’horizon des différents types de sites trouvés sur le net.

Quelle présence du secteur sur Internet ?

nombre de sites, nombre de sites français ou localisés [région], etc.

Quels types de sites traitants du même thème trouve-t-on ?

professionnel [fabricants, revendeurs, filiales], blogs, réseaux sociaux, etc.

Quels différents types de designs rencontre-t-on ?

Quels types de technologie emploient-ils?

Quels sont les types de site les mieux référencés ?

A partir de quelles recherches (mots clés) les trouve-t-on les plus ?

 Benchmarking 10
Panel de sites
Tour d’horizon des différents types de sites trouvés sur le net.

Nom du site

Lien

Copie d'écran (vignette)

Bref descriptif
 Benchmarking 11
Analyse approfondie de sites
Choisir des sites représentatifs du marché (pas forcément que les meilleurs car on apprend aussi
beaucoup des erreurs à ne pas commettre).

Analyser dans le détail chaque site (1 à 2 pages par site). L’analyse de 3 sites pertinents suffit à
faire ressortir les points importants et instructifs pour poursuite de l’élaboration du projet.

Page d'accueil

Nom du site
Lien
Copie d’écran de la page d’accueil
Impression générale du point de vue design, ergonomie, structure
Technologie employée (php, flash, cms, etc.)
Détail de l’arborescence (menu principal, sous menu, etc.)
Contenu et fonctionnalité présent sur la page
 Benchmarking 12
Analyse approfondie de sites
Choisir des sites représentatifs du marché (pas forcément que les meilleurs car on apprend aussi
beaucoup des erreurs à ne pas commettre).

Analyser dans le détail chaque site (1 à 2 pages par site). L’analyse de 3 sites pertinents suffit à
faire ressortir les points importants et instructifs pour poursuite de l’élaboration du projet.

Page(s) intérieure(s)
Copie d’écran de la page
Description de la structure et du design
Description des fonctionnalités et services offerts

Contenu
Description des types de contenu proposé par le site
news, vidéos, diaporamas, articles de fond, contributions des internautes, etc.

Evaluation de la fréquence des mises à jour

 Benchmarking 13
Services et fonctionnalités
Liste des services et fonctionnalité présent sur le site
inscription newsletter, moteur de recherche, forum, etc.
Technologie(s) employée(s)
Techniques présentes sur le site
php, flash, ajax, dhtml, cms, flux rss, etc.
Référencement
Référencement et positionnement du site
Référencement naturel, référencement payant, réseau sociaux et community management

Techniques SEO visibles

url rewriting, title dynamique, construction sémantique, métas, etc.

Conclusion
Avis suggestif
Point forts/points faibles
 Benchmarking 14
IMPORTANT
Préconisations
Le but principal des benchmarkings c'est de tirer des enseignements de l'analyse
effectuée afin de proposer des préconisations pour le projet.

Ces préconisations doivent éclairer sur les standards incontournables du secteur

(fonctionnalités, ergonomie, graphisme, etc.).

On doit énoncer les "best pratices" et idées intéressantes rencontrées lors du

benchmark y compris quelques fois trouver sur des secteurs parallèles.

Il faut également indiquer les erreurs à ne surtout pas commettre en s'appuyant

sur l'observation de sites concurrents.

Ces préconisations permettront de fournir un cadre pour le développement du

projet.
 Modélisation par cas d’utilisation 15
Identification des acteurs
Lister les différents acteurs qui interviendront sur le site et leurs rôles.

Quels sont les différents types d’utilisateur du site ?

internautes, membres, clients, administrateurs, rédacteurs, contributeurs, webmaster,
service clients, etc.

Pour chaque acteur, quel sera son rôle spécifique ?

mise à jour du site, rédaction du contenu, entretien technique du site, suivi des
commandes, etc.

Identification des cas d’utilisation

Décrire les cas d’utilisation du site et les fonctionnalités associées (voir exigences
fonctionnelles) acteur par acteur.
Quels sont les cas d’utilisation recensés sur le projet acteur par acteur ?
rechercher un article, un produit sur le site, laisser un message sur le forum, passer
une commande, mettre à jour la base de données, etc.

Quelles sont les fonctionnalités disponibles par cas ?

mise à jour du site, rédaction du contenu, entretien technique du site, suivi des
commandes, etc.
Modèle de cas d’utilisation 16
 Spécifications détaillées 17
Identification des acteurs
Scénarisation des étapes prévues et des alternatives par cas d’utilisation.

Quelles sont les étapes du scénario nominal ?

scénarisation du cas lorsque tout se passe bien

Quelles sont les alternatives et leur étapes ?

lorsque une erreur survient ou un choix différent du scénario nominal est effectué
Diagramme de séquence 18
 Spécifications détaillées 19
Rubriques
Description du contenu de chaque rubrique présentée sur le site.

Nom de la rubrique
Description du contenu
Fonctionnalités associées
 Spécifications détaillées 20
Arborescence
Création un diagramme représentant l’arborescence générale du site

http://slickplan.com/ http://www.xmind.net/ http://astuteo.com/slickmap/

 Spécifications détaillées 20
Arborescence
Arborescence horizontale
 Spécifications détaillées 21
Navigation
Présentation des principes généraux de la navigation

Combien de menus de navigation persistants sont prévus et comment seront-ils

situés sur la page ?
menu horizontal, menu vertical

Quels sont les boutons des menus principaux vers quelles pages amènent-ils ?

Combien de rubriques de 1er niveau sont prévues ?

Sur combien de niveau la navigation est-elle prévue ?

menu, sous-menu, etc.

Combien de rubriques de 2nd niveau par rubrique sont prévues ?

Dans le cas de menus spécifiques à certaines pages comment seront-ils traités ?

ancres nommées, sous rubriques

Est-il prévu un repérage permanent ?

fil d’Ariane, couleur de rubrique etc.
 Spécifications détaillées 22
Diagramme d’états de navigation
 Spécifications détaillées 23
Ergonomie

L'ergonomie est une science qui a de

multiples champs de réflexion
(psychologie cognitive : gestalt, fittsizing,
affordance, psycho-social, etc.).

L'ergonomie pour un logiciel est définie

sur 2 niveaux.

L'ergonomie de surface (structuration,

charte graphique, typographie, etc.)

L'ergonomie profonde (fonctionnalités,

scénarisation, etc.).

La charte d'ergonomie permet d'établir

des spécifications pour gérer l'interface
homme machine de l'application et
améliorer son utilisabilité.
 Spécifications techniques 24
Langages
Liste des différents langages et standards (ex : xhtml) utilisés

Médias
Liste des formats utilisés par type de média.
• Formats des images
• Formats des vidéos
• Formats du son
• Formats des animations

Hébergement
Description des conditions d’hébergement
• Type du serveur (LAMP)
• Conditions d’hébergement (mutualisé, serveur dédié, etc.)
• Version PHP/MSQL
• Serveur FTP
• Nom de domaine
 Spécifications techniques 25
Sémantique
Etablir les règles sémantiques et rédactionnelles des pages HTML
• Doc type et dtd
• Balise title dynamique
• Balise méta dynamique (description, author, keywords, language, etc.)
• Structure séparée de la mise en forme du contenu
• Utilisation des id et classes personnalisées
• CSS et Javascript externalisés
• Utilisation des balises H
• Utilisation des attributs alt et title

Convention de nommage
Etablir les règles de nommage des répertoires, pages, fichiers
• Règles de nommage des divers répertoires du site
• Règles de nommage des différent types de fichiers (background, boutons, images)
• Règles de nommage des pages et de leur extension (.html,.php, inc.php, etc.)
 Spécifications techniques 26
Factorisation
Prévision des pages incluses en php (include, require) des éléments présents sur toutes les
pages.
• Entête
• Bandeau, navigation principale, etc.
• Classe
• Fonctions

Référencement
Spécifier les techniques d’optimisation pour les moteurs de recherche mise en place dans
le site. Enoncer les divers outils et partenariats qui seront sollicités.
• Rédaction sémantique du HTML
• Title, méta données
• Inscription sur les moteurs de recherche et annuaires
• Netlinking
• Afiliation
• Community management
• Flux RSS
• URLRewriting
• Site map et robots.txt
• Outils google Adwords, Analytics, AdSense
 Charte graphique 27
Moodboard
La planche de tendance permet, sans se préoccuper du fond, de suggérer un univers
graphique. Couleur, typo, style, on perçoit d'une façon intuitive les axes du design. Elle permet
de valider avec le client les orientations graphiques issues du brief créa. C'est le directeur
artistique qui est en charge de la réaliser.
 Charte graphique 27
Zoning (wireframe)
Les niveaux de gris
définissent la hiérarchie
des zones
 Charte graphique 28
Exemple de charte graphique
 Charte graphique 29
Exemple de charte graphique
 Charte graphique 30
Exemple de charte graphique
 Charte graphique 31
Exemple de charte graphique
 Charte graphique 32
Exemple de charte graphique
 Charte graphique 33
Exemple de charte graphique
 Charte graphique 34
Exemple de charte graphique
 Charte graphique 35
Exemple de charte graphique
 Charte graphique 36
Exemple de charte graphique
 Charte graphique 37
Exemple de charte graphique
 Charte rédactionnelle 38
Charte rédactionnelle
La charte rédactionnelle permet d'encadrer l'écriture des articles et textes qui
paraîtront sur le site. Elle définira entre autre, le style, la longueur, la description des
sujets développés dans les articles par rubrique, etc. La charte rédactionnelle est
transversale car elle intègre aussi bien des exigences rédactionnelles liées au
référencement qu'à l'ergonomie.

Comment doivent-être rédigés les titres ?

nbr. signes, mots clés, etc.

Les articles auront-ils un chapô (si oui, caractéristique) ?

Comment sera gérée la densité des mots clés ?

Comment seront rédigés les textes des articles, les textes des landings pages?
style, longueur, etc.
 Charte rédactionnelle 39
Exemple