Conception et réalisation d'une plateforme universitaire. Partie enseignant-étudiant.

Sommaire

Introduction générale - 1 -

I. Étude de l'existant - 3 -

I.1 Introduction : - 3 -

I.2. Le système LMD - 3 -

I.2.1. Définition du système LMD : - 3 -

I.2.2. Le vocabulaire du LMD : - 4 -

I.2.3. Les Objectifs du LMD - 6 -

I.3. Les utilisateurs et leurs besoins - 7 -

I.3.1. L'environnement universitaire - 7 -

I.4. Objectifs et cadre du projet - 8 -

I.4.1. Université de KM et la faculté ST - 8 -

I.4.1.1. Présentation d'Université Djilali Bounaama Khemis Miliana - 8 -

I.4.2. la faculté des Sciences et de la technologieFST - 9 -

I.4.3 Objectif du projet - 9 -

I.4.3.1. Objectifs généraux : - 9 -

I.4.3.2. Objectifs spécifiques : - 9 -

I.4.3.3.Modules du système : - 10 -

Conclusion - 10 -

II. Analyse et Conception - 15 -

II.1 Introduction - 15 -

II.2. Liste des utilisateurs avec leurs rôles : - 15 -

II.2. Modélisation avec UML : - 16 -

II.2.1. Introduction : - 16 -

II.2.2. Diagrammes de Cas d'utilisations : - 16 -

II.2.3 Diagramme de Séquence : - 21 -

II.2.4. Diagramme de Class : - 32 -

II.2.5. Interaction Diagramme de séquence-Diagramme de classe: - 34 -

II.5. Modèle relationnel : - 38 -

II.3.3. Dictionnaire de données - 39 -

II.3.3. l'architecture de l'application - 45 -

Conclusion - 48 -

III. La Réalisation - 50 -

II.1. Introduction : - 50 -

III.2. les technologies utilisées - 50 -

III.2.1. les langages de programmation : - 50 -

III.2.1.1 HTML 5 (HyperText Markup Language 5): - 50 -

III.2.1.2. CSS : - 50 -

III.2.1.3. JavaScript : - 50 -

III.2.1.4. JQuery : - 51 -

III.2.1.5. PHP : - 51 -

III.2.2. L'environnement : - 51 -

III.2.2.1. WampServer : - 51 -

III.2.2.3. PHPMyAdmin : - 52 -

III.2.3. Les Editors : - 52 -

III.2.3.1 NetBeans IDE : - 52 -

III.3. la réalisation d'application : - 53 -

III.3.1. l'arborescence de l'application : - 53 -

III.3.2. page de login : - 54 -

III.3.3. Profil utilisateur : - 54 -

III.3.4. La page d'affichage des listes des cours envoyés : - 55 -

III.3.5. Formulaire d'envoie des cours : - 55 -

III.3.6. La page d'affichage des listes des travaux personnels envoyés : - 56 -

III.3.7. Formulaire d'envoie les travaux personnel : - 56 -

III.3.8.Absence enseignant : - 57 -

III.3.8 Validation d'absence (chef de département) - 57 -

III.3.10.Absence étudiant : - 58 -

III.3.11.Liste travail étudiant : - 58 -

Conclusion - 59 -

Conclusion générale - 62 -

Références bibliographiques 63

Références bibliographiques 64

Annexes 68

ÕÎáãáÇ

ãæáÚáÇ Éíáß äã áßÇÔãáÇ ÍÑÔæ ,Ï ã á á ãÇÙä ìáÚ ÉááÇØÅ ÁÇØÚÅ ááÇÎ äã ÇäáãÚ ÇäÍÑÔ ÑíÑÞÊáÇ ÇÐå í

.áßÇÔãáÇ åÐåá áæáÍ ÍÇÑÊÞÇæ ÉãÇÚäæÈ íááÇÌ ÉÚãÇÌ í ÇíÌæáæäßÊáÇæ

.ÇäáãÚ ÒÇÌäáÇ ÇåÇäãÏÎÊÓÇ íÊáÇ ÉíãäÊáÇ ÊÇæÏ æ ÇäÇÏå äÚ ÇÖí ÇäËÏÍÊ

Résumé :

Dans ce rapport, on a expliqué notre travail par donner une vue sur le système LMD et ses objectifs, et exposer les problèmes de la faculté de la sciences et technologie de l'université de Djilali Bounaama et proposer des solutions pour ces problèmes.

On a parlé sur nos objectifs et Outils de développement qu'on a utilisé pour créer notre application.

Abstract

In this report, we explained our work by giving a view of the LMD system and its objectives, and explain the problems of the Faculty of Science and Technology of the University of Djilali Bounaama and propose solutions to these problems.

We talked also about our purposes and languages that we used to create our application.

- 1 -

Introduction générale

Introduction générale

Le monde informatique est un monde très vaste, son apparition correspond à un Changement total de culture, jour après jour l'informatique occupe une place Intéressante dans l'entreprise, puisqu'elle permet de mémoriser, de traiter et de diffuser L'information nécessaire dans un délai très court, qui permettra donc de prendre les Bonnes décisions dans le temps voulu.

Le réseau internet a révolutionné le monde, dans presque tous les domaines.il permet aujourd'hui un approchement des communautés, pourtant situées à des milliers de kilomètres les entreprises des autres.

La tendance actuelle des entreprises et des organisations est l'informatisation de leur Système d'informations ou une partie de ce système, dans cette vision, la faculté des Sciences et de la technologie FST de l'université Djilali Bounaama Khemis Miliana essaie de mettre en oeuvre une plateforme universitaire pour elle.

Dans cet objectif, notre projet consiste à réaliser la partie Enseignant-Etudiant de la Plateforme de la FST de l'Université Djilali Bounaama Khemis Miliana pour les trois départements, Mathématique et Informatique MI, Science et Technologie ST et Science Matière SM.

Pour se faire, notre rapport est construit de trois chapitres :

? Le premier chapitre est une présentation sur le système LMD et l'étude de l'existant. ? Le deuxième chapitre concerne l'analyse et la conception de plateforme.

? Le troisième chapitre illustre la réalisation et la mise en oeuvre de l'application.

