Garage Vincent Parrot (Projet d’étude)
Analyse et conception :
Vous pouvez accéder au site en cliquant sur le lien suivant, “Site de garage automobile”.
En commençant la lecture du cahier de charges qui expliquait le contexte, l’histoire de l’entreprise et les besoins du client, j’ai pu analyser les fonctionnalités. Le patron , M. Parrot, voulait tout d’abord un site web pour accroître sa visibilité sur le web et trouver de nouveaux clients. Il souhaitait avoir une partie administrateur sur son site afin de pouvoir gérer le contenu en compagnie de son équipe. M. Parrot voulait créer les comptes de ses employés, gérer les services de réparation et être en mesure de modifier les horaires d’ouverture du garage.
Les employés du garage pouvaient également gérer les véhicules d’occasion, en ajoutant de nouvelles voitures disponibles à la vente avec tous leurs descriptifs et en pouvant les supprimer. Ils étaient également en charge d’ajouter et de modérer les avis des clients.
Les visiteurs pouvaient consulter le site ainsi que les véhicules d’occasion, les services de réparation avec leurs prix et les horaires d’ouverture pour prévoir leur passage au garage.
Il était précisé dans le cahier des charges qu’il devait y avoir un système de filtres au niveau des véhicules d’occasion, sans nécessité de recharger la page, afin de faciliter la recherche des visiteurs et d’offrir une navigation plus fluide et plus ergonomique. J’ai ajouté de ma propre initiative un système de notation par étoile pour que les clients puissent évaluer sur une échelle de 1 à 5 les prestations du garage.
Je me suis aidé de Figma un logiciel pour créer des maquettes, afin de construire une vue d’ensemble de l’application, déterminer l’emplacement des boutons, du logo, etc. Cliquez sur le lien suivant pour accéder à la charte graphique du projet et à l’identité visuelle du garage, “Charte graphique du projet.”
J’ai réalisé ces maquettes en format mobile puis en format ordinateur. Cliquez sur le lien pour accéder à la maquette version mobile, “Maquette version mobile."
"Maquette version ordinateur.”
Je me suis inspiré des sites automobiles existants pour respecter les codes couleur et l’ambiance de styles. Pour la gestion de projet j’ai utilisé la méthode kanban à l’aide de Trello, inscrivez-vous sur “Trello” et rejoignez-moi sur ce lien pour explorer le tableau qui a organisé tout mon travail, “Tableau Trello”. Trello est un logiciel de gestion de projet qui permet d’organiser le flux de travail avec des cartes à déplacer selon l’avancement du projet. Ce logiciel est fait aussi pour le travail collaboratif.
Développement et implémentation :
J’ai utilisé un ensemble d’outils spéciaux sur mon ordinateur pour construire le site, un peu comme un menuisier utilise ses outils pour fabriquer un meuble. J’ai utilisé Symfony et Composer, des outils principaux , et ils m’ont aidé à structurer et à organiser le projet de manière efficace. Pour l’aspect visuel du site j’ai utilisé Twig, un peu comme le crayon avec lequel on dessine l’apparence du site. Twig est implanté directement avec Symfony. Il m’a permis de créer des modèles pour afficher le contenu de manière claire et esthétique, comme pour organiser les pièces d’un puzzle.
J’ai utilisé React.js pour créer des éléménts interactifs et dynamiques pour le système de filtre et le système de notation par étoile, offrant ainsi une expérience utilisateur fluide et agréable, tout en permettant aux utilisateurs de filtrer les résultats et de donner leur avis de manière simple et intuitive.
Pour le développement des fonctionnalités, nous pouvons le comparer à l’assemblage des différentes parties d’un puzzle. Chaque fonctionnalité est comme une pièce de puzzle et mon travail consiste à les assembler pour que le site fonctionne de la manière souhaitée.
J’ai créé une base de données pour manipuler les véhicules d’occasion, les utilisateurs du côté administrateur (comptes et connexions), les horaires d’ouverture, les avis clients et les services de réparation. La base de données a été créée grâce à l’ORM Doctrine de Symfony. Je vous invite à cliquer sur ce lien pour en savoir plus sur cet outil Doctrine ORM.
J’ai développé grâce aux outils de Symfony un système pour contrôler qui peut faire quoi sur le site et créer un tableau de bord administrateur, un peu comme une clé qui ouvre différentes portes dans un immeuble. Le patron du garage a une clé spéciale qui lui donne accès à toutes les parties du site, tandis que les employés ont une clé à certaines parties seulement. Cela a été une étape cruciale pour maîtriser la sécurité globale du site.
Tests et déploiement :
J’ai testé chaque fonctionnalité pour m’assurer qu’elles répondaient aux exigences du cahier des charges. En testant également les performances et la sécurité.
J’ai déployé le site sur un serveur distant en veillant à ce que tout fonctionne correctement en production. Tous les dossiers et fichiers de mon site ont été transférés de mon ordinateur à un serveur pour que le code soit retranscrit sur l’adresse de l’hébergement. Je remercie Denis Farkas pour son aide et ses conseils.
Un support et une formation a été nécessaire pour que le client puisse utiliser le système, et j’ai assuré un support continu après le déploiement.
Durée et temps
- J’ai réalisé ce projet sur une période de deux mois.
- Cette échéance de temps limité m’a permis de maintenir un rythme de travail efficace et de respecter les détails fixés pour la livraison du projet.
Vous avez besoin d’un site interne pour votre entreprise ?
Écrivez-moi !