Les étapes d'un projet web

Etape-d-un-projet-web

Un projet web est un outil assez complexe dont la compréhension complète n’est pas toujours à la portée du premier venu. En fonction de vos objectifs le nombre de choses à faire peut varier grandement. Pour un novice c’est très compliqué de savoir par où commencer et surtout de savoir tout ce qu’il faut faire au minimum et où trouver de l’aide.

Il n’ya pas une méthode universelle

La première chose dont il faut être parfaitement conscient, c’est qu’il n’existe pas de méthode précise pour créer des projets web, car chaque projet web a ses particularités et ses objectifs. Deux projets web qui utilisent les mêmes outils n’ont pas forcément les mêmes objectifs et donc même en calquant les étapes d’un projet similaire au nôtre, on n’a pas de garanti d’obtenir un résultat satisfaisant. En parcourant le web, vous trouverez beaucoup de méthodes, mais retenez qu’aucune méthode ne conviendra complètement à vos besoins. Si vous cherchez des méthodes, vous en trouverez, mais retenez que vous n’en avez pas forcément besoins.

Les méthodes que vous trouverez seront plus la plupart des méthodes de génie logiciel. Une méthode de génie logiciel est un ensemble d’étapes et d’action à exécuter à chacune de ses étapes afin de produire un logiciel correspondant à une spécification donnée.

Les méthodes de génie logiciel ne sont pas très adaptées aux projets web. En effet, bien qu’on l’oublie très souvent, les sites web sont en réalité des logiciels et ainsi, on pourrait les créer en se servant des méthodes de génie logiciel. Mais malheureusement les sites web ne sont pas obligatoires pour les projets web et les méthodes de génie logiciels sont plus techniques et donc pas à la portée du premier venu. Sauf si vous créez un site web de toute pièce sans utiliser de CMS, à priori, vous n’aurez pas besoin d’utiliser des méthodes complexes. Encore que dans tout le jargon technique de génie logiciel, il faudra faire attention à ne pas confondre les méthodes de création (UP, RUP, processus en cascade, processus en V…) et les langages de modélisations (UML…).

Etape-methode-universselle
Projet-web

La plupart des sites web sur internet ont été créé en se servant d’un CMS ou d’un autre outil du même type afin de faciliter le travail. Le CMS ou l’outil que vous utilisez a déjà été créé suivant ces méthodes de génie logiciel afin de vous garantir un certain nombre de fonctionnalités et donc vous n’avez plus besoin de reprendre entièrement ces méthodes.

L’autre problème qui empêche de se fier complètement à une méthode de création de projet web, c’est l’évolution constante du web et des outils. En effet, une méthode définit généralement les outils à utiliser et comment les utiliser pour obtenir le résultat souhaité, malheureusement cela implique que vous pouvez vous fier à une méthode qui deviendra rapidement caduque.

Un projet web implique des aspects qui ne sont pas logiciels tels que le SEO, le web marketing qui n’est pas a proprement parlé du domaine du génie logiciel et de ce fait il n’est pas toujours aisé de les prendre en compte quand on raisonne en termes de logiciel alors que ce sont des aspects essentiels pour un projet web.

Le seul cas où vous aurez besoins des méthodes de génies logiciels pour vos projets web c’est pour de gros projets qui nécessiteront généralement que vous les confiez à une entreprise spécialisée. Pour les cas où vous servez d’un outil tel qu’un CMS, il faut procéder autrement.

Etapes-du-web

Les étapes d’un projet web

On ne va pas essayer de donner un plan très technique pour gérer un projet web car le sujet est trop vaste pour être traiter en seulement un article. Par contre nous allons adopter une approche et expliciter les points clés auxquels il faut faire attention. Pour avoir déjà essayé les méthodes logicielles plusieurs fois avec des clients, le constat qui se dégage c’est que les approches techniques bien qu’efficaces en théorie sont ingérable en pratique.

Un processus itératif et incrémental organisé autours des objectifs

Il existe plusieurs façons d’organiser les étapes d’un projet, ce sont d’ailleurs ces différentes façons d’organiser les étapes qui donnent les différentes méthodes du génie logiciel. Globalement, on peut soit effectuer chaque étape une seule fois et passer à l’étape suivante, soit exécuter certaines étapes plusieurs fois.

Exécuter chaque étape une seule fois offre l’avantage de traiter entièrement le problème à chaque étape et à la fin, on a le résultat complet du projet dans un état utilisable avec toutes les fonctionnalités attendues. Son plus gros défaut réside dans le fait qu’en cas d’erreur, il faut reprendre toutes les étapes après l’erreur. Par exemple, si à l’étape 5 vous constatez qu’il y a eu un problème 2, il faut tout reprendre depuis l’étape 2.

