FACULTE DES SCIENCES

DEPT. INFORMATIQUE

Projet de Stage
Application web pour la gestion d’école :
gestion des étudiants
Effectué à :
ByteLance

Réalisé par : Encadré par :

Hamtami Hanaa Mdme. Bouatou Nada

El Hannati Maryam

Année universitaire : 2015/2016

1
2
 Dédicace
Nous aimerons dédier ce travail à nos
chers parents, qui ont sacrifié tous leurs
biens pour nous combler.

A nos amis pour tous les moments de

joie qu’on a partagés.

A nos chères sœurs, pour tout ce qu’

on a vécu, et que nous espérons nous
restons proches et solidaires.

A tous ceux qui nous aiment et ceux

qu’on aime.

3
 Remerciement
Nous remercions Dieu de nous avoir accordés des connaissances
de la science.
Notre premier remerciement est à Monsieur le directeur de
MarocLance notre organisme accueillante AbdelAhad Satour
pour l’organisation de ce stage, sa coopération et pour tous ses
conseils.
Nous tenons a remercié également Mlle Nada bouatou notre
encadrante, qui grâce à sa disponibilité, son effort fourni, son
suivi, son encouragement et ses conseils a contribué à la
réalisation effective de notre projet.
Pour la même occasion nous remercions également notre
formatrice Mme .Asmae Idalen pour sa patience, sa amabilité
et les informations qu’ils nous a octroyé afin que ce projet se
réalise.
Enfin Nous remercions toutes les personnes qui ont contribué de
près ou de loin à la réalisation de ce projet, et dont les noms ne
figurent pas dans ce rapport.

4
Sommaire :
Introduction Générale ............................................................................................................................................... 5

Chapitre I : Contexte général du projet ............................................................................................................... 6

1- Introduction à la gestion scolaire (approche e-gov e-Learning)........................................................... 6

2 - Organisme d’accueil ........................................................................................................................................... 7
3 - Problématique ..............................................................................................................................8
4-Cahier de Besoins ........................................................................................................................ 10

Chapitre II : Analyse du projet ........................................................................................................................... 11

1-Déroulement du projet ....................................................................................................................................... 11

2-Planification du projet ................................................................................................................. 12
3-Analyse des besoins .................................................................................................................... 13
4- Planification et Gestion de projet .............................................................................................. 13
Chapitre III : Conception du projet ..............................................................................................14
1-Méthodologie UML: .................................................................................................................... 14
2-Diagramme des cas d’utilisation ................................................................................................. 14
a. Identification des acteurs ................................................................................................... 14
b. Identification des cas d’utilisation ..................................................................................... 15
3-Diagrammes de séquence ........................................................................................................... 15
a. L’authentification ................................................................................................................ 16
b. Consulter et modifier le profile .......................................................................................... 18
c. Consulter son niveau scolaire et sa filière .......................................................................... 19
d. Demander son attestation de réussite .............................................................................. 20
e. Demander le calendrier ...................................................................................................... 21
f. Afficher les notifications ..................................................................................................... 22
4- Le diagramme de classe .............................................................................................................. 22
Conclusion de chapitre ...................................................................................................................... 23
Chapitre IV : outils technologique ...............................................................................................24
1- Pourquoi Java Entreprise Edition ? ............................................................................................... 24
2- L’architecture adopté MVC ........................................................................................................ 25
3- Le framework JSF ....................................................................................................................... 26
4- Les PrimeFaces ............................................................................................................................ 27
5- Spring ......................................................................................................................................... 27
Conclusion .......................................................................................................................................... 30
Chapitre V : Réalisation ..............................................................................................................31
I. Environnement de travail ............................................................................................................. 31
II. Vue global du projet ..................................................................................................................... 32
III. Implémentation .......................................................................................................................... 36
a. Authentification ....................................................................................................................... 36
b. Accueil .................................................................................................................................... 36
c. Niveau ...................................................................................................................................... 37
d. Profil .......................................................................................................................................... 37

5
 e. Notification .............................................................................................................................. 37
f. Attestation ................................................................................................................................. 38
g. Calendrier ................................................................................................................................ 38
Conclusion ............................................................................................................................................ 38
Conclusion générale ............................................................................................................................ 39
Webographie ........................................................................................................................................ 40

6
 Introduction Général :
Cette introduction fera l’objet d’une brève présentation de l’application que nous

allons concevoir et réaliser, des outils et des méthodes choisis, suivi du plan général du