Chapitre I

Etude de l'existant

Chapitre I Étude de l'existant

Page - 3 -

I. Étude de l'existant

I.1 Introduction :

L'analyse de l'existant est une étape importante dans le cycle de vie d'un Système, il s'agit de connaitre la situation actuelle de l'organisation pour pouvoir porter Un jugement juste. Ainsi, l'analyse du système existant doit nous fournir toute L'information nécessaire, afin d'établir une bonne conception et de proposer de bonnes Solutions.

Dans ce chapitre, nous allons présenter une étude générale du service personnel concerné par notre étude. Par la suite, un intérêt particulier est porté à la gestion de Personnels de la faculté ST.

Dans un premier temps nous présenterons une définition au système LMD et leurs utilisateurs et ses besoins, puis on définit l'objectif d'Université KM et la faculté ST.

I.2. Le système LMD

I.2.1. Définition du système LMD :

Système d'enseignement supérieur anglo-saxon utilisant une formation à trois paliers Licence, Master et Doctorat. Il offre une plus grande flexibilité dans la formation aussi bien aux apprenants qu'aux formateurs. Deux modes de formation sont offerts : une formation académique orientée sur la recherche et une formation appliquée orientée sur la professionnalisation. Le facteur humain, l'utilisation des TIC et la flexibilité du système en font sa principale force. [1]

Chapitre I Étude de l'existant

Page - 4 -

Figure I-1 : une structure des 3 niveaux (licence - master- Doctorat)

I.2.2. Le vocabulaire du LMD : ? Le diplôme académique :

C'est une option qui accompagne soit la licence, soit le master. Cette option permet d'accéder directement à des études universitaires plus longues et plus spécialisées (de la licence vers le master et du master vers le doctorat).elle est accordée en fonction des aptitudes requises et des résultats obtenus au diplôme de licence ou au master.

? Le diplôme professionnel :

C'est une option qualifiante aboutissant à une licence professionnelle ou à un master professionnel, ainsi une insertion rapide dans le marché de l'emploi.

? Parcours type :

Est un cursus de formation comprenant un ensemble cohérent de matières ayant pour objectif de faire acquérir à l'étudiant des connaissant, des aptitudes et des compétences lui permettant ainsi d'élaborer progressivement son projet de formation.

Chapitre I Étude de l'existant

Page - 5 -

s Domaine :

Les licences dans la nouvelle réforme LMD sont organisées par domaine de formation, regroupant un ensemble cohérent de filières et de spécialités sous la forme d'un parcours et sous des intitulés variables : domaine sciences et technologies, domaine sciences de la matière, domaine des Sciences de la nature et de la vie...

s Filière :

C'est une subdivision d`un domaine de formation, elle détermine à l'intérieur d'un domaine, la spécificité de l'enseignement. Une filière peut être mono ou pluridisciplinaire.

s Spécialité :

Est une subdivision d'une filière. Elle précise le parcours de formation et les compétences à acquérir par l'étudiant.

s Unité d'enseignement :

Les enseignements en LMD sont organisés en unités d'enseignements (UE).Une (UE) est constituée d'une ou plusieurs matières dispensées sous toute forme d'enseignement (cours, travaux pratiques, travaux dirigés, séminaires, conférences, projets, stages ;...) organisées d'une manière pédagogique et cohérente et selon une logique de progression en vue de l'acquisition des compétences.

Une (UE) peut être fondamentale, méthodologique, de découverte ou transversale.L'unité d'enseignement et ses matières constitutives sont affectées d'un coefficient et d'une valeur en crédits.

s Crédit :

La valeur en crédits est déterminée par référence au volume horaire semestriel « présentiel »nécessaire à l'acquisition des connaissances et aptitudes par les formes d'enseignements prévus ainsi qu'au volume des activités que l'étudiant doit effectuer au titre du semestre considéré(travail personnel, rapport, mémoire ,stage...). Un semestre d'études correspond à 30crédits. La licence est organisée en 6 semestres d'études, soit 180 crédits.

· Chapitre I Étude de l'existant

Page - 6 -

Rattrapage :

Examen accordé à un étudiant n'ayant pas obtenu la moyenne à une matière (ou plusieurs) si l'UE n'est pas validée.

· Une compensation :

Possibilité de valider une année en obtenant une note inférieure à la moyenne dans une matière ou une UE, mais compensée par les autres matières ou autres UE dans la même UE dans la même année grâce à l'application de coefficients affectés aux matières et aux UE.

· Une équipe de formation :

Ensemble des responsables des équipes pédagogiques d'une même formation.

· Une équipe pédagogique :

Ensemble des enseignants intervenant dans les cours, TD et TP des matières d'une même unité d'enseignement.

· Un parcours :

A l'intérieur de chaque domaine de formation, il est proposé plusieurs parcours. Un parcours correspond à une offre de formation sanctionnée par un diplôme. Un parcours peut être à vocation académique ou professionnelle.

· Une formation académique :

Option consacrée à des études à caractère fondamental qui permettent la poursuite d'études plus approfondies vers le Master ou le Doctorat.

· Une mobilité :

Possibilité offerte à l'étudiant de passer d'une formation à une autre, d'un établissement à un autre en faisant valoir les acquis (unité d'enseignement capitalisé). [3]

I.2.3. Les Objectifs du LMD

· Favoriser la mobilité des étudiants.

· Proposer des grades de formation, agréés et reconnus à l'échelle mondiale.

· Favoriser la réussite des étudiants avec des parcours de formation diversifiés et personnalisés Préparer à des diplômes mieux adaptés aux besoins réels du marché de l'emploi. [4]

Chapitre I Étude de l'existant

Page - 7 -

I.3. Les utilisateurs et leurs besoins

I.3.1. L'environnement universitaire

? L'étudiant face à ces besoins :

L'étudiant universitaire peut structurer son besoin en trois éléments principaux : l'acquisition du savoir, l'acquisition du diplôme et l'acquisition des compétences adaptées à l'environnement de travail auquel il fera face dans le futur. Face à ces impératifs, l'étudiant se ressource de l'université pour accomplir ses missions.

