Mini-Projet 2020/2021. Programmation web

Transcription

1 Mini-Projet 2020/2021 Programmation web 1) Identification Matricule : Nom : KHEMNOU Prénom :Anis Groupe :02 2) Description générale du travail demandé : a) Problématique : Rechercher un artisan n est pas une chose qui ce fait rapidement, on peux perdre du temps a chercher partout le numéro de téléphone d un artisan afin de bien réaliser le travail souhaité par le client. b) Objectifs : Réaliser un site web qui permet de faciliter une recherche d artisan et établir une bonne communication entre eux. c) Proposition : Afin de rechercher des artisan, on vous propose d utiliser notre site «l art du bricolage» qui permet de faire une recherche personnalisé des artisan dans votre secteur et ceci depuis votre maison en deux trois clique. 3) Procédure d hébergement : a) Présentation de l hébergeur : L hébergement du site web est effectué avec un serveur distant «always data» qui est un hébergeur assez efficace qui fournit une plateforme simple d utilisation. b) Caractéristique : - Une version d essaye gratuite qui offre 100MO d espace. - Mettre en ligne les sites web en utilisant le logiciel qui vous convient (filzella, dreamwever etc..). - Utilisation de PhpMyAdmin pour la gestion des bases de données et enregistrements. c) Création du compte : Pour créer un compte sur always data rendez vous sur cette URL :

2 Puis remplissez le formulaire suivant :

3 - 4) Utilisation des environnement de travail et des autres outils : a) Création et Configuration du site : Pour réaliser le travail on va utiliser utiliser l IDE visual studio code et le langage mysql pour gérer la base de donnée en utilisant l hébergeur always data. b) Création des pages : Pour les pages utilisé on va utilisé différents langage tels que php, javascript, html, css. c) Création des liens : Pour basculer d une page a une autre on utilise les liens hypertexte crée a partir des balises HTML. Pour la connexion avec le serveur distant on utilise le logiciel Filezella. 5) Description de la base de donnée : Table utilisateur (client) : Username : nom de l utilisateur. de l utilisateur Address : address de l utilisateur Password : Mot de passe de l utilisateur Id : l id de chaque utilisateur (Clé primaire + auto increment) Cette table est utilisé pour enregistrer tout les utilisateur qui ce sont inscrit sur le site. Table artisan :

4 Même champs que ceux du client plus : Profession : Travail de l artisan. Photo : contient l url de l image (url externe) Paragraphe : contient la description ajouté par un artisan. Cette table est utilisé pour enregistrer tout les artisan inscrit dans le site. Table commande : Client : le client qui a effectué une commande. Artisan : l artisan que le client a choisie. Date : date de la commande. Telephone : numéro de téléphone entré par le client lors de la commande. Accomplie : état du travail (accomplie ou non ).

5 Reponse : réponse de l artisan (si il a accepté ou refusé le travail) du client qui a effectué la commande. Temp : l heure a laquelle la commande a été effectué. Id : clé primaire (auto increment ) Cette table permet d enregistrer toute les commandes effectué par les client en enregistrant des information sur la commande tel que le client qui a effectué la commande avec l artisan choisie l heure et la date de la commande et des information sur l état du travail. Table favorie : Client : le client qui a ajouté aux favoris un artisan Artisan : L artisan que le client a ajouté aux favoris l émail de l artisan. Profession : travail de l artisan. Cette table est utilisé pour stocker les favoris des client avec leurs information. 6) Capture d écran : Page principale :

6 Page inscription client : page inscription artisan :

7 page connexion client : Page connexion artisan :

8 Coté client : Page d accueil du client : Cette page permet d afficher les artisan disponible et permet aux client de demander du travail a réaliser a l artisan choisie Page du profile client : La page du profile client contient en premier temps les commande effectué par le client en question, lorsque l état d un travail est sur travail terminé le client pourra ajouter l artisan qui a terminé le travail a la liste de ces favoris.

9 Elle contient aussi la configuration du profile client (changer le mot de passe, supprimer le compte). Page favoris : Cette page contient les favoris d un client, on peux aussi supprimer un artisan de la liste des favoris en cliquant sur le bouton supprimer. Coté artisan : Page d accueil de l artisan : Cette page contient toute les configuration qu un artisan peux apporter a son profile : A propos : permet d ajouter une description. Image(url extérieur) : permet de changer la photo de profile de l artisan en entrant l url extérieur de l image. Password et confirm password : utilisé pour changer le mot de passe de l artisan.

10 Vous pouvez aussi supprimer votre compte. Page des rendez vous de l artisan : 1 ere page ( Nouvelle demande) : Cette page permet d afficher les nouvelles demandes effectué par des client pour un l artisan, vous pouvez accepter ou refuser la demande, si vous accepter la demande cette dernière sera redirigé vers la page qui contient les demandes acceptées, si vous refusez la demande, le travail sera redirigé vers la page qui contient les demandes annulées, le client sera avertis de ce choix dans la page dédié aux commande du client. Exemple : si on clique sur accepter pour la commande ci dessus la commande effectué par le client «mehdi» sera redirigé vers la page des travails acceptés. 2 eme page (demandes acceptées ) : Cette page contient toute les demandes qu un artisan a accepté, plus un bouton «terminer» pour chaque commande qui permet de terminer le travail, si vous cliquer sur un bouton terminer, la commande sera redirigé vers la page qui contient les travails terminés, le client sera avertis que le travail a été terminé, et pourra ensuite s il le souhaite ajouté l artisan qui a terminer sa commande a la liste de ces favoris. Exemple : si on clique sur le bouton terminer du travail demandé par mehdi et accepté par l artisan, le travail sera redirigé vers la page des travails terminées(demandes terminées).

11 3 eme Page(demandes annulés ) : cette page contient toute les demandes annulées par l artisan. 4 eme Page(demandes terminées) : Cette page contient toute les demandes terminées par l artisan. 7) Conclusion : Objectifs atteints : Réalisation d un site pour faciliter la recherche des artisan, aussi pour l interaction entre les différents clients et les artisans avec des fonctionnalité tels que la gestion des commandes et l ajout des artisan aux favoris. Connaissances acquises : a) Réalisation d un système de connexion. b) Utilisation du CSS Perspectives : a) Ajout d un espace commentaire b) Permettre aux utilisateur de noter les artisan c) Ajout d un système de messagerie d) Filtrer encore plus lors de la recherche des artisans