processus de développement.

L’application réalisée dans ce stage de 3mois durant de 01-07-2014 à 30-09-2014

s'inscrit dans le cadre du développement Java / Java EE.

Notre tâche consiste à réaliser la gestion des étudiants. Bien que l’application semble un

peu classique, nous ferons face à plusieurs difficultés surtout que les outils d’implémentation

utilisés ne sont pas faciles à manipuler.

Le projet a été découpé en deux parties selon les membres d’équipes de travail. La

première s’est chargée de gérer le profil de l’utilisateur, des notifications, la deuxième est

chargé de l’informatisation des groupes et du calendrier et de générer les Attestations de

réussite.

L’objectif de cette application est de faciliter aux étudiants la consultation de leurs

informations personnels, leurs notes et les événements organisés dans l’établissement.

7
Chapitre I: Contexte général du projet
Ce chapitre comporte trois sections. Nous allons parler dans un premier temps sur le e-
Learning pour la gestion scolaire. Puis nous allons définir la problématique du projet.
Finalement la description de cahier de besoin.

1 - Introduction à la gestion scolaire (approche e-gov e-

Learning)
Le e-Learning, ou formation en ligne, est une technique de formation reposant sur la mise à

disposition de contenus pédagogiques via un support électronique : Cd-rom, Internet,

intranet, extranet…

Le e-Learning désigne les outils, les applications et l’ensemble des contenus mis à disposition

dans le but d’une formation pédagogique. Longtemps réduites à des supports cd-rom, le e-

Learning à évolué et utilise dorénavant le web et différentes applications. Contrairement à ce

que l’on pourrait penser, la formation en ligne n’est pas synonyme d’isolement. Cette

solution permet aussi de nombreuses possibilités d’échange et d’interactivité.

Le e-Learning est un système de formation ultra-flexible, le stagiaire peut apprendre d’où il

souhaite et quand il le désire. Il apprend sans se déplacer. Le suivi de la formation est facilité,

et accessible en temps réel grâce aux outils de gestion.

Les formations en e-Learning permettent de choisir entre cours individuels ou collectifs.

Les coûts de formation sont réduis : pas de frais de déplacement, pas de perte de temps ni de

frais d’hébergement. Le coût de la solution e-Learning est aussi inférieur au coût horaire

d’un formateur. L’accès au cours est généralement illimité.

8
Toutes les formations en e-Learning doivent s’adapter au niveau, au milieu de l’apprenant et

à son rythme d’apprentissage. Ainsi le e-Learning attire de nombreux utilisateurs : Les

jeunes et étudiants, Les particuliers, Les grandes sociétés ……

2- Organisme d’accueil
Afin de mettre en pratique nos connaissance en java/jee , ByteLance nous a donnè
l’opportunitè d’effectuer un stage au sein de leur entreprise .

BYTELANCE : Est une société de développement web, consulting et outsourcing,

spécialisée dans l’expertise PHP et JAVA EE, deux volets ont pu être éléments suffisants pour
garantir une image unique et robuste, apte à prendre en charge des missions
internationales dont la réalisation demandait un savoir-faire et compétences
harmonieux.

BYTELANCE accentue ses principales missions sur l’axe informatique à tous niveaux, un
professionnalisme et efficacité ont pu s’étendre pour couvrir une infinité de solutions dont
les clients avaient recours, il s’agit du développement web et conception, référencement
naturel, application web et mobile,……

Actuellement, le développement avec toutes ses composantes forme l’identité de leur équipe,
qui a pu tracer et transmettre la qualité de leur experts au marché, sur lequel ils ont fondu
place parmi les leaders

Figure 1 : Logo ByteLance

9
 Figure 2 : ByteLance

3-Problématique :
Notre application Web permet aux parents, élèves, enseignants et personnels administratifs
d’éditer, consulter, imprimer et modifier toutes les informations d’un établissement scolaire
en ligne à travers Internet.

L’application est un site web qui permet de présenter l’école, ses activités, ses formations et
de gérer ses actualités et ses événements.

Pour ce faire, nous devons utiliser des outils de programmation permettant de

structurer, d'organiser et de sécuriser cette application, tout en veillant à ce que qu'elle soit
en JEE.

10
4-Cahier de Besoin
Notre application web est en JEE permettant la gestion d’une école

Ce projet contient de différentes parties, La Partie qui nous a été affecté pour la réalisation
de notre application web concerne l’espace étudiant.

