Conception Et Réalisation D'une Application Web JEE de Gestion Des Séminaires
Conception Et Réalisation D'une Application Web JEE de Gestion Des Séminaires
Conception Et Réalisation D'une Application Web JEE de Gestion Des Séminaires
Dédicace :
A nos frères,
Avec qui on a partagé des moments de joies et des moments difficiles, pour
leurs patiences et leurs soutiens qu’ils n’ont cessés d’apporter au cours de
ma formation
2
Projet de fin d’études
Remerciements :
Nous tenons également à adresser nos plus sincères remerciements à l’ensemble du corps du
Centre Hospitalier Universitaire Hassan II Fès, et plus précisément à notre encadrant
professionnelle Monsieur Ouadie Lafhil technicien spécialisé au développement au sein de
service informatique pour avoir accordé son temps précieux , ses conseils et ses observations
utiles pour nous aider à découvrir des nouveaux moyens afin de s'intégrer dans le domaine
professionnel .
En particulier, nous souhaitons remercier Monsieur Pr. BENABBOU Abderrahim pour son
soutien continu, sa disponibilité inégale, sa confiance et ses conseils qui nous ont permis de
progresser sans cesse durant la période du stage.
3
Projet de fin d’études
Conclusion ..................................................................................................................................38
4
Projet de fin d’études
5
Projet de fin d’études
Les abréviations :
-JSF:JavaServer Faces
6
Projet de fin d’études
Résumé :
Abstract :
During our internship, we were asked to develop a web application for seminar
management at the Hassan II University Hospital Center.
This application will allow the head of training and cooperation services to
perform various tasks related to the management of seminars such as: the
management of activities, the room resevations, whether a facilitator is available
or not in a quick and easy way .
7
Projet de fin d’études
Introduction Générale :
Le stage de fin d’études est une période passée généralement en entreprise ou dans un
laboratoire pour mettre en pratique ce qu’on a appris dans nos études. Il sert à confirmer nos
acquis théoriques et pratiques tout en ouvrant des portes sur l’emploi. Il permet aussi de
découvrir la vie professionnelle, utiliser nos compétences et les enrichir.
Afin de couronner nos études dans le domaine des systèmes informatiques et logiciels
dans la faculté des sciences et techniques Fès (FST-Fès) et afin de se préparer à intégrer la
vie professionnelle, nous avons eu l’opportunité de faire un stage dans le Centre Hospitalier
Universitaire Hassan II pour préparer notre projet de fin d’études.
Nous avons été intégrés dans ce centre hospitalier pour préparer un projet qui consiste à
concevoir et développer une application web JEE pour la gestion des séminaires médicaux.
En premier lieu, nous avons eu la mission de rédiger le cahier de charges en précisant les
fonctionnalités de l’application future permettant de gérer des séminaires médicaux comme :
la gestion des utilisateurs (administrateur, responsable d’accueil), gestion des séminaires,
gestion des activités, gestion des salles, ainsi que d’autres fonctionnalités que nous les
préciserons dans la suite de ce rapport.
Notre rapport se constitue de trois chapitres:
- Le premier chapitre définit le contexte général du projet en présentant l’organigramme
d’accueil et en définissant la problématique du projet ainsi que la solution proposée.
- Dans le deuxième chapitre, nous allons décrire la phase de conception, en présentant des
diagrammes du langage UML comme : les diagrammes de cas d’utilisation générale et
détaillé en précisant les acteurs impliqués dans cette application, le diagramme de classes, les
diagrammes des séquences et le diagramme de package.
- Le troisième chapitre sera consacré à la description de la phase de la réalisation et du
codage de l’application en indiquant les outils informatiques utilisés tout au long du
développement.
8
Projet de fin d’études
Introduction :
Il s’agit d’une étape cruciale dans la réalisation d’une application donnée. Nous allons
commencer par une présentation d’organisme d’accueil, ainsi d’une description du service
informatique, et une présentation du projet, la problématique et les solutions.
Le CHU Hassan II de Fès est un établissement semi-public de santé qui a été créé en
novembre 2001 et c’est en janvier 2009 que le nouveau complexe hospitalier a été inauguré
par SM le Roi Mohammed VI. Cet édifice sanitaire, prévu pour répondre aux besoins de plus
de quatre millions d’habitants (Régions Fès Boulmane, Meknès-Tafilalet et Taza-Al
Hoceima-Taounate), a pour objectif d’améliorer le taux de couverture médicale de cette
population et de décongestionner les structures sanitaires déjà existantes dans ces régions.
9
Projet de fin d’études
E-mail : [email protected]
Site: www.chufes.ma
10
Projet de fin d’études
Service financier et
Service des activités
Service de personnel comptabilité
médicales
11
Projet de fin d’études
2. Présentation du projet :
2.1 Problématique :
La gestion des séminaires dans le CHU était faite par le responsable des services de formation
et de coopération et ceci était fait d’une façon manuelle. Les informations concernant chaque
séminaire et des inscrits étaient stockées sur des fiches.
De ce fait, il rencontre un certain nombre de problèmes que nous avons énumérés ci-après:
-La modification des séminaires et des activités devient une tâche difficile.
-Lors de l’ajout d’une activité, l’administrateur doit être au courant de la disponibilité des
salles.
-L’administrateur doit vérifier la capacité des salles avant la réservation pour qu’elles soient
compatibles avec celle du séminaire.
-La difficulté lors de l’inscription : le client était oblige d’aller au CHU pour remplir le
formulaire d’inscription.
12
Projet de fin d’études
L’application doit lui permettre d’accéder à la liste des inscris pour chaque
séminaire où il pourra choisir de les accepter ou non selon leurs informations
professionnels
Lors d’ajout d’une activité, les salles seront affichées selon leurs disponibilités et
leur capacité où il pourra cocher une. Les activités des séminaires ne peuvent
pas avoir le même horaire, mais ils peuvent avoir la même date.
Gestion des salles : ajouter une salle, modifier son nom ou sa capacité ou la
supprimer.
Gestion des animateurs : Ajouter un animateur, modifier ses informations ou le
supprimer.
Gestion des séminaires : Ajouter, supprimer ou modifier les informations des
séminaires et de ses activités.
13
Projet de fin d’études
Introduction
Dans ce deuxième chapitre nous présenterons les acteurs de l’application, leurs rôles, ainsi
que les différents diagrammes UML.
1- Le langage UML :
14
Projet de fin d’études
2- Modélisation du contexte
2.1. Définitions :
Les acteurs se sont des entités externes qui interagissent avec le système, comme
une personne humaine ou un robot. Une même personne (ou robot) peut être plusieurs acteurs
pour un système, c'est pourquoi les acteurs doivent surtout être décrits par leur rôle, ce rôle
décrit les besoins et les capacités de l'acteur. Un acteur agit sur le système. L'activité du
système a pour objectif de satisfaire les besoins de l'acteur.
Les relations indiquent que le cas d'utilisation source présente les mêmes conditions
d'exécution que le cas issu. Une relation simple entre un acteur et une utilisation est un trait
simple.
15
Projet de fin d’études
3. Analyse et conception :
Cette étape consiste à formaliser et à détailler les besoins exprimés lors de l’étude
préliminaire, Celle-ci sera réalisée principalement à l’aide des cas d’utilisation qui permettent
de capturer la fonctionnalité du système au point de vue utilisateur.
Les diagrammes de cas d'utilisation sont des diagrammes UML utilisés pour donner une
vision globale du comportement fonctionnel d'un système logiciel. Ils sont utiles pour des
présentations auprès de la direction ou des acteurs d'un projet, mais pour le développement,
les cas d’utilisation sont plus appropriés.
Ils permettent de décrire l'interaction entre l'acteur et le système.
16
Projet de fin d’études
Internaute : c’est un individu qui a le droit de s’inscrire dans un séminaire, et de voir plus
d’informations sur chaque séminaire.
17
Projet de fin d’études
Service accueil : cet acteur ayant déjà un compte dans notre site a pour but de s’authentifier
pour qu’il puisse marquer la présence des admis le jour d’organisation des séminaires.
Le diagramme de séquence permet de montrer les interactions d'objets dans le cadre d'un
scénario d'un diagramme des cas d’utilisation. Dans un souci de simplification, on représente
l'acteur principal à gauche du diagramme, et les acteurs secondaires éventuels à droite du
système. Le but étant de décrire comment se déroulent les actions entre les acteurs ou objets.
En ce qui suit, nous représenterons quelques diagrammes de séquences relatifs aux cas
d’utilisations présentés.
18
Projet de fin d’études
Ajouter Séminaire:
Ajouter Activité:
20
Projet de fin d’études
21
Projet de fin d’études
Inscription internaute:
22
Projet de fin d’études
23
Projet de fin d’études
Un diagramme de packages est un diagramme UML qui fournit une représentation graphique
de haut niveau de l'organisation de votre application, et vous aide à identifier les liens de
généralisation et de dépendance entre les packages.
24
Projet de fin d’études
En ce qui suit, nous allons définir les associations entre les classes du package « classes ».
25
Projet de fin d’études
Internaute(idInternaute,nomInter,prenomInter,daten,CINinter,anneeBacInter,autreFo
rmationInter,bacSerieInter,DernierDipInter,dureeExeperienceInter,email,niveauEtud
eInter,nomEtablissementInter,posteTravaillInter,typeEtablissementInter,villeEtabliss
ementInter)
Siminaire (idSem, capaciteSem, datedebut, datefin, description, nomSem).
Activite (idA, dateA, heurdebut, heurefin, nomA,#idAnim,#idSa,#idSem).
Salle (idSalle,capaciteS,nomS).
Animateur (idAnim,nomAnim,prenomAnim,CINAnim,numtel,specialite).
Admis (id_Admis,etat,#idinter,#idsem).
Compte (idC,login,password).
Presence(etat,#idactivite,#idadmis).
26
Projet de fin d’études
Introduction :
Dans ce chapitre, nous aborderons la partie réalisation du projet, plus précisément nous
parlerons des outils de développement, puis nous allons entamer les étapes de la réalisation et
quelques captures d’écran pour expliquer le fonctionnement de l’application.
27
Projet de fin d’études
La spécificité d'Eclipse IDE vient du fait de son architecture totalement développée autour de
la notion de plug-in (en conformité avec la norme OSGi) : toutes les fonctionnalités de cet
atelier logiciel sont développées en tant que plug-in.
28
Projet de fin d’études
Les balises utilisées en XHTML sont similaires à celles du HTML 4 mais leur syntaxe a été
améliorée, afin de rendre plus strictes les règles d'écriture du code (la fermeture des balises
devient obligatoire, le code est saisi en casse minuscule, les attributs des balises ne peuvent
plus être laissés vides et leurs valeurs doivent être encadrées par des guillemets, ...).
29
Projet de fin d’études
Structure suivie :
30
Projet de fin d’études
2. Présentation de l’application :
Tout au long de cette présentation nous allons essayer de présenter quelques fonctionnalités.
On va commencer par la page d’accueil de notre application :
31
Projet de fin d’études
32
Projet de fin d’études
En cliquant sur suivant, une autre s’ouvre en affichant la liste des séminaires disponibles, où il
pourra s’inscrire dans un ou plusieurs séminaires.
Lorsqu’il clique sur « inscription »l’internaute sera ajouter dans la table des admis ayant
état : « en cours ».
Connexion :
Figure 23 : Authentification
34
Projet de fin d’études
Une fois que l’admin s’authentifie une nouvelle page s’affiche qui contient tous les
séminaires disponibles, ainsi d’un menu qui lui permet d’effectuer différentes taches.
35
Projet de fin d’études
36
Projet de fin d’études
En cliquant sur « Suivant » une nouvelle fenêtre s’ouvre en affichant les salles et les
animateurs disponibles durant la date, l’heure de début et l’heure de fin ajoutée.
37
Projet de fin d’études
Conclusion
Le stage que nous avons effectué au sein du CHU de Fès nous a offert l’occasion pour
satisfaire notre curiosité à participer aux tâches courantes de la vie professionnelle, et de nous
familiariser avec différentes techniques d’exploitation, d'organisation et surtout de
développement. Nous avons eu l’opportunité de mettre en œuvre différentes connaissances
acquises durant nos études à la faculté des sciences et techniques de Fès et acquérir de
nouveaux outils de développement tels que JEE, Hibernate, JSF, Primefaces, etc.
Il nous a permis par ailleurs de mettre en œuvre les connaissances ainsi que les compétences
acquises au cours de notre formation en milieu professionnel.
Le projet se présente en trois parties. La première partie s’est intéressée au lieu de stage et à la
problématique, la deuxième partie à la méthodologie de l’analyse et à la conception UML, la
troisième partie aux technologies et outils utilisés et à la présentation de l’application.
Les difficultés majeures que nous avons rencontrées résident essentiellement dans la
nouveauté des technologies avec lesquelles nous avons travaillé et la contrainte du temps pour
les maitriser.
Malgré la réalisation de plusieurs points fixés au début du stage, il reste des améliorations qui
peuvent être envisagées dans le futur tels que : l’intégration d’une image pour chaque
séminaire.
38
Projet de fin d’études
Webographie :
https://www.youtube.com/watch?v=2U2nk_EiDps
https://openclassrooms.com/courses/creez-votre-application-web-
avec-java-ee
https://www.primefaces.org/
https://www.w3schools.com/
https://fr.wikipedia.org/wiki/Hibernate
https://fr.wikipedia.org/wiki/JavaServer_Faces
39