2010

Rapport de projet

Application Web de gestion des annonces

Ralis par :
DAHMANI Tarik. BELLAARI Abdelouahid.

Encadr par :
Mme : H.BELMOKADEM.
ENSAT 29/01/2010

Sommaire
Introduction : .................................................................................................... 3 Objectif : ........................................................................................................... 3 Outils Utiliss : ................................................................................................. 4 La base de donnes dbannonce : ................................................................. 5
Le modle conceptuel de donnes (MCD) : ............................................................................ 5 Explication : ............................................................................................................................ 5

LApplication : .................................................................................................. 7
Partie daccueil. .......................................................................................................................... 8 Partie dinscription...................................................................................................................... 9 Partie de consultation des annonces............................................................................................ 10 Partie de publication des annonces. .............................................................................................13 Partie de gestion du profil de lutilisateur. .....................................................................................13 Partie dadministration. ..............................................................................................................16

Conclusion : ..................................................................................................... 19

DAHMANI Tarik & BELLAARI Abdelouahid

Page 2

Introduction :
Notre projet consiste mettre en place une application Web pour la gestion des Annonces de diffrents types : Immobilier, Vhicule, Emploi, Service et autre. Lutilisateur doit sinscrire dans notre base de donnes pour quil puisse publier une ou plusieurs annonces, comme il peut consulter les toutes les annonces publie sur le site. Pour raliser ce projet en utilise la technologie J2EE et JDBC pour la connexion avec la base de donnes ralise avec MySQL.

Objectif :
Lobjectif de ce travail est de raliser une application web pour mettre en valeur le travail en groupe et les connaissances acquises en matire de J2EE. Ainsi dtre plus professionnalisme.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 3

I. Outils Utiliss :

Eclipse : pour dveloppement de lapplication. Appache TomCat : serveur de test de lapplication. MySQL : Systme de gestion de Base de donnes. Photoshop : traitement dimages. Flash : pour la ralisation des animations. Architecture : MVC(Modele-Vue-Controleur)

DAHMANI Tarik & BELLAARI Abdelouahid

Page 4

II. La base de donnes dbannonce :

1. Le modle conceptuel de donnes (MCD) :

2. Explication :
-chaque Catgorie_user contient au moins un utilisateur (user) -chaque User apparient a une et une seul catgorie (Admin ou user) -chaque User peut publier Zro ou plusieurs Annonce -Une Annonce est publie par un et un seul User
DAHMANI Tarik & BELLAARI Abdelouahid Page 5

-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 vhicule ou une et un seul service ou un et un seul emploi ou un et un seul Autres. -chaque une des Types dannonce appartienne au moins une annonce.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 6

III. LApplication :
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 dune manire facile, fiable et moins chre. Dans ce projet on a cr une classe connexion qui permet de faire la connexion avec notre base de donnes. Cette classe permet denregistrer le driver JDBC et la connexion avec la base de donne. Elle est appel au dmarrage du projet par la mthode init() . On a aussi travaill avec la notion de session c..d. Si un utilisateur est fait lauthentification il nest pas oblig de sauthentifier une autres fois qu sa prochaine connexion sur le site. Sur notre application on a divis les utilisateurs par type, Administrateur et utilisateurs, pour ladministrateur peut faire ce quil veut, mais pour lutilisateur sauf ceux quont inscris sur le site qui peuvent publier, consulter les annonces, consulter et modifier ces profils. Notre application est divise en 6 grandes parties : Partie daccueil. Partie dinscription. Partie de publication des annonces. Partie de Consultation des annonces. Partie de gestion du profil de lutilisateur. Partie dadministration.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 7

1. Partie daccueil.
Contient linterface de dmarrage de notre projet. Nimporte qui peut consulter cette page (inscris ou non). Cest une page daccueil qui contient un logo de notre application et un mot de bienvenu plus la barre Menu : Accueil, Inscription, consultation, publication et Administration.
Animation cre en Flash. Le formulaire dauthentification.

Lutilisateur doit sauthentifier avec un login et un mot de passe pour accder a dautre page de site. Si non il doit sinscrire.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 8

2. Partie dinscription.
Cest linterface qui permet un utilisateur de crer 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 dinscription.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 9

3. Partie de consultation des annonces.