La réalisation de notre Partie consiste deux étapes :

La 1ère étape : L’analyse du projet et la modélisation en utilisant le langage de modélisation

UML et enfin créer les sketches.

La 2éme étape : l'analyse et la conception du projet est la partie la plus importante ou on doit
vraiment coder et bien évidement tester vers la fin.

Analyse du projet :

- Consulter et modifier le profile.

- Consulter la liste des cours.
- Consulter la liste des classes.
- Consulter les dates et locations des examens.
- Consulter ses notes.
- Consulter le calendrier des événements.

Conception du Projet :

C’est la phase de modélisation et la conception du projet.

Les diagrammes utilisés:

- Diagramme des cas d’utilisation.

- Diagramme de séquence.
- Diagramme de classe.

11
 Chapitre II : Analyse du projet
La partie conception permet de mettre en place l’architecture du logiciel et définie les
interfaces entre les différents modules. Le but étant d’exposer une documentation complète
sur les différentes architectures de chaque module qui sera implémentée et testé au niveau
de la partie développement, de ce faite la conception me permettra de relevée les différentes
contraintes auxquels chaque architecture doit respecter et de spécifier les normes de
communication entre eux.

Cette étape a pour objectif de permettre de formaliser les étapes préliminaires du

développement d'un système afin de rendre ce développement plus fidèle aux besoins définis
préalablement.

1-Déroulement du projet :
Pour chaque Problème complexe est résolue par son découpage en plusieurs sous
problèmes dont la résolution sera plus facile. De même, un projet est généralement découpé
en Partie.

Notre projet est défini par un ensemble de parties.

Chaque partie se définit par les caractéristiques suivantes :

- Conduit à un résultat défini.

- Nécessite une quantité de ressources définie.
- Suit un enchaînement logique à fin de pouvoir arriver au résultat demandé.

Les Parties de notre projet sont définis :

- Gestion du profile de l’étudiant.

- Gestion des Matière.
- Gestion des examens.
- Gestion des Niveau.
- Gestion des notes.
- Gestion d’attestation de réussite
- Gestion du calendrier.

12
Pour avoir un bon résultat, Nous avons tracé un chemin afin de réussir le projet.

Ce dernier est répartie a des étape :

♦ La première étape :

- Avant de commencer le projet :

•On a décrit les grandes lignes du projet.

• l’étude des besoins

• Communiquer sur le projet avec l’équipe de travail afin de la bien comprendre.

• Susciter des réactions permettant de conforter le projet.

♦ LA deuxième étape :

- Définir les besoins par :

• Exprimer les besoins en termes de fonctionnalités.

• Valider les spécifications par l’encadrent du projet

♦La troisième est dernière étapes :

- répartir les tâches

2-Planification du projet
Cette partie consiste à déterminer et à ordonnancer les tâches du projet, à estimer les
charges et à déterminer les profils nécessaires à leur réalisation.

nous allons voir la manière dont nous avons ordonné les différentes parties du
développement.
La première partie est l’étude des besoins et définir les fonctionnalités du site.
La deuxième partie était de créer la première page d’authentification.
La troisième partie est de créer les fichiers qui teste la validation du login et du mot de
La quatrième partie est d’implémenter la page d’accueil
Finalement, la cinquième partie consiste à créer le menu de la page.

13
3- Analyse des besoins

L’objectifs de ce projet et de créer un site permet la gestion d’une école dont on est
intéressé exactement par informatiser l’espace étudiant .

4-Planification et Gestion de projet :

La figure suivante le tableau des tâches et une estimation de durée que chaque tâche occupe.

14
Chapitre 3 : Analyse et Conception

1-Méthodologie Unified Modeling Language UML:

UML est un langage de modélisation graphique et textuel destiné à comprendre et décrire
des besoins, spécifier et documenter des systèmes, esquisser des architectures logicielles,
concevoir des solutions et communiquer des points de vue, il unifie à la fois les notations et
les concepts orienté objet. Il ne s’agit pas d’une simple notation, mais les concepts
transmis par un diagramme ont une sémantique précise et sont porteurs de sens au même
titre que les mots d’un langage.
UML permet d’exprimer des modèles objets en faisant abstraction de leur implémentation.
Ces modèles sont observés et manipulés par les utilisateurs à l’aide de vues graphiques.
Deux vues sont construite à partir des modèles de base :
- La vue statique représente physiquement le système à modéliser à l’aide des
diagrammes de cas d’utilisation, de classe, de déploiement et de composants.
- La vue dynamique montre le fonctionnement du système à réaliser à travers
les diagrammes d’états, de transition, d’activité, de collaboration et de séquence.