La figure ci-dessus résume un aspect des relations de dépendance entre l'étudiant et l'organisme universitaire, nous dégageons à partir de ce premier modèle la nature des liens pouvant structurer cette relation au niveau de notre plate-forme. Dans une approche processus, l'articulation des éléments d'entrée et de sortie sont générés par ce qui est donné et ce qui est attendu de chaque utilisateurs. Pour rester dans ce même exemple prenons le cas d'un étudiant qui a besoin d'une attestation de scolarité, donc via l'espace numérique il peut envoyer sa requête et recevoir une réponse précisant la date de sa réception et les informations à compléter pour acquérir sa demande. De même pour le service scolarité, si un étudiant n'a pas compléter les éléments de son dossier, un mail lui sera adressé précisant l'objet et le descriptif des pièces à fournir.

? Pour l'enseignant :

Généralement l'enseignant doit gérer deux obligations distinctes, la première liée à ces travaux avec les étudiants et la deuxième avec l'administration. Avec ses étudiants l'enseignant a besoin de leurs soumettre des documents, des exercices à faire... de même il peut effectuer avec ces étudiants des séances d'échange et d'explication du cours comme dans le cas des travaux dirigés. Avec l'administration l'enseignant peut avoir besoin de soumettre les notes des évaluations, de discuter ou de prendre connaissance de l'emploi du temps prévisionnel, des groupes d'étudiants qu'il va prendre en charge...

Page - 8 -

Pouvoir utiliser l'espace numérique de travail permettra à l'enseignant de suivre l'évolution des étudiants à distance, de prendre connaissance de leurs besoins et discuter et échanger les façons de faire et les remarques pertinentes. [5]

Chapitre I Étude de l'existant

I.4. Objectifs et cadre du projet

I.4.1. Université de KM et la faculté ST

I.4.1.1. Présentation d'Université Djilali Bounaama Khemis Miliana

? Création et historique :

La ville historique de Miliana a vu la genèse du premier établissement de l'enseignement supérieur au niveau de la wilaya d'Ain Defla (à 140 km à l'ouest d'Alger). En effet, c'est l'école nationale des mines de cette ville qui en devient l'établissement pionnier en 1991. Peu après, en 1995 et afin de permettre l'extension et l'ouverture de nouvelles filières, l'école est transférée vers l'institut technique agricole de la ville de Khemis Miliana où elle devient une antenne de l'université SAAD DAHLEB de Blida.

Après quelques années de travail et d'efforts considérables, les conditions sont réunies pour que cette antenne soit promue en un centre universitaire autonome le 18 septembre 2001. Réunissant ainsi quelques instituts pilotes, le centre a vu l'ouverture de plusieurs spécialités au cours des années qui suivent, dans le système classique comme dans le système LMD.

Cette dernière réforme a permis l'accélération de l'extension et l'épanouissement du centre universitaire qui a dépassé rapidement les 10000 étudiants inscrits toutes spécialités confondues. Offrant ainsi une formation de qualité, il a continué sa mission en concertation avec tous les secteurs socio-économiques locaux de la wilaya d'Ain Defla et autres, pour arriver à mettre en place un pôle universitaire et scientifique distingué. Ce centre est devenu par la suite Université, laquelle compte actuellement 6 facultés et 1 institut. [6]

? Les facultés et les instituts d'université Djilali Bounaama Khemis Miliana : 1-Institut des Sciences et techniques des activités physiques et sportives.

2-Faculté des lettres et des Langues.

3-Faculté des Sciences Sociales et Humaines. 4-Faculté de Droit et des Sciences Politiques.

Chapitre I Étude de l'existant

Page - 9 -

5-Faculté des Sciences Economiques, Commerciales et des Sciences de Gestion. 6-Faculté des Sciences et de la technologie.

7-Faculté des Sciences de la nature et de la vie et des sciences de la terre. [7]

I.4.2. la faculté des Sciences et de la technologieFST

·

Présentation

La Faculté de ST de l'Université Djilali Bounaama Khemis Miliana est structurée en trois départements d'enseignements et de recherche qui sont :

· Département de la Technologie.

· Département des Sciences de la Matière.

· Département de Mathématiques et Informatique. [8]

Dans le bloc C (faculté ST) On a 32 salles de TD et 10 salles informatiques et 4 Amphi. I.4.3 Objectif du projet

I.4.3.1. Objectifs généraux :

· Analyser les besoins des enseignants et des étudiants de faculté ST.

· Mettre en place un site qui répond à ces besoins en créant une base de données pour stocker les données nécessaires et en dessinant une interface pour accéder à la base de données.

I.4.3.2. Objectifs spécifiques :

On partitionner le travaille à deux parties essentielles :

La première partie : c'est la gestion des notes, elle comporte la consultation des relevés des notes aux étudiants et permit aux enseignants de manipuler sur les notes des étudiants.

La deuxième partie : c'est la gestion d'absences, elle consiste à donner la possibilité de marquer les absences des étudiants aux enseignants et donner aux étudiants la possibilité de voir leurs absences et les justifications.

En plus, on a ajouté a cette plateforme une partie pour :

·

Chapitre I Étude de l'existant

Page - 10 -

