Création d'un site web dynamique
L'objectif
Concevoir un site web complètement dynamique sur un sujet au choix mais à partir d'un jeu de données issu de l'OpenData. Il fallait faire le diagramme UML, créer une base de données relationnelle avec MySql, créer un site web en HTML et CSS ainsi qu'utiliser PHP pour faire des formulaires et du JavaScript pour réaliser un tableau de bord.
La description du projet
Pour ce projet, nous devions choisir un thème et une base de données OpenData. Nous avons choisi
de faire une application web sur les ordinateurs, elle a pour but de conseiller une personne qui ne sait pas quel ordinateur choisir.
Elle permet aussi de voir l'avis des clients qui ont acheté un ordinateur avant ainsi que de voir quel modèle a le plus de succès grâce à une page statistique.
Cependant, nous n'avons pas trouvé de base OpenData, donc nous l'avons conçu nous-même.
Nous avons donc créé 4 tables : ordi, client, commande et avis. Nous avons ensuite inséré chaque table sur MySQL à partir d'easyphpMyAdmin.
Ensuite, nous nous sommes lancés dans la création du site web. Nous avons utilisé HTML et CSS pour la mise en page et le design.
Nous avons fait le choix de faire une première partie destinée aux utilisateurs et une deuxième pour les professionnels (les gérants du site ou ceux qui ont les droits).
Dans la partie utilisateur, on retrouve une première page "Accueil" à partir de laquelle on peut aller directement sur le deuxième onglet "Recherche".
Cette page est en réalité un formulaire à remplir et en fonction, cela propose des modèles d'ordinateurs un peu comme la fonctionnalité filtre sur certains sites.
Ensuite, le troisième onglet explique les modalités pour commander un ordinateur.
Le quatrième onglet "Avis" est un formulaire qui permet de laisser un avis et le cinquième onglet "Statistiques" permet, grâce à des graphiques faits avec jQuery, de voir le nombre de commandes passées par mois ainsi que la satisfaction des clients.
Enfin, pour accéder à la partie Ordiginal pro, il suffit de cliquer sur "se connecter", et de rentrer son identifiant et son mot de passe.
Cependant, pour que cela fonctionne, on a dû créer une nouvelle table "utilisateur" qui répertorie les identifiants et mots de passe de chaque utilisateur.
À partir d'Ordiginal Pro, nous pouvons ajouter, modifier ou supprimer une ligne dans les tables "client", "ordi" et "commande".
Pour finir ce projet, nous avons dû écrire un rapport qui reprend toutes les étapes de la création du site, le diagramme UML, la répartition du travail, ce qui fonctionne et ce qui ne fonctionne pas ainsi que les améliorations que nous aurions pu apporter.
L'évaluation
- l'application web complète : l'ergonomie, la complexité et la facilité d'utilisation
- le livrable : le diagramme UML, le rapport et la base de données
- le rapport : les commentaires et l'organisation au sein du groupe.
Les compétences acquises
- la réalisation d'un site web dynamique
- l'utilisation d'easyphpMyAdmin
- la conception d'une base de données
- la création d'un diagramme UML
- la création et l'utilisation de PHP pour faire des formulaires
- l'utilisation du JavaScript et notamment de jQuery pour les graphiques
- l'organisation au sein du groupe
Le bilan personnel
Ce projet a été très intéressant à réaliser.
Je l'ai trouvé très enrichissant, car il m'a permis de mettre en pratique tout ce que j'avais appris en matière de programmation web (HTML/CSS/PHP/JavaScript).
Il m'a permis de bien comprendre l'utilisation de PHP dans la conception de formulaires ainsi que dans l'utilisation des résultats. J'ai aussi appris à utiliser jQuery pour faire des graphiques, ainsi que d'easyphpMyAdmin pour accéder à MySQL et pouvoir construire et requêter sur notre base de données.
Il nous a également demandé d'être inventifs, car nous avons dû trouver un thème. Comme nous n'avions pas d'OpenData, nous avons dû créer la base, ce qui nous a demandé du travail supplémentaire.
Néanmoins, il a été essentiel d'être créatifs lors de la conception du site, car il était nécessaire qu'il soit ergonomique et agréable à utiliser.
Cependant, il a fallu trouver une bonne organisation pour la réalisation du site parce que nous avions un délai assez large, mais pas de jours bloqués pour le réaliser.
De plus, nous ne pouvions pas travailler en même temps sur le site, il a donc fallu se répartir les tâches ainsi que notre temps.