2-Diagramme des cas d’utilisation :

On commence notre conception par le diagramme des cas d’utilisation afin de fournir une
description sur le fonctionnement général du système.
a. Identification des acteurs :
L’acteur principal dans notre application est l’étudiant :
- Chaque étudiant « User » est identifié par son code.
b. Identification des cas d’utilisation :
 S’authentifier avec son email et son mot de passe.
 Accéder et modifier son profile et.
 Consulter son niveau.
 Consulter la liste des cours et les noms des enseignants.
 Consulter le plan des exams.
 Consulter ses notes dans un exam.
 Consulter le calendrier.

15
 Figure 4 : Diagramme de cas d'utilisation

3- Diagrammes de séquence :
Il permet de décrire les scénarios de chaque cas d'utilisation en mettant l'accent sur la
chronologie des opérations en interaction avec les objets. Un diagramme de séquence
montre une interaction présentée en séquence dans le temps. En particulier, il montre aussi
les objets qui participent à l'interaction par leur "ligne de vie" et les messages qu'ils
échangent présentés en séquence dans le temps. Voici quelques notions de base du
diagramme :

 Scénario : une liste d'actions qui décrivent une interaction entre un acteur et le
système.
 Interaction : un comportement qui comprend un ensemble de messages échangés par
un ensemble d'objets dans un certain contexte pour accomplir une certaine tâche.
 Message : Un message représente une communication unidirectionnelle entre objets
qui transporte de l'information avec l’intention de déclencher une réaction chez le
récepteur.

16
a. L’authentification

L’acteur principal : L’étudiant.

- L’acteur secondaire : le système.
- Les pré conditions : l’étudiant est inscris dans le site de l’école.
- L’objectif : Accéder à son espace personnel.
Scénario principal :
- L’étudiant demande au système la page d’authentification.
- L’étudiant doit s’authentification.
- Le system vérifie que les données sont correctes.
- Le system redirige l’utilisateur vers la page d’accueil
Scénario alternatif :
- L’étudiant demande au system la page d’authentification.
- L’étudiant remplis le formulaire d’authentification.
- Le system vérifie que les données entrées ne sont pas correctes.
- Le system affiche à l’utilisateur un message d’erreur.

Figure 5 : Diagramme de séquence : authentification

17
b. Consulter et modifier le profile :
- L’acteur principal: L’étudiant, le système.

- Les objets secondaires : Profile (page du profile).

- Les pré conditions: L’étudiant doit s’authentifier.

- Objectifs : Ce cas d’utilisation est effectué quand l’étudiant choisie de voir son profile.

Scénario principal :

- L’étudiant choisit profile.

- Le système affiche le profil de l’étudiant et lui offre l’option de modifier ses informations.

- l’étudiant modifie ses informations qu’il choisit.

- Le système effectue la mise à jour des données.

- Le système affiche les données finales de l’utilisateur.

Figure 6 : Diagramme de séquence: Consulter et modifier le profil.

18
C. Consulter son niveau scolaire et sa filière :
L’acteur principal : L’étudiant, le système.

L’acteur secondaire : Niveau.

- Les pré conditions : l’étudiant est inscris dans le site de l’école.

- L’objectif : Afficher son niveau scolaire, son groupe et sa filière.

Scénario principal :

- L’étudiant demande au système via le Menu Son niveau.

- Le système cherche le Niveau de l’utilisateur en se basant sur son id.

- Le système cherche la filière de l’utilisateur en passant par son Niveau.

- Le système affiche le résultat à l’utilisateur.

Figure 7 : Diagramme de séquence : Consulter le Niveau

19
d. Demander son Attestation de réussite :
L’acteur principal : L’étudiant, le système.

L’acteur secondaire : Attestation.

- Les pré conditions : l’étudiant est inscris dans le site de l’école.

- L’objectif : Attestation de réussite

Scénario principal :

- L’étudiant demande au système son attestation de scolarité via le Menu.

- Le système récupère les informations de l’utilisateur en se basant sur son id.

- Le système remplie Attestation de l’étudiant et il l’affiche.

Figure 8 : Diagramme de séquence : Attestation de réussite.

20
e. Demander le calendrier :
L’acteur principal : L’étudiant, le système.