Les PFE (projets fin d'étude) : pour que les propositions, les choix et l'affectation soient directement en site.

· LES COURS : pour que les enseignant peuvent envoyer les cours, les travailles personnels, les TP et tous ce qu'ils veulent donner aux leurs étudiants. D'autre cote donner aux étudiants le droit d'importer les envois des enseignants.

I.4.3.3.Modules du système :

· Gestion des notes.

· Gestion d'absence.

· Préposition des projets de fin d'étude.

· Envoyer et télécharger des documents.

Conclusion

Le sigle LMD signifie Licence - Master - Doctorat. C'est le nouveau schéma d'organisation des études universitaires. L'université Djilali Bounaama Khemis Miliana a déjà pris en charge en 2001 des formations LMD pour certains domaines.

Dans ce chapitre, nous avons présenté le système LMD et leurs utilisateurs ainsi que leurs besoin, une petite historique sur l'université, la faculté ST, les spécialités des licences et masters de l'année universitaire 2014/2015, de plus nous avons présenté une étude détaillée sur l'objectif de notre travail, comme nous allons le voir dans les chapitres à suivre.

Chapitre II : Analyse et Conception

Chapitre II Analyse et conception

Page - 15 -

II. Analyse et Conception

II.1 Introduction

Cette partie est consacrée aux étapes fondamentales pour le développement de notre partie de site web. Pour la conception et la réalisation de notre application, nous avons choisis de modéliser avec le formalisme UML (Unified Modeling Language) et en plus en fait un passage à la méthode MERISE (MCD, Model relationnel) qui offre une flexibilité marquante qui s'exprime par l'utilisation des diagrammes.

II.2. Liste des utilisateurs avec leurs rôles :

Utilisateur Rôles

Enseignant

· Connecter et accéder à son profil.

· Consulter les absences des étudiants.

· Modifier les notes et les absences des étudiants

· Proposer les thèmes PFE.

· Valider les justifications des absences.

· Envoyer et recevoir les travaux personnels.

· Envoyer les cours.

Etudiant

· Connecter et accéder à son profil.

· Consulter les notes et les absences.

· Envoyer et recevoir des travaux personnels.

· Télécharger des cours.

· Consulter les justifications validées.

· Choisir les PFE.

Tableau II.1: liste des utilisateurs et leurs rôles.

Chapitre II Analyse et conception

Page - 16 -

II.2. Modélisation avec UML :

II.2.1. Introduction :

? Pourquoi et comment modéliser :

Modèle : représentation abstraite et simplifie d'une entité du monde réel en vue de le décrire, de l'expliquer ou de le prévoir. Cette représentation peut être sous forme physique, mathématique ou verbal.

? L'intérêt « informatique » de la modélisation :

· Les modèles aident à visualiser un système existant ou futur (tel que l'on souhaite qu'il devient)

· les modèles permettre de spécifier la structure et le comportement d'un système.

? les langages de modélisation :

· Les langages formels (Z, B, VDM) : le plus souvent mathématique, au grand pouvoir d'expression et permettant des preuves formelles sur les spécifications.

· Les langages semi formels (MERISE, UML,...) : le plus souvent graphique, au pouvoir d'expression moindre mais plus faciles d'emploi.

Un diagramme UML est une représentation graphique, qui s'intéresse à un aspect précis du modèle,c'est une perspective du modèle.

II.2.2. Diagrammes de Cas d'utilisations :

Le diagramme use case ou cas d'utilisation est utilisé dans l'activité des spécifications Le diagramme use case doit permettre de répondre à la question Qui, fait quoi ? Pour construire le diagramme de cas d'utilisation il faut :

· identifier les rôles qui interagissent avec (acteurs).

· déterminer les grandes catégories d'utilisation (cas d'utilisation).

· décrire textuellement les interactions (scenarios).

Notre système est composé de 2 acteurs : l'enseignant et l'étudiant.

Les diagrammes suivants définissent les scenarios de chaque acteur :

Chapitre II Analyse et conception

Page - 17 -

a) Diagramme cas d'utilisation de la Gestion d'absences :

Figure II.1: diagramme de cas d'utilisation de gestion d'absences.

? Description :

Acteur	Scénarios
Enseignant	l'enseignant peut consulter, modifier, ajouter et supprimer les absences des étudiants, et il fait valider les justifications et consulter les modules exclus.
Etudiant	l'étudiant peut consulter ses absences et consulter la validation de ses justifications et ses modules exclus.

Tableau II.2 : description de diagramme de la gestion des absences.

Chapitre II Analyse et conception

b) Diagramme cas d'utilisation de la gestion de Notes :

Page - 18 -

Figure II.2: diagramme de cas d'utilisation de gestion de notes.

? Description :

Acteur	Scénarios
Enseignant	l'enseignant fait modifier, ajouter supprimer mes notes.	et
Etudiant	l'étudiant peut consulter ses notes.

Tableau II.3: description de diagramme de la gestion des notes.

Chapitre II Analyse et conception

Page - 19 -

c) Diagramme cas d'utilisation de gestion de PFE :

Figure II.3: diagramme de cas d'utilisation de gestion PFE.

? Description :

Acteur	Scénarios
chef de spécialité	l'administrateur affecter les binômes valider leurs choix.	et
Enseignant	proposer des thèmes PFE.
Etudiant	l'étudiant choisir les PFE.

Tableau II.4 : description de diagramme de la gestion des PFE.

Chapitre II Analyse et conception

Page - 20 -

d) Diagramme cas d'utilisation de gestion des cours :

Figure II.4: diagramme de cas d'utilisation de gestion des cours.

? Description :

Acteur	Scénarios
Enseignant	l'enseignant peut envoyer des cours et des travaux aux étudiants et télécharger leurs travaux.
Etudiant	l'étudiant peut télécharger les cours et les travaux personnels et il peut envoyer des travaux aux enseignants.

Tableau II.5: description de diagramme de la gestion des cours.

Chapitre II Analyse et conception

Page - 21 -

II.2.3 Diagramme de Séquence :

Les diagrammes de séquence permettant de décrire comment les éléments du système interagissant entre eux.

? Montrent les interactions entre objets selon un point de vue temporel. ? description scénarios types et des exceptions.

Les trois principales utilisations sont :

? Documentation (point de vue fonctionnel).

? Représentation précise des interactions (point de vue dynamique). ? Identification des vies, messages, envoies, réception, etc.

Il faut savoir aussi que la vie de chaque entité représentée verticalement, et que l'échanges des messages, envoies et réceptions est représentée horizontalement.

a) Diagramme de séquence «Gestion de notes» :

? Diagramme de séquence «saisie de notes» :

Chapitre II Analyse et conception

Page - 22 -

Figure II.5 : diagramme de séquence de saisie de notes.

> Description :

Prétraitement

traitement courant

y' L'enseignant demande de modifier les notes. y' Le système affiche la page pour accéder aux notes des étudiants. y' L'enseignant accède au notes et fait les actions de modifications. y' L'enseignant fait la demande de stockage des modifications. y' L'enseignant demande au système d'ajouter ou de supprimer des notes. y' Le système affiche la page. y' L'enseignant remplir le formulaire. y' l'enseignant fait la demande de stockage des informations. y' Le système enregistre.