Exécuter les mêmes étapes plusieurs fois en ajoutant chaque fois plus de détails permet de créer la solution finale en passant par plusieurs solutions intermédiaires. Ainsi donc on ajoutera les fonctionnalités au fur et à mesurer jusqu’à obtenir la solution finale. Cette approche est plus adaptée aux projets web qui sont composés de plusieurs éléments indépendants qu’il faut mettre ensemble afin d’atteindre votre objectif final. Par exemple pour un projet web qui prévoit de mettre en place une newsletter vous pourrez lancer votre première version du site web sans la newsletter plutôt que d’avoir une newsletter non fonctionnelle.

Pour les projets web, nous suggérons donc d’utiliser un processus itératif et incrémental organisé autour des objectifs. Concrètement cela signifie qu’il ne faut pas traiter tous les objectifs à la fois.
Vous prenez un objectif, vous l’analyser et créer toutes les ressources nécessaires pour l’atteindre et ensuite vous passez à l’objectif suivant avec lequel vous allez faire la même chose. Chaque fois que vous faites on dit que vous avez fait une itération et le résultat doit être un projet web fonctionnel. Ce processus est incrémental parce qu’à chaque itération de nouvelles fonctionnalités sont ajoutées.

Voici les considérations qu’il faut garder à l’esprit quand vous entamez un projet web suivant ce processus :

projet-web-number
Vous n’aurez pas votre projet au complet en une fois : Si vous lancer vous commencer à utiliser une version intermédiaire ne vous attendez pas à atteindre tous les objectifs.
projet-web-number-green
Chaque version du projet est utilisable : il ne s’agit pas à une itération de faire les choses à moitié et laisser des vides. A la fin de chaque itération le projet doit permettre d’atteindre les objectifs prévus par l’itération.
projet-web-number-rorse
Chaque itération est unique et il faut exécuter uniquement les étapes nécessaires : l’avantages des itérations est justement de pouvoir se concentrer uniquement sur ce qui compte sans être distrait par un autre objectif qui n’est pas lié à l’itération en cours.
projet-web-number-orange
Certaines étapes d’une itération peuvent être exécuter en parallèle afin de gagner du temps : en effet bien que les étapes d’une itération soit définit dans un ordre précis car l’étape courant utilise les résultats de l’étape précédente, il y a des étapes qui ne sont pas fortement liée en ce sens et donc il possible de les faire en parallèle.

Les étapes d’un projet web

Comme dit précédemment, il n’existe pas une unique façon de procéder pour gérer un projet web. La méthode que nous proposons est basée sur le bon sens ainsi qu’une expérience des difficultés rencontrées au cours de différents projets web, l’objectif étant d’éviter certains pièges.

Les fonctionnalités de base pour la gestion de contenu

Les objectifs d’un projet web sont les clés de son succès, il faut prendre le temps nécessaire pour bien les définir et les détailler au niveau nécessaire. Cette étape détermine tout ce que vous ferez ensuite, si elle est mal faite le projet échouera à coup sûr.

Identifier les cibles du projet

Les cibles du projet sont les personnes qui par leurs interactions avec votre projet vous permettrons d’atteindre vos objectifs. Il vous faut donc les identifier clairement afin de créer un projet qui les intéressera.

Identifier les contraintes et fonctionnalités du projet
image-des-codes-html-css

Il s’agit pour chaque fonctionnalité d’identifier clairement les fonctionnalités que doit offrir votre projet web afin d’atteindre les objectifs prévus. Cela commence par définir les actions attendues de la part de vos cibles. En effet pour chaque cible il faut savoir exactement ce qu’il doit faire (lire un contenu, acheter un produit, cliquer sur un produit, partager un contenu, soumettre un formulaire…) pour vous permettre d’atteindre votre objectif.

En plus de ces actions il faudra aussi définir les contraintes que doit remplir votre projet afin d’atteindre vos objectifs. Ces contraintes soient techniques (vitesse de chargement…), soit fonctionnelles (paiement en tranches, site multilingue). Mais nous allons nous intéresser principalement aux contraintes fonctionnelles car elles sont directement liées à vos objectifs contrairement aux contraintes techniques qui sont plus des choix techniques qui nécessitent parfois techniques poussées.

Le résultat de cette étape est plus souvent connu sous le nom de cahier de charges fonctionnel
Le référencement web ou SEO

