Contexte :
Un petit garage souhaite informatiser la gestion de son stock de voiture d’occasion, ainsi que le lier à
son site internet, pour présenter ces dernières en ligne.
En équipe de deux développeurs, nous devons créer un site web sur lequel le public pourra accéder aux fiches des différents véhicules qui sont à vendre chez le garagiste.
Technologies Utilisé :
- GitHub
- UwAmp
- VsCode
- HTML/CSS/JavaScript
- PHP/MySQL
Préparatifs : Mise en place d’un repository GitHub pour travailler en mode projet
Afin de gérer les versions de notre site (versionning) et travailler en mode projet, nous avons créer un repository GitHub.
Celui-ci nous permet de voir les différentes modifications effectués et de les comparés avec la version actuelle
Etape 1 : Création de la base de données
Afin de gérer nos voitures, nous avons d’abord créer une base de données.
Etape 2 : Développer la partie visuelle (Front End) du site
Affichage des images de voitures en fonction de leur « id » dans la bdd
Etape 3 : Développer la partie « Fonctionnalité » (Back End)
Les fonctionnalités CRUD (Create, Read, Update and Delete) permettent a l’admin de gérer les voitures présentes sur le site (sans avoir a le faire depuis phpMyAdmin)
Tout d’abord, nous implémenter la possibilité d’ajouter une voiture grâce a un formulaire d’ajout :
Après avoir entrer les informations de la voiture. Cliquez sur Ajouter et la voiture sera affiché sur la page d’affichage avec les autres voitures.
Puis, nous avons implémenter la possibilité de modifier une voiture déjà existante
Dès que vous cliquez sur le bouton, cette page apparait :
Dès que vous avez fini d’indiquer vos modifications. Cliquez sur modifier et la voiture sera mise a jour avec les nouvelles informations données.
Pour finir nous avons implémenter la suppression :
système de login admin/user, connexion a la bdd
Etape 4 : Rajout des pages Contact et A propos
Etape 5 : Mise en ligne du site web
Ce projet sera bientôt en ligne sur btsinfo.nc
No responses yet