Tableau II.6: description de diagramme de séquence de la saisie de notes. ? Diagramme de séquence «consultation des notes» :

Chapitre II Analyse et conception

Figure II.6 : diagramme de séquence de consultation des notes.

Page - 23 -

prétraitement

	traitement courant
	? L'étudiant demande de consulter ses notes. ? Le système affiche la page correspondante à son matricule

Tableau II.7: description de diagramme de séquence de la consultation des notes.

a) Diagramme de séquence « Gestion D'absences» : ? Diagramme de séquence « de marquer absences » :

Chapitre II Analyse et conception

Page - 24 -

Figure II.7 : diagramme de séquence de marquer absences.

> Description :

Prétraitement	traitement courant
	V' L'enseignant demande de modifier des absences.
	V' Le système répond par l'affichage de la page.
	V' L'enseignant demande d'ajouter ou supprimer des absences.
	V' Le système affiche le formulaire.
	V' L'enseignant remplir le formulaire.
	V' L'enseignant demande le stockage.
	V' Le système va stocker.

Tableau II.8: description de diagramme de séquence de la de marquer absences.

Chapitre II Analyse et conception

Page - 25 -

? Diagramme de séquence « valider justification» :

Figure II.8 : diagramme de séquence de valider les justifications.

> Description :

Prétraitement		traitement courant
		V' L'étudiant demande la consultation de ses absences.
		V' Le système affiche la page de consultation.
		V' Le chef de département demande de signaler une justification
		V' Le système affiche la page
		V' Le chef de département demande le stockage.
		V' Le système stocke.
		V' L'enseignant demande de valider les justifications des absences des étudiants.
y' Le système affiche le formulaire. y' L'enseignant remplir le formulaire. y' L'enseignant demande le stockage. y' Le système enregistre. y' L'étudiant demande de consulter la validation de ses justifications. y' Le système affiche la page.

Chapitre II Analyse et conception

Page - 26 -

Tableau II.9: description de diagramme de séquence de la validation des justifications.

a) Diagramme de séquence « Affectation des binômes» :

Figure II.9: diagramme de séquence d'Affectation des binômes des PFE.

Chapitre II Analyse et conception

Page - 27 -

> Description :

Prétraitement	traitement courant
y' L'étudiant fait le choix des	y' Le chef de spécialité demande
binômes et l'envoyer en papier	la liste des étudiants pour
au chef de spécialité.	affecter les binômes. y' Le système affiche la liste des étudiants. y' Le chef de spécialité valider les binômes. y' Le système enregistrer la validation. y' Le système envoi le message de validation.

Tableau II.10: description de diagramme de séquence d'Affectation des binômes. b) Diagramme de séquence « Proposition des thèmes »

Chapitre II Analyse et conception

Page - 28 -

Figure II.10: diagramme de séquence de proposition des PFE.

> Description :

Prétraitement		traitement courant
création et affectation des binômes		y' L'enseignant demande de poser les propositions. y' Le système afficher le formulaire. y' L'enseignant envoyer les propositions. y' Le système confirmation et validation y' Chef spécialité demande de consulter les propositions y' Le système affiche les listes. y' Chef spécialité demande l'affectation des propositions. y' Le système afficher la page. y' Chef spécialité affecter les propositions. y' Le système enregistre.

Tableau II.11: description de diagramme de séquence Proposition des thèmes. c) Diagramme de séquence « affectation des thèmes »

Chapitre II Analyse et conception

Page - 29 -

Figure II.11: diagramme de séquence d'affectation des PFE.

> Description :

Prétraitement			traitement courant
création et affectation des binômes			V' L'étudiant demande de consulter les propositions.
			V' Le système affiche la page.
			V' L'étudiant fait le choix et demande d'envoyer leur choix.
			V' Le système afficher la page.
			V' L'étudiant envoyer les choix.
			V' Le système enregistrer et envoyer le message de validation.
			V' Chef de spécialité demande la liste des étudiants avec leurs choix.
			V' Le système affiche la liste.
y' Chef de spécialité demande d'affecter les thèmes. y' Le système affiche les étudiants classes par moyenne. y' Chef de spécialité affecter les thèmes. y' Le système enregistrer et envoyer le message de validation. y' L'étudiant demande de consulter l'affectation des thèmes. y' Le système affiche la page.

Chapitre II Analyse et conception

Tableau II.12: description de diagramme de séquence de l'affectation des thèmes.

d) Diagramme de séquence « Gestion Des cours et travaux personnels» ? Diagramme de séquence des cours et travaux `enseignant' :

Figure II.12:diagramme de séquence des cours et travail personnel 'enseignant'.

> Description :

Prétraitement

traitement courant

Page - 30 -

y' L'enseignant demande de consulter les cours et les travaux personnels envoyés aux étudiants.

y' Le systeme affiche la page.

y' L'enseignant demande d'ajouter ou

supprimer des cours ou des travaux. y' Le système affiche le formulaire. y' L'enseignant stocke.

y' Le système enregistre.

y' L'enseignant demande de consulter les travaux envoyés par les étudiants

Chapitre II Analyse et conception

Page - 31 -

Tableau II.13: description de diagramme de séquence des cours et travail personnel

`enseignant'.

? Diagramme de séquence des cours et travaux `étudiant' :

Figure II.13:diagramme de séquence des cours et travail personnel 'étudiant'.

Chapitre II Analyse et conception

Page - 32 -

> Description :

Prétraitement	traitement courant
	V' L'étudiant demande de consulter les cours et les travaux personnels envoyés par les enseignants.
	V' Le système affiche la page.
	V' L'étudiant créer les documents des travaux correspondants.
	V' L'étudiant envoie les documents.
	V' Le système enregistre.

Tableau II.14: description de diagramme de séquence des cours et travail personnel

`étudiant'.

II.2.4. Diagramme de Class :

Le système est composé d'objets qui interagissent entre eux et avec les acteurs pour réaliser ces cas d'utilisation. Les diagrammes de class permettent de spécifier la structure statique d'un système, en termes de classes et relations entre ces classes.

Rectangle a 3 comportements