Le SEO (Search Engine Optimization) ou référencement web est un ensemble de techniques et méthodes visant à améliorer votre apparition dans les moteurs de recherche pour certains mots clés.

En fait à cette étape on se demande comment procéder pour amener nos cibles vers les contenus créer pour eux.  Si vous ne trouvez pas de réponse à cette question, alors ce n’est pas nécessaire de poursuivre les étapes suivantes, sinon à la fin votre projet manquera complètement ses cibles et donc ses objectifs. Sans stratégie de référencement personne ne viendra sur votre site web.

A cette étape, il faut au minimum :
Choisir les outils à utiliser

Le choix des outils dépend de nombreux paramètres dont les principaux sont la cible du projet, les contraintes de temps, le budget disponible, les aptitudes à utiliser les outils ou bien tout simplement la préférence. Il n’existe pas de règles absolues pour le choix des outils car il possible d’atteindre le même objectif en se servant de plusieurs outils différents. Toutefois, il faut remarquer que certaines conditions peuvent imposer l’utilisation de certains outils. Par exemple si votre cible utilise beaucoup le réseau social Facebook, vous serez obligé de créer une page Facebook afin d’atteindre cette cible.

Définir les contenus à créer

Il s’agit d’avoir déjà une idée des pages à créer si votre projet web utilisera un site web. Il faut définir les pages à créer (page d’accueil, page de contact, page à propos, page de produit, page de paiement, page de panier, page d’annulation de commandes, page blog…). Il faut créer le plan du site web. Pour chaque page il faut la décrire, décrire son objectif, décrire son contenu et son fonctionnement car c’est cela qui permettra de la créer plus tard. 

Concevoir les maquettes design des différentes pages à afficher

Avant cette étape on connait déjà les principales pages/contenus à créer mais pas leur présentation exacte. A cette étape il faut commencer à positionner chacun des blocs imaginés sur une maquette qui sera transmise au designer avec les explications nécessaires afin qu’il produise le design complet de chaque page. Pour les designs on n’a pas besoin des contenus exacts, on peut les remplacer par des textes générés automatiquement.

Rédiger les contenus

La rédaction des contenus est une étape importante qui ne saurait être secondaire car votre projet atteint ses cibles principalement à travers son contenu. A cette étape, il faut rédiger les contenus prévus pour chaque page, rédiger les fiches de descriptions de produits et tous les autres contenus prévus. Si cette étape est prise à la légère vous vous retrouverez avec des pages vides, des produits sans descriptifs ou bien avec des descriptifs incohérents. Vous pouvez rédiger vos contenus en dehors de votre projet en vous servant d’un simple logiciel de traitement de texte et ce n’est que par la suite que vous l’intégrerez dans le projet. Ainsi vous pourrez préparer et valider beaucoup de contenu avant que le projet ne soit créé.

Implémenter le projet

Il s’agit ici de commencer à créer les différentes composantes de votre projet. Si c’est un site web, il télécharge et installer le CMS prévu, si c’est un page Facebook, il faut créer la page Facebook en question, si c’est un compte Instagram, il faut le créer, si c’est un site Shopify il faut le créer.

Ensuite, il faut utiliser les outils acquis pour implémenter les différentes fonctionnalités prévues. Dans le domaine des logiciels, cette phase est communément appelée phase de développement ou de programmation. Mais comme dans notre cas, il ne s’agit pas forcément de programmation, il faut implémenter concrètement notre projet en utilisant les outils prévus.

Mettre le projet web en ligne

Les projets web sont accessibles sur le web et pour cela, ils doivent être sur une machine accessible en permanence et ayant une adresse IP fixe. Il est difficile et couteux de réaliser cela soit même. Heureusement, il existe des entreprises (hébergeur web) qui offrent des espaces de stockage en ligne que vous pouvez utiliser pour vos sites moyennant le paiement d’un abonnement. Une fois que l’espace en ligne est acquis, il ne vous reste plus cas uploader votre site web en ligne afin qu’il soit accessible à tous.

L’hébergement web ne concerne que les sites web, car pour la plupart des outils comme les pages Facebook, les comptes Shopify, Instagram tout doit être sur leurs plateformes en lignes. Il n’est pas nécessaire d’acquérir un nouvel espace dans ces cas.

Tester et valider

Maintenant que le projet est déjà accessible en ligne, il faut le tester et le valider avant de le rendre accessible. Il est conseillé d’avoir toujours une version de test en ligne qui est la copie de la version Live de votre projet web. Cette version de test doit être inaccessible pour un visiteur de votre site web. Vous devez tester toutes les fonctionnalités et corriger les éventuels problèmes avant de rendre le site web accessible à tous.