Mes projets universitaires de programmation et de création de site web dynamique
Un site complétement dynamique :
Le second site internet que j'ai réalisé durant la première année de BUT MMI est un site dynamique
utilisant des requêtes SQL et utilisant PHP pour récupérer des informations dans une base de
données, et utilisant du PHP pour créer les pages dynamiquement. Le but était de créer un site qui
présenterait un lieu, fictif ou réel, qui permettait également au visiteur de pouvoir intéragir avec
celui-ci, que ce soit à partir d'un système d'inscription et de connexion, et/ou un sytème
permettant aux visiteurs de laisser un avis.
La première étape était de bien évidemment réfléchir sur le sujet du site en lui-même avant de
commencer la planification et la programmation.
Après quelques heures de réflexion, j'ai décidé de partir sur un site présentant un centre fictif d'activités.
Maintenant que je connaissais le sujet du site, je pouvais commencer à planifier la base de données de celui-ci. Je suis parti sur ces cinq tables :
Une pour le système d'utilisateur du site, où sont stockés les noms, prénoms, email, numéro de téléphone, etc... des utilisateurs ; une autre pour les salles, où sont stockés le nom, la description, la localisation, le thème, le prix par personne, etc... des salles ; une troisième pour les informations des images ; une avant-dernière pour les informations des réservations, quelle salle, pour quel utilisateur, et à quelle date ; et une dernière table pour les avis, qui l'a écrit, quelle note, pour quelle salle.
Voici également le schéma relationnel de la base :
utilisateur(id_utilisateur, nom, prénom, email, mdp, tel, nvPermission)
salle(id_salle, nom, localisation, description, catégorie, thème, prixParPersonne,
#id_utilisateur)
image(id_image, image_url, altText, #id_salle)
reservation(id_reservation, date_reservation, heure_reservation, prixParPersonne,
#id_utilisateur, #id_salle)
avis(id_avis, textAvis, note, #id_utilisateur, #id_salle)
La base planifiée, je pouvais commencer à dessiner le wireframe du site. Cependant, j'ai conçu un wireframe dit augmenté pour celui-ci, qui inclut les informations d'un wireframe classique, mais qui inclut également les différentes interactions entre les pages et les interactions avec la base de données.
Le fichier ci-dessus est certainement compliqué à lire sur un navigateur, donc n'hésitez pas à le télécharger si nécessaire.
J'étais donc parti sur quinze pages différentes, incluant les pages de connexion, inscription, modification de mot de passe, réservation, et les différentes pages administrateur.
Enfin, après la base de données planifiée et le wireframe augmenté créé, je pouvais commencer la programmation du site en lui-même.
Comme d'habitude, je commence à créer tous les différents fichiers dont je vais avoir besoin.
Et je programme chaque page les unes après les autres, je fais des tests à chaque fois, s'il y a des bugs je fais du débuggage et je le corrige :
Ainsi que les scripts PHP et JavaScript :
J'ai utilisé Git pour le controle de version lors du développement du site
La programmation du site m'a pris une semaine, mais pour ce qui est du temps total que ce projet m'a coûté, il m'a pris deux semaines et demi.
Et voilà le résultat final, je ne me suis pas trop porté sur l'aspect graphique du site, mais plutôt sur son aspect technique :