+ nom (singulier, majuscule)

+ attributs + opérations

Une classe

Attribut1 Attribut2

Operation1 Operation2

Tableau II.15 : représentation d'une classe

Chapitre II Analyse et conception

a) Diagramme de classe:

Page - 33 -

Figure II.14 : Diagramme de classe.

Chapitre II Analyse et conception

Page - 34 -

? Description :

Ce modèle nous permet d'avoir une vue statique de l'application. Il nous montre les relations entre les différentes entités (classes) composant notre application. Il nous mène vers la solution finale. À partir de ce diagramme on retrouve les corps des différentes classes de notre application.

Le schéma ci-dessus nous donne une vue globale de notre application. On a les classes principales qui vont nous servir à réaliser l'application.

II.2.5. Interaction Diagramme de séquence-Diagramme de classe: ? Obtenir la liste des étudiants absents dans une séance:

Figure II.15:Diagramme d'interaction d'obtenir la liste des absences.

Chapitre II Analyse et conception

? Envoie des cours aux étudiants d'un niveau et un groupe connus :

Figure II.16: Diagramme d'interaction d'envoie des cours.

Page - 35 -

Chapitre II Analyse et conception

Page - 36 -

? Affectation des propositions des PFE :

Figure II.17: Diagramme d'interaction d'affectation des propositions.

? Consultation des notes :

Figure II.18: Diagramme d'interaction de consultation des notes.

Chapitre II Analyse et conception

Page - 37 -

? Téléchargement des cours :

Figure II.19: Diagramme d'interaction de téléchargement des cours.

? Envoie des documents des travaux personnels :

Figure II.19: Diagramme d'interaction d'envoie des documents des travaux personnels.

Chapitre II Analyse et conception

Page - 38 -

II.5. Modèle relationnel :

Ce modèle nous a permis de construire notre base de données, car chaque relation est associée à une table dans la base de données

Cours (id cours, module, niveau, spécialité, titre, cours_document, mat_ens, date_time).

Cour_travail (id_travail, niveau, specialite, section, module, type, date_depot, date_remis, description, lien, mat_ens, datetime).

Cours_travail_etud (id_traval_etud, id_travail, groupe, date, document, datetime).

Department (id_dep, dep, specialite).

Enseignant (mat ens, nom_ens, prenom_ens, user, password, date_nais_ens, lieu_nais_ens, adress_ens, diplome_ens, date_diplom, specialite, grade,role, specialite_chef, departement, email_ens, tele_ens).

Etudiant (mat etud, specialite, niveau,departement,user, password, prenom, nom, groupe, section, date_nais, lieu_nais).

Module (code_module, module, cdr_mod, cof_mod, semestre, UE, credite,coff, niveau, specialite, TD, TP).

Note(id_note,mat_etud,module,annee_scolaire,semastre,examen,N_TD,N_TP,moy_module,date time).

Pfe_affictation (id_aff, mat_groupe, theme).

Pfe_binome (id binome, departement, niveau, specialite, mat_etud, mat_groupe, moy_groupe). Pfe_choix (id_choix, mat_groupe, choix).

Pfe_proposition (id pfe, mat_ens, les_theme, specialit, niveau, valid, datetime).

Tabl_absc (id_abs, mat_etud, module, nom, prenom, Num_de _seance, la date, heure, niveau, specialite, groupe, section, mat_ensg, etat, valid_chef_dep).

Chapitre II Analyse et conception

Page - 39 -

Chapitre II Analyse et conception

II.3.3. Dictionnaire de données

Enseignant
Nom		Code		Type
Matricule d'enseignant		mat_ens		Numérique
Nom d'enseignant		nom_ens		Texte
Prénom d'enseignant		prenom-ens		Texte
Utilisateur	User		Texte
Mot de passe	Password		Texte
Date naissance d'enseignant	date_nais_ens		Date
lieu de naissance d'enseignant		lieu_nais_ens		Texte
Adresse d'enseignant		adress_ens		Texte
Déplombe d'enseignant		deplom-ens		Texte
Date de déplombe		date_deplom		Date
Spécialité d'enseignement		spécialité		Texte
le grade d'enseignant		grade		Texte
le rôle d'enseignant		role		Texte
Département	depatement		Texte
Email d'enseignant	email_ens		Texte
Téléphone d'enseignant	tele_ens		Numérique
Etudiant
Nom		Code		Type

Page - 40 -

Matricule d'étudiant		mat_etud		Numérique
Nom d'étudiant		nom		Texte
Prénom d'étudiant		prenom		Texte
Spécialité		specialite		Texte
Utilisateur		user		Texte
Mot de passe		password		Texte
Niveau d'étudiant		niveau		Texte
le groupe	groupe		Numérique
la section	section		Texte
le département	departement		Texte
la date de naissance d'étudiant		date_naiss		Date
lieu de naissance d'étudiant		lieu_naiss		Texte
Module
Nom		Code		Type
Code du module		cod_module		Numérique
Nom du module		module		Texte
Semestre d'étude		semestre		Texte
crédit de module	crd_mod		Numérique
coefficient de module	cof_mod		Numérique
l'unité de module	UE		Texte
Crédit de l'unité		credit		Numérique

Chapitre II Analyse et conception

Page - 41 -

Coefficient de l'unité

	coff		Numérique
Niveau	niveau		Texte
la spécialité	specialite		Texte
Travaux dirigé		TD		Booléen
Travaux pratique		TP		Booléen

Cours

Nom	Code		Type
Nom	id_cours		Type
module	module		Numérique
Niveau d'étude		niveau		Texte
Spécialité		specialite		Texte
titre de cours		titre		Texte
Document de cour		cours_document		Texte
matricule d'enseignant		mat-ens		Numérique
la date et le temps actuel		datetime		Datetime

Cours_travail

Nom		Code		Type
Identifiant de travail personnel		id_tarvail		Numérique
le groupe		Groupe		Numérique
Niveau d'étude		Niveau		Texte
Spécialité		Specialite		Texte
section d'étude		Section		Numérique

Chapitre II Analyse et conception

Module

	module		Texte