L’acteur secondaire : Calendrier.

- Les préconditions : l’étudiant est inscris dans le site de l’école.

- L’objectif : Afficher le calendrier.

Scénario principal :

-L’étudiant demande au système le calendrier via le Menu.

-Le système affiche à l’étudiant le calendrier de la date actuel .

Figure 9 : Diagramme de séquence, afficher le calendrier

21
f. Afficher les notifications :
L’acteur principal : L’étudiant, le système.

L’acteur secondaire : Notification.

- Les pré conditions : l’étudiant est inscris dans le site de l’école.

- L’objectif : Afficher les notifications.

Scénario principal :

-L’étudiant choisie le bouton « Nouveau Notification.

- Le système affiche les notifications actuelles

Figure 10 : Diagramme de séquence : afficher les notifications

IV. Le diagramme de classe :

Le diagramme de classe présente les classes et les interfaces des systèmes ainsi que
les différentes relations entre celles-ci. Ce diagramme fait partie de la vue statique d'UML
car il fait abstraction des aspects temporels et dynamiques. Il représente aussi le squelette de
la base de données.

22
Ce modèle nous permet d’avoir une vue statique de l’application .il nous montre les relations
entre les différentes classes et packages composant notre application.il nous même
vers la solution finale ; a partir de ce diagramme on trouve le corps des différentes classes
de notre projet.

Figure 11 : Diagramme de classe

23
Conclusion du chapitre:
Dans ce chapitre, qui commence par la conception générale , le langage de modélisation
choisie qui est l’UML, et en dernier lieu la conception détaillée, dont on a exposer les
différents cas d’utilisation, les diagrammes de séquences, le diagramme de classe.

Le troisième et dernier chapitre de ce rapport, traiteras l’aspect pratique de la réalisation.

24
Chapitre IV : outils technologique
Dans le cadre de Notre Stage, Notre Encadrant au sein de ByteLAnce nous a proposée de
concevoir et réaliser une application web en utilisant la technologie JEE.

1. Qu’est ce que J2EE ?

2EE (Java 2 Enterprise Edition) est une norme proposée par la société Sun, portée par un
consortium de sociétés internationales, visant à définir un standard de développement
d'applications d'entreprises multi-niveaux, basées sur des composants.

On parle généralement de «plate-forme J2EE» pour désigner l'ensemble constitué des

services (API) offerts et de l'infrastructure d'exécution. J2EE comprend notamment :

 Les spécifications du serveur d'application, c'est-à-dire de l'environnement

d'exécution : J2EE définit finement les rôles et les interfaces pour les applications
ainsi que l'environnement dans lequel elles seront exécutées. Ces recommandations
permettent ainsi à des entreprises tierces de développer des serveurs d'application
conformes aux spécifications ainsi définies, sans avoir à redévelopper les principaux
services.

 Des services, au travers d'API, c'est-à-dire des extensions Java indépendantes

permettant d'offrir en standard un certain nombre de fonctionnalités. Sun fournit
une implémentation minimale de ces API appelée J2EE SDK (J2EE Software
Développement Kit).

Dans la mesure où J2EE s'appuie entièrement sur le Java, il bénéficie des avantages et
inconvénients de ce langage, en particulier une bonne portabilité et une maintenance du
code.

De plus, l'architecture J2EE repose sur des composants distincts, interchangeables et

distribués, ce qui signifie notamment :

 Qu'il est simple d'étendre l'architecture.

 Qu'un système reposant sur J2EE peut posséder des mécanismes de haute
disponibilité, afin de garantir une bonne qualité de service.
 Que la maintenance des applications est facile.

25
 2. L’architecture MVC
Le modèle-vue-contrôleur MVC est un modèle destiné à répondre aux besoins des
applications interactives en séparant les problématiques liées aux différents composants au
sein de leur architecture respective.

Ce paradigme regroupe les fonctions nécessaires en trois catégories :

 un modèle (modèle de données),

 une vue (présentation, interface utilisateur)
 un contrôleur (logique de contrôle, gestion des événements, synchronisation)

Figure 12 : Modèle MVC

26
3. Le framework JSF :

JSF, alias "Java Server Faces" est un framework de type MVC, destiné aux applications
web respectant l'architecture J2EE.

Le premier objectif de JSF, est de procurer un environnement de développement

