Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Rapport de projet Application Web de gestion des annonces 2010 ENSAT 29/01/2010

Rapport de projet Application Web de gestion des annonces 2010 ENSAT 29/01/2010 Réalisé par : DAHMANI Tarik. BELLAARI Abdelouahid. Encadré par : Mme : H.BELMOKADEM. DAHMANI Tarik & BELLAARI Abdelouahid Page 2 Sommaire Introduction : .................................................................................................... 3 Objectif : ........................................................................................................... 3 Outils Utilisés : ................................................................................................. 4 La base de données « dbannonce »: ................................................................. 5 Le modèle conceptuel de données (MCD) : ............................................................................ 5 Explication : ............................................................................................................................ 5 L’Application : .................................................................................................. 7 Partie d’accueil. .......................................................................................................................... 8 Partie d’inscription...................................................................................................................... 9 Partie de consultation des annonces. ........................................................................................... 10 Partie de publication des annonces. ............................................................................................. 13 Partie de gestion du profil de l’utilisateur. ..................................................................................... 13 Partie d’administration. ..............................................................................................................16 Conclusion : ..................................................................................................... 19 DAHMANI Tarik & BELLAARI Abdelouahid Page 3 Introduction : Notre projet consiste à mettre en place une application Web pour la gestion des Annonces de différents types : Immobilier, Véhicule, Emploi, Service et autre. L’utilisateur doit s’inscrire dans notre base de données pour qu’il puisse publier une ou plusieurs annonces, comme il peut consulter les toutes les annonces publiée sur le site. Pour réaliser ce projet en utilise la technologie J2EE et JDBC pour la connexion avec la base de données réalisée avec MySQL. Objectif : L’objectif de ce travail est de réaliser une application web pour mettre en valeur le travail en groupe et les connaissances acquises en matière de J2EE. Ainsi d’être plus professionnalisme. DAHMANI Tarik & BELLAARI Abdelouahid Page 4 I. Outils Utilisés : • Eclipse : pour développement de l’application. • Appache TomCat : serveur de test de l’application. • MySQL : Système de gestion de Base de données. • Photoshop : traitement d’images. • Flash : pour la réalisation des animations. • Architecture : MVC(Modele-Vue-Controleur) DAHMANI Tarik & BELLAARI Abdelouahid Page 5 II. La base de données « dbannonce »: 1. Le modèle conceptuel de données (MCD) : 2. Explication : -chaque Catégorie_user contient au moins un utilisateur (user) -chaque User apparient a une et une seul catégorie (Admin ou user) -chaque User peut publier Zéro ou plusieurs Annonce -Une Annonce est publiée par un et un seul User DAHMANI Tarik & BELLAARI Abdelouahid Page 6 -Une Annonce peut être soit de type Immobilier ou Vehicule ou service ou Emploi ou Autre -Une Annonce est un et un seul immobilier ou un et un seul véhicule ou une et un seul service ou un et un seul emploi ou un et un seul Autres. -chaque une des Types d’annonce appartienne au moins à une annonce. DAHMANI Tarik & BELLAARI Abdelouahid Page 7 III. L’Application : Notre application est un site web dynamique de publication et de consultation des annonces, permet à un utilisateur de publier ou consulter a fin de trouver des clients d’une manière facile, fiable et moins chère. Dans ce projet on a créé une classe connexion qui permet de faire la connexion avec notre base de données. Cette classe permet d’enregistrer le driver JDBC et la connexion avec la base de donnée. Elle est appelé au démarrage du projet par la méthode init() . On a aussi travaillé avec la notion de session c.à.d. Si un utilisateur est fait l’authentification il n’est pas obligé de s’authentifier une autres fois qu’à sa prochaine connexion sur le site. Sur notre application on a divisé les utilisateurs par type, Administrateur et utilisateurs, pour l’administrateur peut faire ce qu’il veut, mais pour l’utilisateur sauf ceux qu’ont inscris sur le site qui peuvent publier, consulter les annonces, consulter et modifier ces profils. Notre application est divisée en 6 grandes parties : • Partie d’accueil. • Partie d’inscription. • Partie de publication des annonces. • Partie de Consultation des annonces. • Partie de gestion du profil de l’utilisateur. • Partie d’administration. DAHMANI Tarik & BELLAARI Abdelouahid Page 8 1. Partie d’accueil. Contient l’interface de démarrage de notre projet. N’importe qui peut consulter cette page (inscris ou non). C’est une page d’accueil qui contient un logo de notre application et un mot de bienvenu plus la barre à Menu : Accueil, Inscription, consultation, publication et Administration. L’utilisateur doit s’authentifier avec un login et un mot de passe pour accéder a d’autre page de site. Si non il doit s’inscrire. Animation créée en Flash. Le formulaire d’authentification. DAHMANI Tarik & BELLAARI Abdelouahid Page 9 2. Partie d’inscription. C’est l’interface qui permet à un utilisateur de créer son compte avec ses informations personnelle et un mot de passe est un login. Le formulaire donne plusieurs champs qui concernent les informations de chaque utilisateur à remplir. Le formulaire d’inscription. DAHMANI Tarik & BELLAARI Abdelouahid Page 10 3. Partie de consultation des annonces. Cette partie est consultable que par les utilisateurs inscrits sur le site, c’est pour cela si un utilisateur n’est pas authentifié a accédé à cette partie, il reçoit un message d’autorisation qui s’affiche dans la page. Après l’Authentification l’utilisateur chaque utilisateur peut consulter les annonces publier par tous les autres utilisateurs selon la catégorie de l’annonce choisit. Le message d’autorisation DAHMANI Tarik & BELLAARI Abdelouahid Page 11 Par exemple on choisit le type des annonces Immobilier, est concernant l’affichage on a précisé que 4 annonces qui s’affiche par page. Les types des annonces à consulter Après l’authentification un mot de bienvenu qui indique que l’utilisateur est connecté s’affiche. Un lien qui permet a l’utilisateur de consulter son profil. Le texte de l’annonce. Le titre de l’annonce, aussi c’est un lien qui permet d’afficher les tous informations concernant l’annonce. Précédent et Next pour passer vers les 4 prochaines annonces, est ça reste dynamique dans la même page. Bouton qui permet d’afficher les informations concernant le propriétaire de l’annonce pour le contacter. DAHMANI Tarik & BELLAARI Abdelouahid Page 12 Après qu’on clique sur le titre de l’annonce, ses informations s’affichent dans ce tableau. Après qu’on clique sur le bouton , les information concernant le propriétaire de l’annonce s’affiche dans ce tableau. Bouton qui permet de retourner vers la page des annonces. DAHMANI Tarik & BELLAARI Abdelouahid Page 13 4. Partie de publication des annonces. L’utilisateur peut publier ses annonces en cliquant sur le bouton Publier la page demande a l’utilisateur de choisir la catégorie de son annonce par exemple : Immobilier, véhicule, Service, Emploi et autres. On prend l’exemple de l’Immobilier. Dans cette page si l’utilisateur n’a pas remplit un champ nécessaire, un message indique qu’un champ nécessaire est vide. 5. Partie de gestion du profil de l’utilisateur. Le lien de cette page ne s’affiche qu’après l’authentification de l’utilisateur. Le formulaire d’ajout d’une annonce immobilier. DAHMANI Tarik & BELLAARI Abdelouahid Page 14 On affiche la liste des annonces de l’utilisateur authentifié Le lien de la page qui permet d’afficher la liste des annonces publié par l’utilisateur, pour les modifier ou les supprimer. Le lien de la page qui permet d’afficher les informations du compte de l’utilisateur. La liste des annonces publiées par l’utilisateur authentifié. Permet de supprimer l’annonce sélectionnée. Permet d’afficher la page de modification de l’annonce sélectionnée. Permet d’afficher la page publier l’annonce. DAHMANI Tarik & BELLAARI Abdelouahid Page 15 Après l’utilisateur authentifié afficher les informations concernant son compte. Le formulaire de modification de l’annonce sélectionnée. Le bouton qui valide la modification. Le bouton qui permet d’afficher la page qui contient le formulaire de modification. Les informations concernant l’utilisateur authentifié. DAHMANI Tarik & BELLAARI Abdelouahid Page 16 6. Partie d’administration. Seulement l’administrateur de l’application qui peut consulter cette partie. Quand un utilisateur même si est inscrit sur le site veut consulter cette partie, il y a un teste de type d’utilisateur qui se lance automatiquement, si l’utilisateur n’est pas un administrateur, la page fait la redirection vers la page d’accueil. Le formulaire de modification des informations du compte de l’utilisateur. Le bouton qui valide la modification. DAHMANI Tarik & BELLAARI Abdelouahid Page 17 La liste des utilisateurs inscrits sue le site avec ses informations personnelles. (Précédent est Next) pour passer au liste des 8 utilisateurs. (La pagination) Bouton qui donne le droit à l’administrateur de supprimer l’utilisateur sélectionné. L’administrateur peut consulter la liste des utilisateurs et la liste des annonces publiée sur le site. DAHMANI Tarik & BELLAARI Abdelouahid Page 18 La liste des annonces publiées par les utilisateurs. (Précédent est Next) pour passer vers liste suivante des 8 autres annonces. (La pagination) Bouton qui donne le droit à l’administrateur de supprimer l’annonce sélectionnée. DAHMANI Tarik & BELLAARI Abdelouahid Page 19 Conclusion : Le but de notre projet et de réaliser une application Web dynamique qui gère les annonces de déférentes types, on utilisant la technologie « Java EE » à base de l’architecture MVC. Grâce a notre enseignante qui nous a dirigé et qui nous a donnée des cours et TPs très pédagogique, On a pu réaliser ce modeste travaille. Espérons que ce travail sera à la hauteur de notre espérance et au celle de toute personne intéressée par les systèmes d’informations uploads/Management/ webannonces-j2ee.pdf