Le type de travail	type		Texte
La date de dépôt	date_depot		Date
La date de remis		date_remis		Date
Description du travail personnel		description		Texte
Le lien		lien		Texte
matricule d'enseignant		mat_ens		Numérique
la date et le temps actuel		datetime		Datetime
Cours_travail_etud

identifiant de document de

travail

Identifiant de travail personnel

id_travail_etud

id_travail

Numérique

Numérique

Page - 42 -

le groupe

	Groupe	Numérique
la Date	Date	Date
Document de travail	document	Text
la date et le temps actuel	datetime	Datetime
Note
Nom	Code	Type
Identifiant de la note	id_note	Numérique
Matricule d'étudiant	mat_etud	Numérique

Chapitre II Analyse et conception

Page - 43 -

le semestre		semestre		Texte
année universitaire		annee_scolaire		Numérique
le module		module		Texte
Examen	examen		Numérique
Note de td	N_TD		Numérique
Note de tp	N_TP		Numérique
Moyenne de module		moy_module		Numérique
la date et le temps		datetime		Datetime
PFE_affectation
Nom		Code		Type
Identifiant de la table		id_ affectation		Numérique
Identifiant de binôme		mat_groupe		Numérique
le theme du PFE		theme		Texte
PFE_choix
Nom		Code		Type
Identifiant du choix		id _choix		Numérique
Identifiant de PFE		mat_groupe		Numérique
PFE_binome
Nom		Code		Type
Identifiant de table		id_binome		Numérique
Le niveau		Niveau		Texte
Spécialité		Specialite		Texte
matricule d'étudiant		mat_etud		Numérique

Chapitre II Analyse et conception

Page - 44 -

l'identifiant de binôme		mat_groupe		Numérique
moyenne de binôme		moy_groupe		Numérique
PFE_proposition
Nom		Code		Type
Identifiant de pfe		id_pfe		Numérique
Matricule d'enseignant		mat_ens		Numérique
Thème de pfe		les_theme		Texte
Spécialité	Specialit		Texte
Le niveau	Niveau		Texte
la validation	Valid		Booléen
la date et le temps actuel		datetime		Datetime
Table _absence
Nom		Code		Type
Matricule d'étudiant		mat_etud		Numérique
Le module		module		Texte
Nom d'étudiant		nom		Texte
Prénom d'étudiant		prenom		Texte
Numéro de séance a absenté		Num_de seance		Numérique
La date d'absence		la_date		Date
L'heure d'absence	heuere		Time
Le niveau	niveau		Texte
Spécialité	specialite		Texte

Chapitre II Analyse et conception

Le groupe	groupe	Numérique
la section	section	Numérique
matricule d'enseignant	mat_ensg	Numérique

l'état de la justification

l'état de la validation du chef de

département

la date et le temps actuel

etat

valid_chef_dep

datetime

Booléen

Booléen

Datetime

departement

Page - 45 -

Nom

	Code		Type
identifiant du departement	id_dep		Numérique
nom du département	dep		Texte
la spécialité		Specialite		Texte

Tableau II.16 : Dictionnaire de données.

II.3.3. l'architecture de l'application

Entête de page
le menu principal	page d'entre bienvenue
	Footer de page

Chapitre II Analyse et conception

Tableau II.17: Maquette de la page bienvenue.

Entête de page
le menu principal	la page des tableaux des listes
	Footer de page

Tableau II.18: Maquette des pages des consultations.

Page - 46 -

Chapitre II Analyse et conception

Entête de page
le menu principal	les pages des formulaires
	Footer de page

Tableau II.19: Maquette des pages des formulaires.

Page - 47 -

Chapitre II Analyse et conception

Page - 48 -

Conclusion

Dans ce chapitre, on a concentré sur les aspects analytique et conceptuel de notre système d'information ainsi que la base de données qui interagissent avec elle.

Pour la phase analyse, on a défini les différents cas d'utilisations puis, nous les avons traduits à travers la construction des diagrammes de séquence et le diagramme de classe, dans la phase de conception.

Enfin, nous avons défini toutes les tables des bases de données utilisées.

Chapitre III : La Réalisation

Chapitre III La réalisation

III. La Réalisation

II.1. Introduction :

La création et la conception d'un site web est un processus qui implique quelque étapes simples au départ, mais pouvant, sur un site abouti, mettre en oeuvre des moyens et des compétences très importants. Une plateforme peut être des milliers des pages au format HTML simple ou proposant des animations, des services programmés en java, PHP ou autre langages serveur.

III.2. les technologies utilisées

III.2.1. les langages de programmation :

III.2.1.1 HTML 5 (HyperText Markup Language 5):

Le HTML5 est un langage de base pour la création de site internet, il sert à structurer vote document. D'autre langage peuvent s'ajouter lors de la conception, mais tous les sites web contiennent du HTML. HTML5 désignant la version du langage HTML.

III.2.1.2. CSS :

Littéralement Cascading Style Sheets (feuilles de style ne cascade), CSS est un langage déclaratif simple pour mettre en forme des pages HTML ou des documents XML. Le langage CSS permet de préciser les caractéristiques visuelles et sonores de présentation d'une page Web : les polices de caractères, les marges et

bordures, les couleurs, le positionnement des différents éléments, etc

Page - 50 -

III.2.1.3. JavaScript :

JavaScript est un langage de programmation de scripts principalement utilisé pour les pages Web interactives. C'est un langage orienté objets à prototype, c'est à dire que les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pas instanciés au sein de classes mais qui sont chacun équipés de constructeurs permettant de générer

Chapitre III La réalisation

Page - 51 -

leurspropriétés, et notamment une propriété de prototypage qui permet d'en générer des objets héritiers personnalisés..

III.2.1.4. JQuery :

JQuery désigne une bibliothèque JavaScript gratuite dont le but est de simplifier les commandes communes de JavaScript. L'ensemble des fonctions JQuery permet de développer des scripts de manière rapide et simple. On peut citer comme différentes fonctionnalités : les effets et les animations, les utilitaires, les plugins, Ajax, les événements, ...

III.2.1.5. PHP :

PHP: Hypertext Preprocessor, plus connu sous son sigle PHP (acronyme récursif), est un langage de programmationlibre principalement utilisé pour produire des pages Web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n'importe quel langage interprété de façon locale. PHP est un langage impératiforienté objet comme C++.