permettant de construire une interface de type web, sans devoir toucher au code HTML
et JavaScript. Ceci est réalisé par la mise en place d'un mapping entre l'HTML et les
objets concernés. JSF est donc basé sur la notion de composants, comparable à celle de
Swing, ou l'état de ces composants est sauvegardé puis restauré au retour de la requête.

Il existe 2 implémentations de JSF :

 1.1 associé à J2EE 1.4 : Sun

 1.2 associée à Java EE 5 : Apache

Le principal atout de JSF est qu’il tient compte des différentes expériences acquises non
seulement avec des technologies de type standard comme les Servlets, les JSP,… mais
aussi avec les technologies de type framework comme Struts. Dès lors, JSF propose un
framework qui puisse être mis en oeuvre par des outils facilitant le développement
d’applications web. Rien n’empêche cependant que JSF puisse être utilisé par codage à la
volée, néanmoins, l’utilisation d’un outil approprié est vivement recommandé afin
d’exploiter rapidement les possibilités de JSF.

JSF permet :

 une séparation nette entre la couche de présentation et les autres couches

 le mapping HTML/Objet (voir Annexes)
 un modèle riche de composants graphiques réutilisables
 une gestion de l'état de l'interface entre les différentes requêtes
 une liaison simple entre les actions côté client de l'utilisateur et le code Java
correspondant côté serveur
 la création de composants customs grâce à une API
 le support de différents clients (HTML, WML, XML, ...) grâce à la séparation des
problématiques de construction de l'interface et du rendu de cette interface

27
 Il existe plusieurs frameworks webs Java dédiés au développement d'interfaces
utilisateur mais aucun n'est un standard et va aussi loin que JSF.

4. Les PrimeFaces :
PrimeFaces est une bibliothèque développée de composants graphiques par la
société Prime Teknoloji qui a pour rôle de gagner en productivité et efficacité. Cela
évite de réinventer la roue.
L’intérêt principal de PrimeFaces réside dans la diversité et la qualité des composants
proposés. Ils sont nombreux, plus de 100, et répondent le plus souvent en
standard aux besoins des applications. Ce sont des composants graphiques
avancés qui possèdent des fonctionnalités prêtes à l’emploi, aidant ainsi à créer
aisément des RIA (Rich Internet Application). L’ensemble des composants est présenté
dans une page de démonstration, avec le code (à la fois xhtml et Java).
Il existe 13 catégories de composants :
- Ajax Core : les fonctionnalités ajax de PrimeFaces
- Input : De composant d’entrée utilisateur
- Button : Remplacement des boutons de JSF
- Data : Présentation des données
- Panel : Mise en page
- Overlay : Fenêtre de dialog
- Menu : Menus contextuels
- Charts : Graphiques
- Message : Messages destinés à l’utilisateur
- Multimedia : Intégration avec des images, utilisation d’une webcam,
- File : Upload et download de fichier
- DragDrop : Déplacement d’élément du DOM
- Misc : Catégorie fourre-tout (lecteur de flux rss, Captcha)

28
 5. Spring :
Spring est un framework créé et supporté par l'entreprise SpringSource (qui fait
maintenant partie de VMware). Il permet de simplifier le développement
d'applications Java et est devenu un standard dans l'industrie du développement
logiciel basé sur la plateforme Java, surtout dans le développement Java EE.
 Les avantages de Spring :
 Le découplage des composants
 Facilite les tests des applications complexes
 Diminue le code par l’intégration de Framework directement dans Spring
 Représente un mécanisme de sécurité
 Implémente les designs pattern MVC

6.Maven
Le Maven est un outil de gestion de projet Java / Java EE, il permet de :

 Créer une arborescence standard du code et de ses ressources

 Télécharger, mettre à jour et configurer les bibliothèques nécessaires au projet
 Compiler le projet, effectuer les tests unitaires
 Injecter les projets pour appliquer le MVC

7. JPA
 La persistance :

La persistance c’est le fait de correspondre des tables de la base de données relationnelle

avec des objets Java Simple (Le remplissage et la mise à jour).

 JPA :

JPA est un framework de persistance qui a comme avantage de manipuler plusieurs bases
de données par manager factory dans un même projet.

29
8. JDBC
L’API JDBC (Java DataBase Connectivity) permet aux applications Java d'accéder par le
biais d'une interface commune à des sources de données pour lesquelles il existe des pilotes
JDBC (ex: BDD Oracle, MySQL, …).

Il est constitué d’un ensemble de classes permettant de développer des applications capables
de se connecter à des serveurs de bases de données (SGBD).

