Upload
tranduong
View
231
Download
2
Embed Size (px)
Citation preview
Projet de fin de module
Création d’un intranet de L’ ESTE
Réalisé par :
MAJID Tarik TISGNITE Elhassan TAOUFIK Mohamed HSAIN Hamza
Ecole Supérieure de Technologie d’Essaouira Programmation Web
2
Sommaire
1. Liste Des Figures .............................................................................................................................. 3
1. Introduction ..................................................................................................................................... 5
2. Conception du projet....................................................................................................................... 7
2.1. Dictionnaire de données : ....................................................................................................... 8
2.2. MCD : ..................................................................................................................................... 11
2.3. MCC ....................................................................................................................................... 19
2.4. MLD ....................................................................................................................................... 20
2.5. MPD ....................................................................................................................................... 24
3. Réalisation ..................................................................................................................................... 28
3.1. Logiciels Utilisés ..................................................................................................................... 29
3.2. installation ............................................................................................................................. 30
3.3. La Partie Administrateur ....................................................................................................... 33
3.4. La Partie Professeur ............................................................................................................... 39
3.5. La Partie Etudiant .................................................................................................................. 43
4. Conclusion ..................................................................................................................................... 50
Ecole Supérieure de Technologie d’Essaouira Programmation Web
3
1. Liste de figures
Figure 1: MCD Principal de l'application .............................................................................................. 11
Figure 2 : MCD de La gestion d'absences ............................................................................................ 12
Figure 3 : MCD de la gestion des Forums ................................................. Error! Bookmark not defined.
Figure 4 : MCD de la gestion des Cours. .................................................. Error! Bookmark not defined.
Figure 5 : MCD de la gestion des Annonces et événements .................... Error! Bookmark not defined.
Figure 6 : MCC (Model Conceptuel de Communication). ........................ Error! Bookmark not defined.
Figure 7 : MLD de la gestion des Absences. ........................................................................................ 20
Figure 8 : MLD de la gestion des Forums. ............................................................................................ 21
Figure 9 : MLD de la gestion des Cours................................................................................................ 22
Figure 10 : MLD de la gestion des Annonces et événements. .............................................................. 23
Figure 11 : MPD de la gestion des Absences. ....................................................................................... 24
Figure 12 : MPD de la Gestion des Forums. ......................................................................................... 25
Figure 13 : MPD de la Gestion des Cours ............................................................................................. 26
Figure 14 : MPD de la gestion des Annonces. ...................................................................................... 27
Figure 15 : Installation de la Base De Données : Etape1. .................................................................... 30
Figure 16 : Installation de la Base De Données : Etape2 ...................................................................... 30
Figure 17 : Installation de la Base De Données : Etape3. ..................................................................... 31
Figure 18 : Installation de la Base De Données : Etape4 ...................................................................... 31
Figure 19 interface de l'application (Sans Authentification) ............................................................... 32
Figure 20 : interface de la partie administrateur .................................................................................... 33
Figure 21 : Admin : interface de L'Ajout/Suppression des Forums. ..................................................... 34
Figure 22 : Admin : interface de L'Ajout/Suppression des catégories. ................................................. 34
Figure 23 : Admin : interface de L'Ajout/Suppression des Annonces .................................................. 35
Figure 24 : Admin : interface de L'Ajout/Suppression des Matieres .................................................... 35
Figure 25 : Admin : interface de L'Ajout/Suppression des modules ..................................................... 36
Figure 26 : Admin : interface de L'Ajout/Suppression Emploi de Temps. ........................................... 36
Figure 27 : Admin : interface de L'Ajout/Suppression des Semestres. ................................................. 37
Figure 28 : Admin : interface de L'Ajout de Type de Justificatif. ......................................................... 37
Figure 29 : Admin : interface de L'Ajout des Etudiants. ....................................................................... 38
Figure 30 : Admin : interface de La Modification Personnel/Etudiant. ................................................ 38
Figure 31 : Admin : interface de La Suppression des Absences. .......................................................... 39
Figure 32 : Premiere Interface de La Partie Professeur. ........................................................................ 39
Figure 33 : Prof : interface du Marquage des Absences. ...................................................................... 40
Figure 34 : Prof : interface de L'ajout Des Cours. ................................................................................. 41
Figure 35 : Prof : interface de L'ajout Des Cours (Selection Des Fichiers). ......................................... 41
Figure 36 : Prof : interface de la Suppression Des Cours. ..................................................................... 42
Figure 37 : Prof : interface de la Suppression Des Cours (Cour Supprimé ). ........................................ 42
Figure 38 : Prof : interface de la Consultation des Annonces. .............................................................. 43
Figure 39 : Premiere Interface de La Partie Etudiant. ........................................................................... 43
Figure 40 : Etudiant : interface du Telechargement des Cours. ............................................................ 44
Figure 41 : Etudiant : interface du Telechargement des Cours (Selection du Cour souhaité). .............. 45
Ecole Supérieure de Technologie d’Essaouira Programmation Web
4
Figure 42 : Etudiant : Premiere interface des Forums. .......................................................................... 45
Figure 43 : Etudiant : Deuxieme interface des Forums (Sous-Forums). ............................................... 46
Figure 44 : Etudiant : interface de la Consultation des Annonces. ........................................................ 46
Figure 45 : Etudiant : interface de la Consultation des Absences. ........................................................ 47
Figure 46 : Etudiant : interface de la Messagerie (Nouveau Message). ................................................ 48
Figure 47 : Etudiant : interface de la Messagerie (Boite De Reception). .............................................. 48
Figure 48 : Etudiant : Minichat. ............................................................................................................ 49
Ecole Supérieure de Technologie d’Essaouira Programmation Web
5
INTRODUCTION
Notre site permet de faciliter le partage de l’information entre les étudiants
d’une part, et d’autre part entre les enseignants et l’administration. Elle va
assurer une bonne gestion de l’absence dans notre école.
Notre site va essayer de faire quatre taches principales :
Gestion d’absence :
Il a comme but de gérer les absences des étudiants :
Un Administrateur marque les absences, apparus dans la
feuille d’absence.
Un étudiant peut justifier son absence avant le délai de 3
jours (78 heurs) sinon son absence ne sera pas justifiée.
Gestion de cours :
Un professeur peut ajouter des cours dans le site pour les
étudiants concernés. Ex: (les étudiants de la filière TM2
peuvent consulter seulement les cours de leur filière).
La rubrique des cours sera composée de 6 sous
rubriques :
INFO1
INFO2
TM1
TM2
AGT1
AGT2
Ecole Supérieure de Technologie d’Essaouira Programmation Web
6
Gestion de Forums :
Un Professeur ne peut pas accéder aux forums, par
contre un administrateur peut gérer les forums.
Le forum est composé de 6 sous-forums, qui concernent
les six filières qu’on a dans l’école ; et l’étudiant peut
accéder seulement au forum de sa filière.
Les sous-forums vont contenir des statues publiés par les
étudiants et visualisés par les étudiant qui ont la même
filière.
Gestion des Annonces au sein de l’école :
Les annonces :
Ils sont publiés par l’administrateur du site. Ils contiennent par exemple
les dates des examens, les séances de rattrapages, les résultats des
examens.
------------------------------------------------------------------------------------------------
Plus …
Il y a Aussi Plusieurs Fonctionnalités Dans Notre Application A découvrir
En lisant ce Rapport Comme La Messagerie/Chat Entre Les Etudiants.
Plus De Détails Sur ces Fonctionnalités Dans La Partie Etudiant.
----------------------------------------------------------------------------------------------------------------------------
Ecole Supérieure de Technologie d’Essaouira Programmation Web
7
Conception du Projet
Dans cette étude on va essayer d’expliquer d’une façon plus détaillée la
conception de notre application web et on va donner des explications sur les
règles de gestions qu’on va suivre dans notre conception.
Si dessous on va citer le dictionnaire de données et les différentes
modélisations de notre système d’information.
MCD (modèle conceptuel de donnée):
Permet de formaliser les traitements en fonction de
L’événement extérieur sans intéresser à l’organisation
MCC (modèle conceptuel de communication) :
Permet de représenter les flux d’informations circulant entre les
Différents acteurs ou postes de travail
MLD (le modèle logique de donnée) :
il va ajouter au MCD la notion d’organisation (comment les données
seront organisées dans une Base De Données).les entités du MCD sont
converties en tables dans MLD.
MPD (Model Physique de données) :
il va permettre de :
- Préparer le système de gestion des données
- Optimiser de la gestion des données
- Définir la place nécessaire à chaque table
- Définir la place physique de la BD
- Optimiser les temps d’accès à l’information
Ecole Supérieure de Technologie d’Essaouira Programmation Web
8
1- Dictionnaire de données :
Nom Signification Type nature
Etudiant
Nom_etud Nom de l’étudiant A Prenom_etud Nom de l’étudiant A
CNE code National de l’étudiant
AN
E_mail émail de l’étudiant AN Login User de l’étudiant AN Pass nom d’utilisateur de
l’étudiant AN
Tel N° de TEL de l’étudiant N Adresse adresse de l’étudiant AN
CIN N° de Tel de l’étudiant AN Id_Etudiant Id Identifiant
Text_msg texte message AN
Object objet message AN Date_post_Msg date message N
Id_msg Id Identifiant
Text_Rep texte réponse AN Date_Post_Rep Date Réponse N
Id_Reponse Identifiant
Fichier lien aux pièces jointes AN Id_piece Identifiant
Text_even texte de l’événement AN
Date_post_event date du message posté
N
Date_debut Date du début de l’événement
N
Date_fin Date de la fin de l’événement
N
Ecole Supérieure de Technologie d’Essaouira Programmation Web
9
Id_even Identifiant
Label_cat Libellé Catégorie A Id_Cat Identifiant
Label_Forum Libélé de Forum AN
Id_forum Identifiant
Nom_prsn Nom du personnel A Prenom_prsn Prénom du Personnel A
E_mail Email du Personnel AN Adresse Adresse du Personnel AN
Login Login du Personnel AN Pass Pass du Personnel CIN N° de CIN AN Tel N° de Tel N
Id_prsn
Label_type_prsn Le type de personnel A Id_type_prsn Identifiant
Jour Le jour A
Promotion promotion AN Id_emp
Label_type_jstf type de justification
Id_type_jstf Identifiant
Periode_label Le libellé de la période (ex : 8-10)
AN
Duree_periode nombre d’heurs absentées
N
Id_periode Identifiant
Label_grp libellé du groupe AN Id_grp Identifiant
Ecole Supérieure de Technologie d’Essaouira Programmation Web
10
Desc_cour Description Du cour AN
Fichier_cour lien au cour AN Id_cour Identifiant
Object_ance Objet annonce AN
Text_ance Texte annonce AN Date_post_ance Date de l’annonce postée N
Id_annonce identifiant
Promotion_abs Absence de la Promo (ex : 2011)
N
Date_abs Date absence N Id_abs
Label_filiere Libellé de filière AN
Id_filiere
Label_smstr Libellé du semestre AN Id_smstr
Date_jstf Date de Justification N
Id_jstf
Label_mat Libellé Matière A Id_mat
Label_module Libellé de Module A Index_module Index de Module
(ex : M1) AN
Id_module Identifiant
Label_cat Libellé Catégorie AN Id_cat identifiant
Ecole Supérieure de Technologie d’Essaouira Programmation Web
11
2- Les différents Modèles :
Dans cette Partie on va établir les Différents Modèles, Notre MCD
contient 21 Tables alors on va le diviser en 4 parties Principales :
- Gestion de L’Absence.
- Gestion des Cours.
- Gestion des Forums.
- Gestion des Annonces et événements.
Si dessous on va essayer de vous donner une vue générale sur Notre MCD et
MLD principal après on va afficher les Sous-MCD/Sous-MLD qui vont se
spécialiser dans Chaque partie.
MCD Pricincipal:
1,1
0,n
1,1
0,n
1,1
0,n
1,1
0,n
1,11,n
0,n
1,1
0,n1,1
0,n
1,1
0,n
1,1
1,1
0,n
1,n
0,n
1,n
1,n1,n
1,n
0,n
1,1
0,n
0,n
1,n
0,n
0,11,n
1,1
0,n
0,n
1,1
1,n
1,10,n
1,1
0,n
1,1
0,n
1,1
0,n
1,1
1,1
0,n
1,n
1,1
0,n
1,n
Piece_joint
Fichier <Indéfini>
Id_piece <ai1>
Message
Text_msg
Desc_cour
Date_post_msg
<Indéfini>
<Indéfini>
<Indéfini>
Id_msg
...
<ai1>Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Id_etudiant
...
<ai1>
Annonce
Object_ance
Text_ance
Date_post_ance
<Indéfini>
<Indéfini>
<Indéfini>
ID_annonce
...
<ai1>
Type_prsn
label_type_prsn <Indéfini>
Id_type_prsn <ai1>
Forum
Label_forum <Indéfini>
Id_forum <ai1>
Evennement
Text_even
Date_post_even
Date_debut
Date_fin
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Id_even
...
<ai1>
Reponse
Text_rep
Date_post_rep
<Indéfini>
<Indéfini>
Id_reponse
...
<ai1>
Categorie
label_cat <Indéfini>
Id_cat <ai1>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Id_prsn
...
<ai1>
Filiere
Label_fil iere <Indéfini>
Id_fil ier <ai1>
Module
label_module
index_module
<Indéfini>
<Indéfini>
Id_module
...
<ai1>
Cour
Desc_cour
fichier_cour
<Indéfini>
<Indéfini>
Id_cour
...
<ai1>
Matiere
Label_mat <Indéfini>
Id_mat <ai1>
Absence
Promotion_abs
Date_abs
<Indéfini>
<Indéfini>
Id_abs
...
<ai1>
Justification
Date_jstf <Indéfini>
Id_jstf <ai1>
Semestre
label_smstr <Indéfini>
Id_smstr <ai1>
Emploi_temps
Jours
Promotion
<Indéfini>
<Indéfini>
Id_emp
...
<ai1>
Periode
Periode_label
duree_periode
<Indéfini>
<Indéfini>
Id_periode
...
<ai1>
Group
Label_grp <Indéfini>
Id_grp <ai1>
type_Justification
label_type_jstf <Indéfini>
Id_type_jstf <ai1>
poster
appartenir
avoirmettre
_appartenir
planifier
_poster
concernerer
etre
annoncer
_concerner
rassembler
__apartenir
marquer
__concernerinscrire
justifier
joindre
_avoir
composer
durer
enseigner
__avoir
programmer
correspondre
CORREPONDRE
_correspondre
Figure 1
Ecole Supérieure de Technologie d’Essaouira Programmation Web
12
Maintenant on va diviser notre MCD principal en Sous-MCD selon nos besoins
spécifiques :
MCD de la Gestion d’absence:
0,n
1,1
1,n
1,n
1,n
1,n
0,n
1,1
0,n
0,n
1,n
0,n
0,1
1,n
0,n
1,1
1,n1,1
0,n
1,1
0,n
1,1
0,n
1,1
0,n
1,1
1,1
0,n
1,n
1,1
0,n
1,n
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Id_etudiant
...
<pi>
Type_prsn
label_type_prsn
Id_type_prsn <pi>
<Indéfini>
<Indéfini> <O>
Id_type_prsn
...
<pi>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_prsn
...
<pi>
Filiere
Label_fil iere
Id_fil ier <pi>
<Indéfini>
<Indéfini> <O>
Id_fil ier
...
<pi>
Module
label_module
index_module
Id_module <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_module
...
<pi>
Matiere
Label_mat
Id_mat <pi>
<Indéfini>
<Indéfini> <O>
Id_mat
...
<pi>
Absence
Promotion_abs
Date_abs
Id_abs <pi>
<Indéfini>
<Indéfini>
<Indéfini>
Id_abs...
<pi>
Justification
Date_jstf
Id_jstf <pi>
<Indéfini>
<Indéfini> <O>
Id_jstf
...
<pi>
Semestre
label_smstr
Id_smstr <pi>
<Indéfini>
<Indéfini> <O>
Id_smstr
...
<pi>
Emploi_temps
Jours
Promotion
Id_emp <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_emp
...
<pi>
Periode
Periode_label
duree_periode
Id_periode <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_periode
...
<pi>
Group
Label_grp
Id_grp <pi>
<Indéfini>
<Indéfini> <O>
Id_grp
...
<pi>
type_Justification
label_type_jstf
Id_type_jstf <pi>
<Indéfini>
<Indéfini> <O>
Id_type_jstf
...
<pi>
etre
rassembler
__apartenir
marquer
__concerner
inscrire
justifier
_avoir
composer
durer
enseigner
__avoir
programmer
correspondre
CORREPONDRE
_correspondre
Figure 2
Ecole Supérieure de Technologie d’Essaouira Programmation Web
13
Voila Quelques Règles Que Notre Système D’information Va Suivre et
Qu’on Va Suivre Dans La Réalisation De Notre Application. Alors On Va
Commencer A Expliquer Les Cardinalités Présentes Dans Notre Sous-MCD
Qui Concerne La Gestion Des Absences Au Sein de L’Ecole Supérieure De
Technologie Essaouira Pour Donner Une Vue Générale Sur la Manière
Dont Notre Système D’information Est Conçu Et Pour Mieux Comprendre
la Partie De La Gestion D’absences Car nous Avons Penser A Développer
Cette Partie Dans Notre Application pour qu’elle Soit a la Hauteur et Pour
avoir Une Facilité de Manipulation Pour Les Professeurs Qui Vont l’utiliser
Alors Voici Les Règles de Gestion De Notre Sous-MCD de Gestion
D’absence :
Descriptif :
MCD absence Se compose de 13 tables (étudiant, groupe, module,
période, personnel, type_prsn, semestre, matière, absence, filière,
justification, type justification, emploi_temp) :
-un personnel peut être identifié par un et un seul type de personnel.
-un personnel peut enseigner plusieurs matières.
-une matière peut être enseignée par un seul professeur.
-une matière appartient à un ou plusieurs modules.
-un module est composé d'une ou plusieurs matières.
-une matière peut être programmée dans un ou plusieurs emplois de
tempe
-emploi du temps peut programmer une et une seul matière.
-un emploi du temps correspond à un et un seul semestre.
-un semestre Comporte Un Ou plusieurs emplois d temps.
Ecole Supérieure de Technologie d’Essaouira Programmation Web
14
-un emploi du temps Concerne Un et Un seul semestre.
-un semestre correspond à un ou plusieurs emplois du temps.
-Un étudiant Appartient à un et un seul groupe.
-un groupe Rassemble Un Ou plusieurs étudiants.
-un étudiant peut être inscrit dans un ou plusieurs modules.
-un module Rassemble un ou plusieurs étudiants.
-un module Appartient A Une Ou Plusieurs filières.
-une filière peut rassembler un ou plusieurs modules.
-un personnel peut marquer l'absence plusieurs fois.
-l'absence peut être marqué par un et un seul personnel.
-l'absence peut durer une seul période.
-une période Peut Contenir Une Ou Plusieurs absences.
- un absence peut être justifiée ou ne pas être justifiée.
-une justification peut justifier une ou plusieurs absences.
-une justification peut avoir un et un seul type de justification.
-un emploi du temps peut avoir une et une seule période.
-une période Peut Etre Utilisée Dans L'Emploi Du Temps Comme Elle Peut
Etre Ignoré.
Ecole Supérieure de Technologie d’Essaouira Programmation Web
15
MCD de la gestion des Forums
1,10,n
1,1
0,n
1,1
0,n
1,1
0,n
1,1
1,n
0,n
1,1
1,n
1,n
1,n
0,n
1,1
0,n
0,n
1,1
Piece_joint
Fichier
Id_piece <pi>
<Indéfini>
<Indéfini> <O>
Id_piece
...
<pi>
Message
Text_msg
Desc_cour
Date_post_msg
Id_msg <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_msg
...
<pi>
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Id_etudiant...
<pi>
Type_prsn
label_type_prsn
Id_type_prsn <pi>
<Indéfini>
<Indéfini> <O>
Id_type_prsn
...
<pi>
Forum
Label_forum
Id_forum <pi>
<Indéfini>
<Indéfini> <O>
Id_forum
...
<pi>
Reponse
Text_rep
Date_post_rep
Id_reponse <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_reponse
...
<pi>
Categorie
label_cat
Id_cat <pi>
<Indéfini>
<Indéfini> <O>
Id_cat
...
<pi>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_prsn
...
<pi>
Filiere
Label_fil iere
Id_fil ier <pi>
<Indéfini>
<Indéfini> <O>
Id_fil ier
...
<pi>
Module
label_module
index_module
Id_module <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_module
...
<pi>
poster
appartenir
avoirmettre
_appartenir
etre
rassembler
inscrire
joindre
Administrer
Figure 3
Ecole Supérieure de Technologie d’Essaouira Programmation Web
16
Descriptif :
Pour la gestion des forums:
Notre MCD se compose de 10 tables à savoir: Réponse, piece_joint,
Etudiant, message, forum, personnel, catégorie, module, filière, type_prsn :
-un étudiant peut Mettre Une Ou Plusieurs réponses.
-Une réponse peut être envoyée par un et un seul étudiant.
-Une réponse concerne un et un seul message.
-Un message peut avoir Aucunes ou plusieurs réponses.
-Un message peut avoir Aucunes ou plusieurs pièces jointes.
-une pièce jointe peut être jointe Avec un et un seul message.
-un étudiant peut poster Aucun ou plusieurs messages.
-un message peut être posté par un et Un seul étudiant.
-un message appartient à un et un seul forum.
-un forum contient Aucun ou plusieurs messages.
-un forum appartient à une et une seule catégorie.
-une catégorie se compose d'un ou plusieurs forums.
-un personnel contrôle Aucune ou plusieurs catégories.
-une catégorie peut être contrôlée par un et un seul personnel.
-un personnel peut être identifié par un et un seul type de personnel.
-un module peut être rassemblé par une ou plusieurs filières.
-une filière rassemble un ou plusieurs modules.
Ecole Supérieure de Technologie d’Essaouira Programmation Web
17
MCD de la gestion des Cours
0,n
1,1
0,n
1,1
0,n
1,1
1,n
1,n
1,n0,n
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Id_etudiant
...
<pi>
Type_prsn
label_type_prsn
Id_type_prsn <pi>
<Indéfini>
<Indéfini> <O>
Id_type_prsn...
<pi>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_prsn
...
<pi>
Module
label_module
index_module
Id_module <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_module
...
<pi>
Cour
Desc_cour
fichier_cour
Id_cour <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_cour
...
<pi>
Matiere
Label_mat
Id_mat <pi>
<Indéfini>
<Indéfini> <O>
Id_mat
...
<pi>
_poster
concernerer
etre
__apartenir
inscrire
Figure 4
Cet MCD Décrit La Gestion Des Cours Dans Notre Application Alors Pour Bien Le Décrire On Commence Par Citer Les Entités Présentes. On a 6 Entités : Etudiant, Module, Personnel, Type_prsn (Type de Personnel), Cour, Matière Alors Pour Les Associations : -Un Etudiant Peut S'inscrire Dans 1 Ou plusieurs Modules. -Un Module Contient Zéro Et Plusieurs -Une Matière Appartient à Un Ou Plusieurs Modules -Un Module Regroupe Une Ou Plusieurs Matières -Un Cour Concerne Une Ou Plusieurs Matières. -Une Matière est Concernée Par Zéro Ou Plusieurs Cours -Un Personnel Poste Zéro Ou Plusieurs Cours -Un Cour Est Posté Par Un Est Un Seul Personnel -Un Personnel Peut Etre Un Professeur Ou Un Administrateur.
Ecole Supérieure de Technologie d’Essaouira Programmation Web
18
MCD de la gestion des Annonces et événements
0,n 1,1
0,n
1,1
1,1
0,n
1,n
0,n
1,n
1,n
1,n
0,n
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Id_etudiant
...
<pi>
Annonce
Object_ance
Text_ance
Date_post_ance
ID_annonce <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini> <O>
ID_annonce...
<pi>
Type_prsn
label_type_prsn
Id_type_prsn <pi>
<Indéfini>
<Indéfini> <O>
Id_type_prsn
...
<pi>
Evennement
Text_even
Date_post_even
Date_debut
Date_fin
Id_even <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_even
...
<pi>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_prsn
...
<pi>
Filiere
Label_fil iere
Id_fil ier <pi>
<Indéfini>
<Indéfini> <O>
Id_fil ier
...
<pi>
Module
label_module
index_module
Id_module <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_module...
<pi>
planifier
etre
annoncer
_concerner
rassembler
inscrire
Figure 5
Après qu’on a établie Notre MCD principal et les Sous-MCD on va passer au
MCC (Model Conceptuel de Communication).
Ecole Supérieure de Technologie d’Essaouira Programmation Web
19
MCC (Model Conceptuel de Communication)
Figure 6
Les Flux :
1- enseigner un étudiant
2- ajouter les membres de l'intranet
3- marque l'absence
4- poste une cour
5- administre les forums
6- publie les annonces
7- afficher les absences
8- afficher les annonces et les événements
9- Lire un message
10-publie un message
11-réponde à un message
12-planifier un événement
Ecole Supérieure de Technologie d’Essaouira Programmation Web
20
Passons au modèles Logiques de Données.
On a Cité avant qu’ils vont ajouter au MCD la notion d’organisation (comment
les données seront organisées dans une Base De Données).les entités du MCD
sont converties en tables dans MLD.
MLD de la gestion des Absences
etre
marquer
justifier
_avoir
composer
durer
enseigner
__avoir
programmer
correspondre
CORREPONDRE
rassembler
rassembler
__apartenir
__apartenir
__concerner
__concerner
inscrire
inscrire
_correspondre
_correspondre
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant
Id_grp
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Type_prsn
label_type_prsn
Id_type_prsn <pi>
<Indéfini>
<Indéfini> <O>
Id_type_prsn
...
<pi>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn
Id_type_prsn
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
Id_prsn
...
<pi>
Fil iere
Label_fi l iere
Id_fil ier <pi>
<Indéfini>
<Indéfini> <O>
Id_fil ier
...
<pi>
Module
label_module
index_module
Id_module <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_module
...
<pi>
Matiere
Label_mat
Id_mat
Id_prsn
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
Id_mat
...
<pi>
Absence
Promotion_abs
Date_abs
Id_abs
Id_prsn
Id_jstf...
<pi>
<fi1>
<fi3>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>Justification
Date_jstf
Id_jstf
Id_type_jstf
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
Id_jstf
...
<pi>
Semestre
label_smstr
Id_smstr <pi>
<Indéfini>
<Indéfini> <O>
Id_smstr
...
<pi>
Emploi_temps
Jours
Promotion
Id_emp
Id_periode
Id_mat
Id_smstr
Id_fil ier
<pi>
<fi1>
<fi2>
<fi4>
<fi3>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
<O>
<O>
<O>
Id_emp...
<pi>
Periode
Periode_label
duree_periode
Id_periode <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_periode
...
<pi>
Group
Label_grp
Id_grp <pi>
<Indéfini>
<Indéfini> <O>
Id_grp...
<pi>
type_Justification
label_type_jstf
Id_type_jstf <pi>
<Indéfini>
<Indéfini> <O>
Id_type_jstf
...
<pi>
rassembler
Id_fil ier
Id_module
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>
__apartenir
Id_module
Id_mat
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>
__concerner
Id_abs
Id_etudiant
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1 <pi>
inscrire
Id_etudiant
Id_module
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>
_correspondre
Id_grp
Id_emp
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>
Figure 7
Ecole Supérieure de Technologie d’Essaouira Programmation Web
21
MLD de la gestion des Forums
poster
appartenir
avoir
mettre
_appartenir
etre
joindre
Administrer
rassembler
rassembler
inscrire
inscrire
Piece_joint
Fichier
Id_piece
Id_msg
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
Id_piece
...
<pi>
Message
Text_msg
Desc_cour
Date_post_msg
Id_msg
Id_etudiant
Id_forum
<pi>
<fi1>
<fi2>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
<O>
Id_msg
...
<pi>
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Id_etudiant...
<pi>
Type_prsn
label_type_prsn
Id_type_prsn <pi>
<Indéfini>
<Indéfini> <O>
Id_type_prsn
...
<pi>
Forum
Label_forum
Id_forum
Id_cat
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
Id_forum
...
<pi>
Reponse
Text_rep
Date_post_rep
Id_reponse
Id_msg
Id_etudiant
<pi>
<fi1>
<fi2>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
<O>
Id_reponse
...
<pi>
Categorie
label_cat
Id_cat
Id_prsn
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
Id_cat
...
<pi>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn
Id_type_prsn
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
Id_prsn
...
<pi>
Filiere
Label_fil iere
Id_fil ier <pi>
<Indéfini>
<Indéfini> <O>
Id_fil ier
...
<pi>
Module
label_module
index_module
Id_module <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_module
...
<pi>
rassembler
Id_fil ier
Id_module
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>
inscrire
Id_etudiant
Id_module
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>
Figure 8
Ecole Supérieure de Technologie d’Essaouira Programmation Web
22
MLD de la gestion des Cours
_poster
concernerer
etre
__apartenir
__apartenir
inscrire
inscrire
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Id_etudiant
...
<pi>
Type_prsn
label_type_prsn
Id_type_prsn <pi>
<Indéfini>
<Indéfini> <O>
Id_type_prsn...
<pi>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn
Id_type_prsn
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
Id_prsn
...
<pi>
Module
label_module
index_module
Id_module <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_module
...
<pi>
Cour
Desc_cour
fichier_cour
Id_cour
Id_prsn
Id_mat
<pi>
<fi1>
<fi2>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
<O>
Id_cour
...
<pi>
Matiere
Label_mat
Id_mat <pi>
<Indéfini>
<Indéfini> <O>
Id_mat
...
<pi>
__apartenir
Id_module
Id_mat
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>
inscrire
Id_etudiant
Id_module
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>
Figure 9
Ecole Supérieure de Technologie d’Essaouira Programmation Web
23
MLD de la gestion des Annonces et événements
planifier
etre
annoncer
_concerner
_concerner
rassembler
rassembler
inscrire
inscrire
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant <pi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
Id_etudiant...
<pi>
Annonce
Object_ance
Text_ance
Date_post_ance
ID_annonce
Id_prsn
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
ID_annonce...
<pi>
Type_prsn
label_type_prsn
Id_type_prsn <pi>
<Indéfini>
<Indéfini> <O>
Id_type_prsn
...
<pi>
Evennement
Text_even
Date_post_even
Date_debut
Date_fin
Id_even
Id_etudiant
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
Id_even
...
<pi>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn
Id_type_prsn
<pi>
<fi>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<Indéfini>
<O>
<O>
Id_prsn
...
<pi>
Filiere
Label_fil iere
Id_fil ier <pi>
<Indéfini>
<Indéfini> <O>
Id_fil ier
...
<pi>
Module
label_module
index_module
Id_module <pi>
<Indéfini>
<Indéfini>
<Indéfini> <O>
Id_module
...
<pi>
_concerner
ID_annonce
Id_fil ier
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>rassembler
Id_fil ier
Id_module
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>
inscrire
Id_etudiant
Id_module
<pi,fi1>
<pi,fi2>
<Indéfini>
<Indéfini>
<O>
<O>
Identifiant_1
...
<pi>
Figure 10
Ecole Supérieure de Technologie d’Essaouira Programmation Web
24
Passons au Modèles Physique de Données (MPD) :
Comme rappel le MPD permet :
L’optimisation de la gestion des données
La Définition de la place nécessaire à chaque table
La Définition de la place physique de la BD
L’optimisation des temps d’accès à l’information
MPD de la gestion des Absences
M
P
D
d
e
l
a
Figure 11
FK_ETRE
FK_MARQUER
FK_JUSTIFIER
FK__AVOIR
FK_COMPOSER
FK_DURER
FK_ENSEIGNER
FK___AVOIR
FK_PROGRAMMER
FK_CORRESPONDRE
FK_CORREPONDRE
FK_RASSEMBLER
FK_RASSEMBLER2
FK___APARTENIR
FK___APARTENIR2
FK___CONCERNER
FK___CONCERNER2
FK_INSCRIRE
FK_INSCRIRE2
FK__CORRESPONDRE
FK__CORRESPONDRE2
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant
Id_grp
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Type_prsn
label_type_prsn
Id_type_prsn
<Non défini>
<Non défini> <pk>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn
Id_type_prsn
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Filiere
Label_fil iere
Id_fil ier
<Non défini>
<Non défini> <pk>
Module
label_module
index_module
Id_module
...
<Non défini>
<Non défini>
<Non défini> <pk>Matiere
Label_mat
Id_mat
Id_prsn
...
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Absence
Promotion_abs
Date_abs
Id_abs
Id_prsn
Id_jstf
Id_periode
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk1>
<fk2>
<fk3>
Justification
Date_jstf
Id_jstf
Id_type_jstf
...
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Semestre
label_smstr
Id_smstr
<Non défini>
<Non défini> <pk>
Emploi_temps
Jours
Promotion
Id_emp
Id_fil ier
Id_mat
Id_smstr
Id_periode
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk4>
<fk2>
<fk3>
<fk1>
Periode
Periode_label
duree_periode
Id_periode
...
<Non défini>
<Non défini>
<Non défini> <pk>
Group
Label_grp
Id_grp
<Non défini>
<Non défini> <pk>
type_Justification
label_type_jstf
Id_type_jstf
<Non défini>
<Non défini> <pk>
rassembler
Id_fil ier
Id_module
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
__apartenir
Id_module
Id_mat
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
__concerner
Id_abs
Id_etudiant
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
inscrire
Id_etudiant
Id_module
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
_correspondre
Id_grp
Id_emp
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
Ecole Supérieure de Technologie d’Essaouira Programmation Web
25
MPD de la Gestion des Forums
Figure 12
FK_MESSAGE_POSTER_ETUDIANTFK_MESSAGE_APPARTENI_FORUM
FK_REPONSE_AVOIR_MESSAGE
FK_REPONSE_METTRE_ETUDIANT
FK_FORUM__APPARTEN_CATEGORI
FK_PERSONNE_ETRE_TYPE_PRS
FK_PIECE_JO_JOINDRE_MESSAGE
FK_CATEGORI_ADMINISTR_PERSONNE
FK_RASSEMBL_RASSEMBLE_FILIERE
FK_RASSEMBL_RASSEMBLE_MODULE
FK_INSCRIRE_INSCRIRE2_ETUDIANT
FK_INSCRIRE_INSCRIRE_MODULE
Piece_joint
Fichier
Id_piece
Id_msg
...
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Message
Text_msg
Desc_cour
Date_post_msg
Id_msg
Id_etudiant
Id_forum
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk1>
<fk2>
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini> <pk>
Type_prsn
label_type_prsn
Id_type_prsn
<Non défini>
<Non défini> <pk>
Forum
Label_forum
Id_forum
Id_cat
...
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Reponse
Text_rep
Date_post_rep
Id_reponse
Id_msg
Id_etudiant
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk1>
<fk2>
Categorie
label_cat
Id_cat
Id_prsn
...
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn
Id_type_prsn
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Filiere
Label_fi l iere
Id_fil ier
<Non défini>
<Non défini> <pk>
Module
label_module
index_module
Id_module
...
<Non défini>
<Non défini>
<Non défini> <pk>
rassembler
Id_fil ier
Id_module
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
inscrire
Id_etudiant
Id_module
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
Ecole Supérieure de Technologie d’Essaouira Programmation Web
26
MPD de la Gestion des Cours
FK_COUR__POSTER_PERSONNE
FK_COUR_CONCERNER_MATIERE
FK_PERSONNE_ETRE_TYPE_PRS
FK___APARTE___APARTEN_MODULE
FK___APARTE___APARTEN_MATIERE
FK_INSCRIRE_INSCRIRE2_ETUDIANT
FK_INSCRIRE_INSCRIRE_MODULE
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini> <pk>
Type_prsn
label_type_prsn
Id_type_prsn
<Non défini>
<Non défini> <pk>Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn
Id_type_prsn
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Module
label_module
index_module
Id_module
...
<Non défini>
<Non défini>
<Non défini> <pk>
Cour
Desc_cour
fichier_cour
Id_cour
Id_prsn
Id_mat
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk1>
<fk2>
Matiere
Label_mat
Id_mat
<Non défini>
<Non défini> <pk>
__apartenir
Id_module
Id_mat
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
inscrire
Id_etudiant
Id_module
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
Figure 13
Ecole Supérieure de Technologie d’Essaouira Programmation Web
27
MPD de la gestion des Annonces
FK_PLANIFIER
FK_ETRE
FK_ANNONCER
FK__CONCERNER2
FK__CONCERNER
FK_RASSEMBLER2
FK_RASSEMBLER
FK_INSCRIRE2
FK_INSCRIRE
Etudiant
Nom_etud
Prenom_etud
CNE
E_mail
Login
Pass
Tel
Adresse
CIN
Id_etudiant
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini> <pk>
Annonce
Object_ance
Text_ance
Date_post_ance
ID_annonce
Id_prsn
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Type_prsn
label_type_prsn
Id_type_prsn
<Non défini>
<Non défini> <pk>
Evennement
Text_even
Date_post_even
Date_debut
Date_fin
Id_even
Id_etudiant
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Personnel
Nom_prsn
Prenom_prsn
E_mail
Adresse
Login
Pass
CIN
Tel
Id_prsn
Id_type_prsn
...
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<Non défini>
<pk>
<fk>
Filiere
Label_fil iere
Id_fil ier
<Non défini>
<Non défini> <pk>
Module
label_module
index_module
Id_module
...
<Non défini>
<Non défini>
<Non défini> <pk>
_concerner
ID_annonce
Id_fil ier
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
rassembler
Id_fil ier
Id_module
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
inscrire
Id_etudiant
Id_module
<Non défini>
<Non défini>
<pk,fk1>
<pk,fk2>
Figure 14
Ecole Supérieure de Technologie d’Essaouira Programmation Web
28
Réalisation :
En ce qui concerne la partie réalisation, on va essayer de clarifier à l’aide des
captures d’écran la majorité des traitements que peut faire notre application et
ses différentes parties.
Il existe 3 parties principales dans Notre Application :
- Partie Administrateur
Il a tout les Droits d’ajouter les Professeurs, les Etudiants, et de modifier
leurs informations.
- Partie Professeur :
Il peut Ajouter/Modifier/Supprimer les Cours et les Notes Pour les
Etudiants, Consulte les Annonces et marque l’absence Au sein de notre
application qui identifie automatiquement la séance et la matière enseigné
selon le professeur authentifié.
- Partie Etudiant :
Il Peut Consulter son Absence/Les Annonces, Télécharger les Cours et
participer dans les forums, Envoyer/Recevoir des Messages d’autres
Etudiants, Chatter avec Les autres Etudiants.
Mais Premièrement l’application doit être installée, Alors on a mis en œuvre un
utilitaire simple d’installation qui va se charger de guider l’utilisateur pour
installer la Base de Données de Notre Application
Ecole Supérieure de Technologie d’Essaouira Programmation Web
29
1.1. Logiciels utilisés :
MYSQL :
- un système de gestion de base de données (SGBD). Il fait partie des logiciels de
gestion de base de données les plus utilisés au monde, autant par le grand public
(applications web principalement) que par des professionnels, en concurrence avec
Oracle et Microsoft SQL Server.
PHPmyadmin :
- une interface de gestion pour système de gestion de base de données MySQL
réalisée en PHP et distribuée sous licence GNU GPL.
Power AMC :
- un logiciel de modélisation. Il permet de modéliser les traitements informatiques
et leurs bases de données associées. Créé par SDP sous le nom
« AMC*Designer », racheté par « Powersoft », ce logiciel est produit par Sybase
depuis le rachat par cet éditeur en 1995. Hors de France, la version internationale
est commercialisée par Sybase sous la marque «PowerDesigner ».
Ecole Supérieure de Technologie d’Essaouira Programmation Web
30
1.2. Installation :
Tout d’abord, on voudra signaler que cette application est désignée à des
utilisateurs non informatisés, donc l’utilisateur ne saura pas comment importer
la base de données !
Nous avons créé une interface graphique qui nous aide à installer
l’application à l’aide de quelques étapes comme le montre les images suivantes :
Figure 15
Si l’utilisateur clique sur Suivant la page suivante va s’afficher :
Figure 16
Ecole Supérieure de Technologie d’Essaouira Programmation Web
31
Si il satisfait les contraintes imposés (il a Wampserver installé dans Son ordinateur)
et il clique sur Accepter, la base de données va être installé (Figure18)
Figure 17
Figure 18
Maintenant la Base de Données de Notre Application a été bien installé Alors pour
aller a l’interface de l’application il lui suffit de Cliquer sur :
« RETOUR A L’APPLICATION »
Ecole Supérieure de Technologie d’Essaouira Programmation Web
32
Dans la première interface l’utilisateur doit s’authentifier pour bénéficier des
différents services de notre application.
Selon son Profil les services différent
Et voila Une petite Capture d’écran de la Première interface :
Figure 19
Après l’authentification l’application Détectera le type de l’Utilisateur et va Lui affecter
les Droits Adéquats.
Par Exemple :
- Pour Un professeur il a le droit D’ajouter Des Cours, Marquer L’absence …
Mais Il n’as Pas le Droit De Voir Les Forums et d’Ajouter Les Annonces
- Pour Un Etudiant il a Le Droit de Consulter Son Absence, Télécharger Des
Cours, Participer Dans Les Forums … Mais il n’a Pas le Droit d’Ajouter Des
Cours
- Pour Un Administrateur il a Tous Les Droits.
Ecole Supérieure de Technologie d’Essaouira Programmation Web
33
1.3. Partie Administrateur :
Cette Partie Concerne L’Administrateur Du Site Qui va Avoir La Possibilité De
Ajouter/Supprimer Les Etudiants, Personnel, Annonces, Forums, Catégories,
Emploi Du Temps, Justificatifs…
Voici L’interface De L’Administrateur Dans Notre Application :
Figure 20
Et Voici Les Différentes Fonctionnalités De L’administrateur :
1.3.1. Ajouter/Supprimer Forum
L’Administrateur A Plusieurs Tâches, Parmi Ces Tâches il y a l’Ajout et la
Suppression Des Forums.
L’Application Doit Normalement Contenir Les Forums De Chaque Filière Pour
Avoir Une Bonne Gestion Des Sujets Partagés Entre Les Différents Etudiants Sui
Utilisent Notre Application.
Alors Ces Forums Vont Garantir une Communication efficace Entre Les
Etudiants Au Sein De Notre Etablissement.
Et Voila Une Capture D’Ecran De l’interface De L’ajout/Suppression Des Forums
Ou l’administrateur va Faire Sa Tâche :
Ecole Supérieure de Technologie d’Essaouira Programmation Web
34
Figure 21
1.3.2. Ajouter/Supprimer Catégorie
Dans Cette Partie L’Administrateur Ajoute Les Catégories Des Forums :
Figure 22
Il a Aussi Le Droit De Supprimer Une Catégorie Après Son Ajout Est ça Entre
Parmi Les Nombreux Droits Que Possède L’Administrateur De L’Application
Web.
Ecole Supérieure de Technologie d’Essaouira Programmation Web
35
1.3.3. Ajouter/Supprimer Annonce
Pour Les Annonces La même Histoire se répète Car L’Administrateur Est LE Seul
Qui Peut Les Ajouter Ou Supprimer Et Voici Une Capture D’Ecran de L’interface
De Création Et Suppression Des Annonces :
Figure 23
1.3.4. Ajouter/Supprimer Matière
L’Administrateur A Aussi Le Contrôle Sur L’Ajout Et La Suppression Des
Matières Et Voici Une Capture D’Ecran De L’interface Graphique :
Figure 24
Ecole Supérieure de Technologie d’Essaouira Programmation Web
36
1.3.5. Ajouter/Supprimer Module
La même Chose Pour Le Module Car L’Admin Peut Ajouter Ou Supprimer Un
Module :
Figure 25
1.3.6. Ajouter/Supprimer Emploi Du Temps
L’Administrateur Peut Ajouter Ou Supprimer Un Emploi De Temps Voici Une
Capture D’Ecran :
Figure 26
Ecole Supérieure de Technologie d’Essaouira Programmation Web
37
1.3.7. Ajouter/Supprimer Semestre
L’Administrateur Peut Aussi Ajouter Ou Supprimer Un Semestre :
Figure 27
1.3.8. Ajouter Type Justificatif
L’Admin A Aussi Comme Tâche D’Ajouter Le Type De Justificatif Si L’Etudiant en
a Un sinon Le Justificatif restera Vide Et Son Absence NE Sera Pas Justifiée
Figure 28
Ecole Supérieure de Technologie d’Essaouira Programmation Web
38
1.3.9. Ajouter Un Etudiant
L’Administrateur Peut Ajouter Des Etudiants Dans La Base De Données De
Notre Application grâce A Une interface Simple Et Facile et voici Une Capture
D’écran de Cette Interface :
Figure 29
1.3.10. Modifier Personnel/Etudiant
Comme L’ADMIN A le Droit D’Ajouter Un Etudiant il a Aussi Le Droit De Lui
modifier Ces Cordonnées Personnels et La même Chose Pour :
Figure 30
Ecole Supérieure de Technologie d’Essaouira Programmation Web
39
1.3.11. Supprimer Absence
L’Une Des Importantes Taches De L’ADMIN est De Supprimer L’Absence, ça
Peut Arriver Lors de La Justification de Cette Absence Ou Lors du Marquage Par
Erreur de L’Etudiant par Le Professeur.
Alors Dans L’interface il y a Une Liste Déroulante Qui Contient La Liste Des
Etudiants, Pour Chaque Etudiant On Liste Son Absence et L’Administrateur peut
Supprimer chaque Absence dans Un Simple Clique.
Une Capture D’Ecran Pour L’interface qui gère La Suppression Des Absences :
Figure 31
1.4. Partie Professeur :
Le professeur est l’un des Acteurs Principaux dans Notre Système
D’Information, alors nous avons essayé de bien réaliser sa partie.
Voilà l’interface Du Professeur :
Figure 32
Ecole Supérieure de Technologie d’Essaouira Programmation Web
40
Petite Explication :
Comme vous pouvez le Remarquer l’interface donne la Classe Enseigné et le
Groupe et La période. Ils sont détectés Automatiquement lors de
L’authentification Du Professeur.
On A Utilisé Le Langage PHP Pour Effectuer Les Traitements Nécessaires Pour
que L’application soit Plus Dynamique Et Plus interactive. Alors Ici Dans Cette
Interface On peut Désigner Le Changement de La période Et de la Classe A
chaque authentification Du Professeur Selon la Date Actuelle, C'est-à-dire La
date De L’authentification
1.4.1. Marquer Absence
Parmi Les Services Que Notre Application Offre au Professeur il ya Le Marquage
D’absence et Voila une Capture D’écran de L’interface graphique :
Figure 33
Il suffit au Professeur de Cocher l’Etudiant Absent dans La liste Des Etudiants
Générés Automatiquement selon La Classe/Matière/Période et selon le
Professeur Authentifié a Notre Application.
Ecole Supérieure de Technologie d’Essaouira Programmation Web
41
1.4.2. Ajouter Un Cour
Figure 34
Le Professeur Peut Ajouter Des Cours Et cela est Offert dans Notre Application
a partir d’une interface Simple et facile a gérer, avec le Bouton « Ajouter Cour »
A Chaque Passage de La souris Sur un Cour sa Description Sera Affiché à Droite
dans L’onglet Description d’une Façon Asynchrone (La page ne Se recharge Pas)
Nous Avons Utilisé la Technologie AJAX pour satisfaire cette contrainte.
Et Voilà une Capture D’écran de l’Ajout D’un Cour :
Figure 35
Ecole Supérieure de Technologie d’Essaouira Programmation Web
42
Le Professeur Ajoute Le titre du Cour, Le Fichier du Cour Et Une Petite
Description Pour que l’Etudiant Comprenne ce qu’il Va Télécharger.
1.4.3. Supprimer Un Cour
Comme le Professeur Peut Ajouter Un Cour il peut Aussi le Supprimer alors
dans notre Application cette Fonctionnalité est Offerte dans La première
interface des Cours, Quand Le Cour Est Supprimé Correctement un
Message sera Affiché au Professeur en lui indiquant que tout est Correct sinon
Un message D’erreur sera Affiché et Voila Deux Captures D’écran qui Vont
Clarifier l’opération :
Figure 36
Figure 37
Ecole Supérieure de Technologie d’Essaouira Programmation Web
43
1.4.4. Consulter les Annonces
Le Professeur ne Peut Pas Ajouter Des Annonces Mais il Peut Consulter Les
Annonces Existantes Dans Le Site, Qui sont Ajoutées Par L’Administrateur. Ces
Annonces Seront Par exemple L’affichage Des dates des examens, les séances
de rattrapages, les résultats des examens.
Figure 38
1.5. Partie Etudiant :
Le Deuxième Acteur Principal dans Notre Système D’Information Est L’Etudiant
Au Contraire Du Professeur, il Est Restreint De Quelques Droits Mais en
Revanche il Possède Des privilèges Comme L’accès Aux Forums, La Messagerie
Entre Les Etudiants Et Le Mini-chat. Voila Un Aperçu de Son Interface :
Figure 39
Ecole Supérieure de Technologie d’Essaouira Programmation Web
44
Comme Vous Pouvez Le Remarquer La page D’accueil De L’Etudiant Contient 4 Onglets
Principaux :
- Les Derniers Cours : Qui Contient les Derniers Cours Ajoutés Par les
Professeurs
- Les Dernières Annonces : Qui Contient les Dernières Annonces Ajoutés Par
l’Administrateur Du Site.
- Les Dernières Discussions : Qui Contiennent Les derniers Sujets De
Discussion Dans Les Forums Entre Les Etudiants
- Votre Absence : Qui Contient Le Nombre D’Heurs Que L’Etudiant s’est
Absenté Est Si il Veut Plus De Détails il Lui Suffit De Cliquer Sur Le Lien «Plus
De Détails » Sui se Trouvent Au Dessous du Nombre D’heurs Pour Voir Les
Détails De son Absence (La Date D’Absence, La Séance, Le Prof Qui a
Marqué L’Absence)
1.5.1. Télécharger des Cours
L’Etudiant Peut Télécharger Les Cours Et Voila Deux Aperçus, Le Premier est De
L’interface Ou se Trouvent Tous Les Cours Et Le Deuxième est De L’interface
De Téléchargement Des Cours :
Figure 40
Ecole Supérieure de Technologie d’Essaouira Programmation Web
45
Figure 41
1.5.2. Participer Dans Les Forums
Nous Avons Réalisé La Partie Des Forums Pour Permettre Une Communication
Plus Développé Entre Les Etudiants Au Sein De Notre école et Voila Quelques
Captures D’écrans Qui Expliquent les Forums :
Figure 42
Ecole Supérieure de Technologie d’Essaouira Programmation Web
46
Figure 43
Dans Le premier Aperçu On Remarque Les Forums Principales Et Les Sous Forums
Et Dans Le Deuxième Partie On est Entré Dans Un Sous Forum et On voit Les
Messages Postés Dans ce Dernier.
1.5.3. Consulter Les Annonces
Comme Le Professeur L’Etudiant Ne Peut pas Ajouter Des Annonces Mais Peut
Les Consulter Pour Savoir Les Dernières Nouveautés :
Figure 44
Ecole Supérieure de Technologie d’Essaouira Programmation Web
47
1.5.4. Consulter L'absence
Parmi Les Fonctionnalités Les Plus intéressantes De Notre Application il ya La
Consultation d’Absence Pour L’Etudiant.
L’Etudiant Peut Alors Voir Le Nombre Totale D’heurs Absentés et les Détails
Associés A Ces Heurs. Voici La Capture D’écran Des Détails D’absence Ou On
Peut Voir Les Différentes Informations Comme La Séance Est Le Professeur Qui
l’a Marqué :
Figure 45
1.5.5. Envoyer/Recevoir les Messages avec les Autres Etudiants
Notre Application offre Aussi la Possibilité d’Envoyer Les Messages entre Les
Etudiants, Cette Fonctionnalité n’est Pas Disponible Pour Les Professeurs.
L’interface de la Messagerie Offre La Possibilité de :
- Envoyer Un message : Pour Initier Un contact Avec Un autre Etudiant
En lui Envoyant Un message, On a implémenté Ici un Système d’auto-
COMPLETATION qui Devine LE nom du Destinataire En cherchant
Dans La Base De Données en s’inspirant de La recherche En temps
Réel de GOOGLE.
Nous Avons Utilisé la Technologie AJAX pour satisfaire cette
contrainte.
Ecole Supérieure de Technologie d’Essaouira Programmation Web
48
- Consulter La boîte De Réception : Cette Boîte Contient Tous Les
Messages Reçus de L’Utilisateur. Les Messages Arrivent En Temps
Réel Sans Avoir A Recharger La Page. (Avec AJAX).
- Messages Non-Lus/Lus et Envoyés : ces Trois Parties Contiennent les
Messages Non-lus/Lus et Envoyés de L’Etudiant En cours.
- Figure 46
- Figure 47
Ecole Supérieure de Technologie d’Essaouira Programmation Web
49
1.5.6. Chatter Avec Les Autres Etudiants dans Le Mini-Chat
Nous Avons Décidé Cette Fonctionnalité De Chat En s’inspirant Du Chat DU
Célèbre Site « FACEBOOK » et Pour Permettre Plus d’interactivité Avec Les
Utilisateurs et Voilà Une Capture D’Ecran du Petit Mini-chat :
Figure 48
CE Chat Contient Comme Vous Remarquer pour Chaque Message le Nom de
Son Expéditeur et la Date De Son Envoi.
Ecole Supérieure de Technologie d’Essaouira Programmation Web
50
Conclusion
Il est à noter que la réalisation de ce projet a été fructueuse et bénéfique
pour nous car on a appris beaucoup de Notions en ce qui concerne la
programmation web.
Sur le plan personnel, ce travail nous a permis de :
Evaluer la capacité de dépasser l’obstacle, surmonter la difficulté et
œuvrer à trouver la solution adéquate face à l’impasse.
Apprendre à se documenter et à chercher de nouvelles sources à
part la classe
Développer l’esprit d’équipe.