III.2.1.6. MySQL :

Un serveur de bases de données stocke les données dans des tables séparées plutôt que de tout rassembler dans une seule table. Cela améliore la rapidité et la souplesse de l'ensemble. Les tables sont reliées par des relations définies, qui rendent possible la combinaison de données entre plusieurs tables durant une requête. Le SQL dans "MySQL" signifie "Structured Query Language" : le langage standard pour les traitements de bases de données.

III.2.2. L'environnement :

III.2.2.1. WampServer : WampServer (anciennement WAMP5) est une plateforme de développement Web de type WAMP, permettant de faire fonctionner localement (sans se connecter à un serveur externe) des scripts PHP.

Chapitre III La réalisation

Page - 52 -

WampServer n'est pas en soi un logiciel, mais un environnement comprenant deux serveurs (Apache et MySQL), un interpréteur de script (PHP), ainsi que phpMyAdmin pour l'administration Web des bases MySQL.

III.2.2.2. Apache : Le logiciel libre Apache HTTP Server (Apache) est un serveur HTTP créé et maintenu au sein de la fondation Apache. C'est le serveur HTTP le plus populaire du World Wide Web. Il est distribué selon les termes de la licence Apache.

III.2.2.3. PHPMyAdmin :

PhpMyAdmin est une interface d'administration pour le SGBDMySQL. Il est écrit en langage PHP et s'appuie sur le serveur HTTP Apache.

Il permet d'administrer les éléments suivants :

? les bases de données

? les tables et leurs champs (ajout, suppression, définition du type)

? les index, les clés primaires et étrangères

? les utilisateurs de la base et leurs permissions

? exporter les données dans divers formats (CSV, XML, PDF, Open Document, Word, Excel

et Latex).

III.2.3. Les Editors :

III.2.3.1 NetBeans IDE :

NetBeans est un environnement de développement intégré (EDI), placé en open source par Sun en juin 2000 sous licence CDDL et GPLv2 (Common Development and Distribution License). En plus de Java, NetBeans permet également de supporter différents autres langages, comme Python, C, C++, JavaScript, XML, Ruby, PHP et HTML. Il comprend toutes les caractéristiques d'un IDE moderne (éditeur en couleur, projets multi-langage, refactoring, éditeur graphique d'interfaces et de pages Web).

Chapitre III La réalisation

Page - 53 -

III.2.3.2. Notepad++ : Notepad++ est un éditeur de texte générique codé en C++, qui intègre la coloration syntaxique de code source pour les langages et fichiers C, C++, Java, C#, XML, HTML, PHP, JavaScript, makefile, art ASCII, doxygen, .bat.

III.3. la réalisation d'application :

III.3.1. l'arborescence de l'application :

Connexion

Consulter Vérifier

Modifier Supprimer Ajouter

Figure III.1 :l'arborescence de l'application.

Etudiant

Gestion d'absence

Gestion des notes

Gestion des cours et travail personnel et PFE

Enseignant

Catégorie

Chapitre III La réalisation

Page - 54 -

III.3.2. page de login :

Figure III-2 : la page de login.

III.3.3. Profil utilisateur :

Figure III-3 : la page de profil d'utilisateur.

Chapitre III La réalisation

Page - 55 -

III.3.4. La page d'affichage des listes des cours envoyés :

Figure III-4: la page du tableau de la liste des cours envoyés. III.3.5. Formulaire d'envoie des cours :

Figure III-5 : la page de formulaire d'envoie des cours.

Chapitre III La réalisation

Page - 56 -

III.3.6. La page d'affichage des listes des travaux personnels envoyés :

Figure III-6 : la page du tableau de la liste des cours envoyés. III.3.7. Formulaire d'envoie les travaux personnel :

Figure III-7 : la page de formulaire d'envoie les travaux personnels

Chapitre III La réalisation

Page - 57 -

Chapitre III La réalisation

III.3.8.Absence enseignant :

Figure III-8 : la page de formulaire absence III.3.8 Validation d'absence (chef de département)

Figure III-9: la page de formulaire validation d'absences

Page - 58 -

III.3.10.Absence étudiant :

Figure III-10: la page de formulaire d'absences étudiant

III.3.11.Liste travail étudiant :

Figure III-11: la page de formulaire liste travail étudiant

Chapitre III La réalisation

Page - 59 -

Conclusion

Dans ce chapitre nous avons, au premier lieu, présenté les différents outils et langages que nous avons utilisé pour implémenter notre application. Par la suite, nous avons présenté quelques interfaces de notre plateforme.

CONCLUSION GENERALE

Page - 62 -

Conclusion générale

Conclusion générale

L'objectif de notre projet était de créer une plateforme pour la faculté de la science et technologie, offrant un ensemble de services les quels :

La gestion des notes des étudiants, la modification des absences on prend en considération l'ajout et la suppression des absences, et l'envoie des cours et l'affectation des projets fin d'étude.

L'application offre aussi un service collaboratif, le forum, permettant une interactivité entre les différents acteurs du département.

Plusieurs technologies ont été nécessaires pour la réalisation de notre projet, on citera donc le langage HTML pour la réalisation des pages statiques, le langage PHP pour la partie dynamique, SQL pour l'élaboration des requêtes d'interrogation de la base de donnée, et enfin le logiciel NetBeans et Notepad++ pour l'écriture du code.

Après le passage par les différentes étapes de développement, l'application a abouti à un logiciel fonctionnel qui répond globalement aux critères imposés dans ce domaine.

Le présent travail nous a permis d'acquérir des connaissances dans le domaine de la programmation web, et de conforter nos connaissances en conception logicielle.

Références bibliographiques

Références bibliographiques

[1] : www.univ-bobo.bf

[2] : www.univ-boumerdes.dz

[3] : www.univ-biskra.dz

[4] : www.univ-alger.dz

[5] : fac-technologie.univ-batna.dz

[6] : www.epi.asso.fr

[7] : www.univ-km.dz

[8] : www.univ-km.dz/facultes/fst

Annexes

Page 68

Annexes

Annexes