9. Le SGBD MySQL :
MySQL est un serveur de bases de données relationnelles SQL développé afin d’avoir des
performances élevées en lecture, ce qui signifie qu'il est davantage orienté vers le service de
données déjà en place que vers celui de mises à jour fréquentes et fortement sécurisées. Il est
multi-thread et multi-utilisateurs.

10. Serveur Tomcat :

Apache Tomcat est un conteneur web libre de servlets et JSP Java EE. Issu du projet Jakarta,
c'est un des nombreux projets de l’Apache Software Foundation. Il implémente les
spécifications des servlets et des JSP du Java Community Process, est paramétrable par des
fichiers XML et de propriétés, et inclut des outils pour la configuration et la gestion. Il
comporte également un serveur HTTP.

Tomcat ne constitue qu'un conteneur web, et non un serveur Web à part entière2 : il gère
spécifiquement les servlets et lesJSP (un compilateur Jasper compilant les pages JSP pour en
faire des servlets). Il peut être également parfois désigné comme moteur de servlet, ou plus
abusivement comme un serveur Web.

Tomcat est en réalité souvent employé en combinaison avec un serveur Web Apache ou
d'autres serveurs Web (JBoss, IIS, WebSphere, etc).

Tomcat a été écrit en langage Java. Il peut donc s'exécuter via la machine virtuelle Java sur
n'importe quel système d'exploitation la supportant.

30
Conclusion :
Dans ce chapitre on a définit les outils informatiques utilisés ainsi que les technologies de
travail de notre application.

Dans le chapitre suivant on va montrer les interfaces graphiques développées ainsi

que l’environnement de travail.

31
 Chapitre V : Réalisation
I. Environnement de travail :

Eclipse :

Eclipse est un environnement de développement intégré libre (le terme Eclipse

désigne également le projet correspondant, lancé par IBM) extensible, universel et
polyvalent permettant potentiellement de créer des projets de développement mettant en
œuvre n'importe quel langage de programmation.

Implémentation :

Vue Global sur la structure du projet :

32
Vue de la Partie Domaine :

33
Vue de la Partie Travail :

34
Vue de la Partie Web:

35
a. Authentification
La première interface est la page d’authenfication qui demande à l’utilisateur d’entrer son
email et son mot de passe.

b. Accueil
Après la vérification des informations entrée par l’étudiant, le système affiche la page
d’accueil .

36
c. Affichage des notifications :
- L’affichage des notifications:

d. Profil
Afin de consulter son Profil :

37
e. Niveau :
Cette Interface permet à l’étudiant de connaitre son groupe et sa filière :

f. Attestation de réussite:

38
g. Calendrier :

39
 Conclusion et perspectives :
Notre projet a consisté en la conception, le développement et l’intégration d’une application
de gestion d’école : Gestion espace étudiant, afin d’apporter une valeur ajoutée et un
meilleur service aux étudiants. Nous avons arrivé à développer la majorité des
fonctionnalités du système.

Ce stage a été pour Nous, l’occasion d’une part d’approfondir mes connaissances
théoriques, acquises durant les 3 mois de formation, par la pratique des nouvelles
technologies.

Cette expérience nous a permis de maîtriser des différents langages de programmation et les
Framework de présentations ainsi que les différent API de persistance, de génération des
rapports, d’assurer un environnement sécurisé en prédéfinis auparavant les divers privilèges
et les droits d’accès.

L‘environnement de développement JEE, sous lequel, le développement n’a pas été une tâche
facile, mais nous n’avons pas hésité à y participer, et intégrer dans la recherche et
l’apprentissage des différents outils logiciels nécessaires à la réalisation.

Ce stage nous a également permis de découvrir toute un monde de nouvelles technologies

relatifs aux environnements de persistance, le mariage de HTML et de l’XML, le langage SQL

, le serveur d’application Tomcat, les interfaces crée par la technologie Primefaces.

Cette opportunité a aussi été pour nous une occasion unique pour épanouir mes capacités
de communication dans un environnement professionnel. C’est une expérience très
enrichissante sur tous les domaines.

40
 Webographie :

< http://www.primefaces.org/showcase >

< http://www.htmldrive.net/ >

< http://mvnrepository.com/ >

< http://pbnaigeon.developpez.com/tutoriel/CSS-HTML/mise-en-page-CSS/ >

< http://html-color-codes.info/ >

41