Cette partie est consultable que par les utilisateurs inscrits sur le site, cest pour cela si un utilisateur nest pas authentifi a accd cette partie, il reoit un message dautorisation qui saffiche dans la page.

Le message dautorisation

Aprs lAuthentification lutilisateur chaque utilisateur peut consulter les annonces publier par tous les autres utilisateurs selon la catgorie de lannonce choisit.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 10

Les types des annonces consulter

Aprs lauthentification un mot de bienvenu qui indique que lutilisateur est connect saffiche.

Un lien qui permet a lutilisateur de consulter son profil.

Par exemple on choisit le type des annonces Immobilier, est concernant laffichage on a prcis que 4 annonces qui saffiche par page.

Le titre de lannonce, aussi cest un lien qui permet dafficher les tous informations concernant lannonce.

Le texte de lannonce.

Prcdent et Next pour passer vers les 4 prochaines annonces, est a reste dynamique dans la mme page.

Bouton qui permet dafficher les informations concernant le propritaire de lannonce pour le contacter.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 11

Aprs quon clique sur le titre de lannonce, ses informations saffichent dans ce tableau.

Aprs quon clique sur le bouton

, les information concernant le propritaire de lannonce saffiche dans ce tableau.

Bouton qui permet de retourner vers la page des annonces.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 12

4. Partie de publication des annonces.

Lutilisateur peut publier ses annonces en cliquant sur le bouton Publier la page demande a lutilisateur de choisir la catgorie de son annonce par exemple : Immobilier, vhicule, Service, Emploi et autres. On prend lexemple de lImmobilier. Dans cette page si lutilisateur na pas remplit un champ ncessaire, un message indique quun champ ncessaire est vide.

Le formulaire dajout dune annonce immobilier.

5. Partie de gestion du profil de lutilisateur.

Le lien de cette page ne saffiche quaprs lauthentification de lutilisateur.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 13

Le lien de la page qui permet dafficher la liste des annonces publi par lutilisateur, pour les modifier ou les supprimer.

Le lien de la page qui permet dafficher les informations du compte de lutilisateur.

On affiche la liste des annonces de lutilisateur authentifi

Permet dafficher la page publier lannonce.

La liste des annonces publies par lutilisateur authentifi.

Permet de supprimer lannonce slectionne.

Permet dafficher la page de modification de lannonce slectionne.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 14

Le formulaire de modification de lannonce slectionne.

Le bouton qui valide la modification.

Aprs lutilisateur authentifi afficher les informations concernant son compte.

Le bouton qui permet dafficher la page qui contient le formulaire de modification.

Les informations concernant lutilisateur authentifi.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 15

Le formulaire de modification des informations du compte de lutilisateur.

Le bouton qui valide la modification.

6. Partie dadministration.
Seulement ladministrateur de lapplication qui peut consulter cette partie. Quand un utilisateur mme si est inscrit sur le site veut consulter cette partie, il y a un teste de type dutilisateur qui se lance automatiquement, si lutilisateur nest pas un administrateur, la page fait la redirection vers la page daccueil.

DAHMANI Tarik & BELLAARI Abdelouahid

Page 16

Ladministrateur peut consulter la liste des utilisateurs et la liste des annonces publie sur le site.

La liste des utilisateurs inscrits sue le site avec ses informations personnelles.

Bouton qui donne le droit ladministrateur de supprimer lutilisateur slectionn.

(Prcdent est Next) pour passer au liste des 8 utilisateurs. (La pagination)

DAHMANI Tarik & BELLAARI Abdelouahid

Page 17

La liste des annonces publies par les utilisateurs.

Bouton qui donne le droit ladministrateur de supprimer lannonce slectionne. (Prcdent est Next) pour passer vers liste suivante des 8 autres annonces. (La pagination)

DAHMANI Tarik & BELLAARI Abdelouahid

Page 18

Conclusion :
Le but de notre projet et de raliser une application Web dynamique qui gre les annonces de dfrentes types, on utilisant la technologie Java EE base de larchitecture MVC. Grce a notre enseignante qui nous a dirig et qui nous a donne des cours et TPs trs pdagogique, On a pu raliser ce modeste travaille. Esprons que ce travail sera la hauteur de notre esprance et au celle de toute personne intresse par les systmes dinformations

DAHMANI Tarik & BELLAARI Abdelouahid

Page 19