1. 01/10/16 Documents Proprietaire : services@rokbarry.com 1
CONDUITE DE PROJET WEB
INTRODUCTION À LA
CONDUITE DE PROJET WEB
Rokhaya BARRY
services@rokbarry.com
2. 01/10/16 Documents Proprietaire : services@rokbarry.com 2
SOMMAIRE
Processus de pilotage d’un projet web
Définition d’un projet web
Typologie des projets web
De la définition du projet à la rédaction du cahier des charges
De la conception du site à la mise en ligne
Mise en pratique/exercices
3. 01/10/16 Documents Proprietaire : services@rokbarry.com 3
PROJET WEB, QUELAPPORT POUR L’ENTREPRISE ?
Le projet web participe à la compétitivité de l’entreprise en
répondant aux besoins des utilisateurs.
4. 01/10/16 Documents Proprietaire : services@rokbarry.com 4
Outil qui permet l’atteinte d’objectifs stratégiques.
Projet => réalisation d’une prestation
1) Délai 2) Budget
3) Qualité
PROJET WEB : DÉFINITION
Périmètre du projet
5. 01/10/16 Documents Proprietaire : services@rokbarry.com 5
PROJET WEB : ÉTUDE PRÉLIMINAIRE
De quoi s’agit il ?
Collecter et à analyser les informations
relatives au lancement du projet
Pourquoi faire ?
Analyser la nature du marché et identifier les
besoins existants.
6. 01/10/16 Documents Proprietaire : services@rokbarry.com 6
ÉTUDE PRÉLIMINAIRE EN 3 ÉTAPES
Celles ci consisent à faire :
étude de faisabilité
étude de marché avec la méthode SWOT
étude de concurrence ou benchmark
7. 01/10/16 Documents Proprietaire : services@rokbarry.com 7
ÉTUDE PRÉLIMINAIRE : FINALITÉ
À l’issue de l’étude préliminaire, l’objectif final est :
identifier la cible et les besoins
estimer le niveau d’équipement de vos futurs internautes
définir les objectifs généraux et le type de site à développer
9. 01/10/16 Documents Proprietaire : services@rokbarry.com 9
LES DIFFÉRENTS TYPES DE PROJET WEB
●
site marchand
●
site institutionnel
●
site communautaire
●
d’intranet
●
de portail d’entreprise
Les plus courants sont les projets de :
10. 01/10/16 Documents Proprietaire : services@rokbarry.com 10
SITE MARCHAND
Qu’est ce que c’est ?
site de commerce électronique proposant un catalogue de
produits avec une possibilité de commander et de payer en ligne
11. 01/10/16 Documents Proprietaire : services@rokbarry.com 11
Cible
Clients et prospects interessés par les produits proposés par le
site
SITE MARCHANDSITE MARCHAND
12. 01/10/16 Documents Proprietaire : services@rokbarry.com 12
Qu’est ce que c’est ?
Présente l’activité d’une entreprise, les produits et services
qu’elle propose, ses offres d’emploi, son implantation.
SITE INSTITUTIONNEL
14. 01/10/16 Documents Proprietaire : services@rokbarry.com 14
Il se definit comme :
site web qui propose aux internautes un espace de communication
pour échanger, publier, débattre, convaincre autour d’une passion
voire d’une activité commune
Il est destiné :
membres de la communauté
SITE COMMUNAUTAIRE
15. 01/10/16 Documents Proprietaire : services@rokbarry.com 15
Définition et objectif
Outil de fédération des collaborateurs autour d’une vision
commune, il permet d’accélér la circulation de l’information
tout en facilitant le travail de groupe
L’INTRANET
16. 01/10/16 Documents Proprietaire : services@rokbarry.com 16
PORTAIL D’ENTREPRISE
Selon sa cible, il peut avoir plusieurs
objectifs :
pour les employés : intranet d’information,
de collaboration ou d’applications ;
pour les clients : site Internet de diffusion
d’informations relatives à leur compte,
leurs diverses requêtes permettant la mise
en place d’un CRM…
pour les partenaires et/ou fournisseurs :
extranet pour le suivi des commandes, la
gestion des stocks...
17. 01/10/16 Documents Proprietaire : services@rokbarry.com 17
DE LA DÉFINITION DU PROJET À LA REDACTION DU
CAHIER DES CHARGES
LA RÉDACTION DU CAHIER DES
CHARGES
18. 01/10/16 Documents Proprietaire : services@rokbarry.com 18
RÉDACTION DU CAHIER DES CHARGES
Définition
Document par lequel le client (maîtrise d’ouvrage) exprime son
besoin. Formulé en termes de fonctionnalités, il permet à
l’équipe de réalisation :
de savoir ce qu’elle doit développer et comment elle doit le
développer.
19. 01/10/16 Documents Proprietaire : services@rokbarry.com 19
CAHIER DES CHARGES : COMMENT L’ÉLABORER ?
L’élaboration du cahier des charges consiste en 3 phases :
1) recenser toutes les fonctionnalités possibles
Chaque fonctionnalité est à exprimer exclusivement en termes
de finalité et est formulée par un verbe à l’infinitif Exemple : «
afficher de la documentation », « rechercher des informations
»…
2) caractériser et quantifier chaque fonctionnalité en précisant les
critères d’appréciation, les niveaux de chaque critère et la flexibilité
de ces derniers.
3) indiquer à la maîtrise d’œuvre (moe) les services essentiels sur
lesquels il faudra concentrer son savoir-faire
20. 01/10/16 Documents Proprietaire : services@rokbarry.com 20
DU CAHIER DES CHARGES AU PLAN PROJET
Qu’est ce qu’un «plan projet» ?
Document par lequel la maitrise d’oeuvre (moe) définit les
orientations structurantes permettant de fixer le cadre des travaux
à venir.
21. 01/10/16 Documents Proprietaire : services@rokbarry.com 21
DU CAHIER DES CHARGES AU PLAN PROJET
Plan projet
CONTRAT
MOA
(demandeur
client)
MOE
(équipe de
réalisation)
22. 01/10/16 Documents Proprietaire : services@rokbarry.com 22
PLAN PROJET : LES ELEMENTS CLÉS
Le plan projet regroupera les éléments clés suivants :
présentation générale du projet
orientations fonctionnelles
travaux et activités
les acteurs du projet
le plan d’assurance qualité (PAQ)
planning
budget
23. 01/10/16 Documents Proprietaire : services@rokbarry.com 23
DE LA CONCEPTION DU SITE À LA MISE EN LIGNE
LES PHASES DE CONCEPTION DU SITE
24. 01/10/16 Documents Proprietaire : services@rokbarry.com 24
Ces éléments sont à définir avant la réalisation d’un site :
l’arborescence et la structure des pages
l’architecture logicielle,
son infrastructure matérielle et télécoms, ainsi que son futur
aspect.
CONCEPTION DU SITE
25. 01/10/16 Documents Proprietaire : services@rokbarry.com 25
CONCEPTION FONCTIONNELLE DU SITE
Consiste à :
Point 1 : déterminer l’arborescence du site et des pages web
26. 01/10/16 Documents Proprietaire : services@rokbarry.com 26
Arborescence plan du site trame de page⇒ ⇒
CONCEPTION FONCTIONNELLE DU SITE
27. 01/10/16 Documents Proprietaire : services@rokbarry.com 27
CONCEPTION FONCTIONNELLE DU SITE
Arborescence plan du site trame de page⇒ ⇒
28. 01/10/16 Documents Proprietaire : services@rokbarry.com 28
CONCEPTION FONCTIONNELLE DU SITE
Ainsi que
Point 2 : les specifications fonctionnelles dont l’objectif est
de décrire précisément la future application web
29. 01/10/16 Documents Proprietaire : services@rokbarry.com 29
CONCEPTION TECHNIQUE
Étape où on définit les différents modules à intégrer
gestion des contenus, publication, personnalisation,
utilisateurs
L’architecture logicielle du site avec les :
types de serveurs (Web, SMTP...), composants serveurs
requis, annuaire LDAP, SGBD...
30. 01/10/16 Documents Proprietaire : services@rokbarry.com 30
L’infrastructure matérielle
determinée en fonction du cahier des charges
point de départ pour le choix d’une solution d’hébergement.
CONCEPTION TECHNIQUE
32. 01/10/16 Documents Proprietaire : services@rokbarry.com 32
CONCEPTION VISUELLE
Quelques régles de conception à respecter avant production de la
maquette du site
●
Dimensions des
pages
●
Lisibilité contenu
●
Navigation
●
Couleur, Styles
●
Types d’images
●
Médias applicables
régles graphiques
●
Utilisabilité
●
Navigateurs
●
3 clics
régles ergonomiques
33. 01/10/16 Documents Proprietaire : services@rokbarry.com 33
RÉALISATION TECHNIQUE DU SITE
Elle se fait en 3 phases
Ossature du site => retranscription des templates graphiques
en HTML.
34. 01/10/16 Documents Proprietaire : services@rokbarry.com 34
RÉALISATION TECHNIQUE DU SITE
La phase des
développements de la partie «statique» et «dynamique» et des
contenus associés
Livrables●
Chef de projet technique
●
Rédacteur
●
Développeur web
Site web sur serveur test
Acteurs principaux
35. 01/10/16 Documents Proprietaire : services@rokbarry.com 35
RÉALISATION TECHNIQUE DU SITE
Phase tests et recettes
Pour verifier que le site fonctionne et qu’il correspond bien
aux spécifications définies lors de la phase de conception
36. 01/10/16 Documents Proprietaire : services@rokbarry.com 36
DE LA CONCEPTION DU SITE À LA MISE EN LIGNE
MISE EN LIGNE ET PROMOTION DU
SITE
37. 01/10/16 Documents Proprietaire : services@rokbarry.com 37
MISE EN LIGNE DU SITE
Dans cette phase, il s’agit de définir :
processus d’exploitation du site
documentation et formation (outil back office)
mise en œuvre d’un système de mesure d’audience
Vérifier les aspects juridiques et administratifs en terme de :
respect des lois en vigueur
déclaration du site (CNIL)
38. 01/10/16 Documents Proprietaire : services@rokbarry.com 38
LANCEMENT DU SITE ET CLÔTURE DU PROJET
Définition de la stratégie de promotion du site :
plan de communication
soumettre le site auprès des outils de recherche du web
d’établir un «bilan post mortem» du projet
39. 01/10/16 Documents Proprietaire : services@rokbarry.com 39
LEVIERS DE CROISSANCE D’UN SITE WEB
Mise en place d’action stratégiques et opérationnels pour la
visibilité et promotion d’un site
Référencement SEM*
Plan de communication
40. 01/10/16 Documents Proprietaire : services@rokbarry.com 40
RÉFÉRENCEMENT SEM
Ça consiste en quoi ?
L'ensemble des activités liées au référencement d'un site sur les
SERPs*
La «search engine marketing» ou SEM peut se résumer ainsi :
SEO SMOSEA+ +
* Confére glossaire
SEM =
41. 01/10/16 Documents Proprietaire : services@rokbarry.com 41
RÉFÉRENCEMENT
La technique SEO
Qu’est ce que c’est ?
Appelée aussi référencement naturel, cette méthode consiste à
concevoir, rediger, encoder (en HTML*) et programmer un site
web selon des mots clés choisis spécifiquement
Pourquoi ?
Favoriser une meilleure indexation par les moteurs de recherche
ainsi qu’un bon positionnement des pages d'un site web dans les
résultats de recherche
* Confére glossaire
42. 01/10/16 Documents Proprietaire : services@rokbarry.com 42
RÉFÉRENCEMENT
La technique SEA ou PPC
Qu’est ce que c’est ?
C'est le positionnement payant dans les moteurs de recherche
avec la mention “liens commerciaux” ou “liens sponsorisés”
Pourquoi ?
Publicité dans les moteurs de recherche où l'annonceur paye
pour chaque “click” sur sa publicité
43. 01/10/16 Documents Proprietaire : services@rokbarry.com 43
RÉFÉRENCEMENT
La technique SMO
Qu’est ce que c’est ?
Travail de visibilité d'un site à partir des réseaux sociaux
44. 01/10/16 Documents Proprietaire : services@rokbarry.com 44
Affichage d'une page de resultats d'un moteur de recherche
(SERPs)
Illustration
RÉFÉRENCEMENT
45. 01/10/16 Documents Proprietaire : services@rokbarry.com 45
Autre stratégie pour assurer la promotion et l’animation d’un
site
publicité en ligne assurée par un annonceur. Exemple : la
bannière
PLAN DE COMMUNICATION D’UN SITE WEB
46. 01/10/16 Documents Proprietaire : services@rokbarry.com 46
Le parrainage en ligne ou sponsoring
Tactique qui consiste à parrainer un site ou une rubrique
particulière en y associant son nom, sa marque ou son image
PLAN DE COMMUNICATION D’UN SITE WEB
47. 01/10/16 Documents Proprietaire : services@rokbarry.com 47
L’affiliation marchande. Les principaux acteurs sont :
Site affilieur, site affilié et programme d’affiliation
PLAN DE COMMUNICATION D’UN SITE WEB
48. 01/10/16 Documents Proprietaire : services@rokbarry.com 48
Syndication de contenu
Forme particulière d’affiliation entre site syndicateur et site
syndiqué
PLAN DE COMMUNICATION D’UN SITE WEB
49. 01/10/16 Documents Proprietaire : services@rokbarry.com 49
Le netlinking
Échange croisé de liens entre deux sites web pour augmenter
mutuellement le trafic des sites
PLAN DE COMMUNICATION D’UN SITE WEB
50. 01/10/16 Documents Proprietaire : services@rokbarry.com 50
Des techniques de cybermarketing telles que :
L’emailing
La lettre d’information ou newsletter
Le push
Le marketing viral
Le marketing tribal
PLAN DE COMMUNICATION D’UN SITE WEB