50
Projet de fin de module Création d’un intranet de L’ ESTE Réalisé par : MAJID Tarik TISGNITE Elhassan TAOUFIK Mohamed HSAIN Hamza

Projet de fin de module - TAOUFIK Mohamed€¦ · Projet de fin de module Création d ... En lisant ce Rapport Comme La Messagerie/Chat Entre Les ... Si dessous on va essayer de vous

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.