REPUBLIC DU CAMEROON

RÉPUBLIQUE DU CAMEROUN
Paix-Travail-Patrie Peace-Work-Fatherland

MINISTÈRE DE MINISTRY OF HIGHER

EDUCATION
L’ENSEIGNEMENT SUPÉRIEUR
***********
***********
PHIBMAT UNIVERSITE PHIBMAT UNIVERSITY

CONCEPTION D’UNE APPLICATION

DE GESTION D’UN COLLEGE : CAS DU
COLLEGE LES LEADERS

Présenter en vue de l’obtention

du Brevet de Technicien Supérieur (BTS)
SPECIALITE : GENIE LOGICIEL
Rédigé et présenté par : MANDJO FLORENCE
MATRICULE :

Sous l’encadrement de :

Encadreur professionnel Encadreur académique

Alexandre Medi Mme Meunteng Fabiola

Co-fondateur Enseignante à PHIBMAT

Développeur web
ANNEE SCOLAIRE

2023 /2024
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

CERTIFICATION
Il s’agit de certifier que le rapport se concentrera sur une application de gestion d’une école
rédiger par MANDJO TAMBOLA FLORENCE GRACE pour répondre à l’exigence et à la
réglementation régissant l’attribution du BREVET DE TECHNICIEN SUPERIEUR et est
donc approuvé pour sa contribution a la connaissance et présentation littéraire

Superviseur académique Superviseur professionnel

Date :………………………………… Date :……………………………….

Signature Signature

II
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

SOMMAIRE

DEDICACES ........................................................................................................................... IV
DEDICACES ........................................................................................................................... IV
REMERCIEMENT ................................................................................................................... V
LISTES DES TABLEAUX ...................................................................................................... VI
LISTES DES FIGURES..........................................................................................................VII
AVANT PROPOS ................................................................................................................. VIII
RESUME ................................................................................................................................... X
ABSTRACT ............................................................................................................................. XI
INTRODUCTION GENERALE................................................................................................ 1
CHAPITRE 1 : PRESENTATION DE L’ENVIRONNEMENT DU STAGE .......................... 2
CHAPITRE 1 : PRESENTATION DE L’ENVIRONNEMENT DU STAGE .......................... 2
SECTION 1 : PRESENTATION GENERAL D’AFROLOGIC ............................................... 2
SECTION 2 : DEROULEMENT DU STAGE .......................................................................... 6
CHAPITRE 2 : ELABORATION DU PROJET ........................................................................ 8
SECTION 1 : ETUDE PREALABLE ........................................................................................ 8
SECTION 2 : DEMARCHE DU PROJET .............................................................................. 10
CHAPITRE 2 : ANALYSE ET CONCEPTION ..................................................................... 18
SECTION 2 : ANALYSE ........................................................................................................ 18
SECTION 2 : REALISATION ................................................................................................ 34
CONCLUSION GENERAL .................................................................................................... 44
REFERENCES BIBLIOGRAPHIQUES ................................................................................. 44
ANNEXES ............................................................................................................................... 46
TABLE DES MATIERES ....................................................................................................... 47

III
REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

DEDICACES
.

A MA
FAMILLE

IV
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

REMERCIEMENT

Je tien a remercier toutes les personnes qui ont contribué au succès de mon stage et qui
m’on aidé lors de la rédaction de ce rapport
Tout d’abord j’adresse mes remerciements a mon enseignant Mr Nguedjem yvan qui m’a
beaucoup aider dans ma recherche de stage et m’a permis de postuler dans cette entreprise. Son
écoute et ses conseils m’ont permis de cibler mes candidatures et de trouver ce stage qui était
en totale adéquation avec mes attentes.
Je tiens a remercier vivement mon encadreur professionnel Mr Alexandre Medi co-fondateur
de l’entreprise Afro logic-tech, pour son accueil, le temps passé ensemble et le partage de son
expertise au quotidien. Grâce aussi a sa confiance j’ai pu m’accomplir totalement dans mes
missions
Je remercie madame Mme Meunteng Fabiola mon encadreur académique pour le soutien lors
de la rédaction de ce présent rapport de stage, l’encadrement qu’elle m’a apporté tout au long
de cette année académique m’a permis de mener a bien mon projet
Merci a Mr le promoteur de l’université PHIBMAT et a tout les membres de l’administration
Je remercie également tous mes enseignant pour les connaissance acquis tout au long de cette
année
Enfin je tiens a remercier toutes les personnes qui m’ont conseillé lors de la rédaction de rapport
de stage : ma famille, mes amis

V
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

LISTES DES TABLEAUX

Tableau 1 activiter effectuer .................................................................................................................... 6

Tableau 2 livrable du projet................................................................................................................... 12
Tableau 3 risques du projet ................................................................................................................... 13
Tableau 4 modèle de merise .................................................................................................................. 19
Tableau 5 dictionnaire de donnée .......................................................................................................... 21
Tableau 6 acteurs direct ......................................................................................................................... 26
Tableau 7 tableau d'authentification ...................................................................................................... 29
Tableau 8 tableau d'identification.......................................................................................................... 31
Tableau 9 scenario ajouter un professeur .............................................................................................. 32

VI
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

LISTES DES FIGURES

Figure 1 organigramme ........................................................................................................................... 4

Figure 2 planification du projet 1 .......................................................................................................... 16
Figure 3 planification projet 2 ............................................................................................................... 17
Figure 4 diagramme de gantt ................................................................................................................. 17
Figure 5 graphe de flux ......................................................................................................................... 19
Figure 6 sheme de construction d'un mct .............................................................................................. 20
Figure 7 MCT inscription ...................................................................................................................... 21
Figure 8 modèle conceptuel de donnée ................................................................................................. 22
Figure 9 modèle logique de donnée....................................................................................................... 23
Figure 10 modèle physique de donnée .................................................................................................. 23
Figure 11 logo UML.............................................................................................................................. 24
Figure 12 representation d'un acteur...................................................................................................... 25
Figure 13 representation cas d'utilisation .............................................................................................. 25
Figure 14 diagramme de cas d'utilisation de l'élève .............................................................................. 26
Figure 15 diagramme cas d'utilisation professeur ................................................................................. 27
Figure 16 diagramme cas d'utilisation administration ........................................................................... 28
Figure 17 diagramme de cas d'utilisation héritage ................................................................................ 29
Figure 18 diagramme de séquence d'authentification ........................................................................... 30
Figure 19 diagramme de séquence identification .................................................................................. 31
Figure 20 diagramme de séquence ajouter un professeur...................................................................... 32
b) Figure 21 diagramme de classe gestion des professeurs ............................................................... 32
Figure 22 diagramme de classe gestion élève ....................................................................................... 33
Figure 23 logo visual studio code , Figure 24 accueil visual studio ...................................................... 34
Figure 25 logo WAMP, Figure 26 accueil WAMP ............................................................................... 35
Figure 27 logo MYSQL ........................................................................................................................ 35
Figure 28 logo html ............................................................................................................................... 36
Figure 29 logo CSS ............................................................................................................................... 37
Figure 30 logo JAVASCRIPT ............................................................................................................... 37
Figure 31 logo BOOTSTRAP ............................................................................................................... 38
Figure 32 logo PHP ............................................................................................................................... 38
Figure 33 page d'accueil pc ................................................................................................................... 39
Figure 34 page d'accueil tablette ........................................................................................................... 39
Figure 35 interfaces d'authentification .................................................................................................. 40
Figure 36 interfaces ajouter un élève..................................................................................................... 40
Figure 37 liste des élèves....................................................................................................................... 41
Figure 38 tableau de bord ...................................................................................................................... 42
Figure 39 interfaces des scolarités ......................................................................................................... 42
Figure 40 bibliothèque numérique......................................................................................................... 43
Figure 41 livre au format pdf de la bibliothèque ................................................................................... 43

VII
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

AVANT PROPOS

L’offre de formation s’est considérablement enrichie au Cameroun au cours des deux

dernières décennies. Cette mutation a touché pratiquement tous les domaines, toutes les filières
et toutes les spécialités. Au niveau de l’enseignement supérieur, le gouvernement, en
encourageant la création des Instituts Privés d’Enseignement Supérieur (IPES), a permis aux
étudiants de bénéficier des formations professionnelles dans les dix régions du Cameroun. Dans
le but d’assurer son développement et de fournir à son industrie des agents de maîtrise et des
cadres compétents dans différentes spécialités, l’Etat du Cameroun, par arrêté ministériel
N°90/E/58/MINEDUC/DUET du 24 Décembre 1971, a créé un cycle de Brevet de Technicien
Supérieur (BTS) et du Higher National Diploma (HND). C’est dans cette optique que de
nombreux IPES ont vu le jour. C’est le cas de PHIBMAT (Institut Supérieur Professionnel de
Gestion et de Technologie)qui a été créé par l’autorisation
N°2203315/L/MINESUP/DDWS/ESUP/SDA/MF en 2022. Cet Institut a pour vocation de
permettre aux jeunes camerounais d'acquérir les compétences appropriées pour l’insertion
rapide dans un monde professionnel fortement concurrentiel et exigeant.

Ecole de Gestion Ecole Industrielle et de Ecole de santé

Technologie
BTS (Brevet de Technicien Supérieur)
- Commerce International - Bâtiment - Sciences infirmières
- Marketing-Commerce-Vente - Travaux Publics - Sage-femme
- Banque et Finance - Géomètre Topographe - Kinésithérapie
- Comptabilité et Gestion des - Electrotechnique - Techniques de laboratoires
Entreprises - Génie Logiciel et d’analyse médicale
- Gestion des Ressources - Informatique Industrielle et - Techniques
Humaines Automatisme pharmaceutiques
- Gestion Logistique et - Ingénierie Pétrolière - Imagerie médicale
Transport - Mécatronique
- Douane et Transit - Chaudronnerie
- Réseau et Sécurité

VIII
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

- Communication des - Télécommunication

organisations - Gestion des Systèmes
- Assurance d’Information
- Assistant Manager - Infographie et web design
- Droit des Affaires et des - Maintenance des Systèmes
Entreprises Informatiques
- Gestion de la qualité - Energie Renouvelable
- Maintenance des Systèmes
Electroniques
- Urbanisme
LICENCE PROFESSIONNELLE
- Commerce International - Génie Civil Bâtiment - Sciences infirmières
- Marketing Manager - Génie Civil Travaux publics - Sage-femme
Opérationnel - Génie civil Topographie - Kinésithérapie
- Banque et Finance - Qualité-Hygiène Sécurité et - Techniques de laboratoires
- Finance Comptabilité Environnement et d’analyse médicale
- Banque et Assurance - Génie Logiciel - Techniques
- Comptabilité Contrôle Audit - Administration et sécurité et pharmaceutiques
- Gestion Logistique et Réseaux - Imagerie médicale
Transport - Informatique Industrielle et - Santé publique
- Assistant Manager Robotique - Santé de reproduction
- Droit des affaires et conseil - Télécommunication - Radiologie médicale
d’entreprise – Communication - Génie Électrique et Informatique - Biologie clinique
des Organisations Industrielle
- Gestion des Ressources - Mécatronique et Chaudronnerie
Humaines Industrielle
- Energie renouvelable
- Electrotechnique
MASTER PROFESSIONNEL
- Commerce International - Génie Civil Bâtiment - Sciences infirmières
- Marketing Manager - Génie Civil Travaux publics - Sage-femme
Opérationnel - Génie civil Topographie - Kinésithérapie
- Banque et Finance - Qualité-Hygiène Sécurité et - Techniques de laboratoires
- Finance Comptabilité Environnement et d’analyse médicale
- Banque et Assurance - Génie Logiciel - Techniques
- Comptabilité Contrôle Audit - Administration et sécurité et pharmaceutiques
- Gestion Logistique et Réseaux - Imagerie médicale
Transport - Informatique Industrielle et - Santé publique
- Assistant Manager Robotique - Santé de reproduction
- Droit des affaires et conseil - Télécommunication - Radiologie médicale
d’entreprise – Communication - Génie Électrique et Informatique - Biologie clinique
des Organisations Industrielle
- Gestion des Ressources - Mécatronique et Chaudronnerie
Humaines Industrielle
- Energie renouvelable
- Electrotechnique

IX
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

RESUME

J'ai effectué mon stage academique au sein de l'entreprise de recherche

AFROLOGIC ; qui est une entreprise de développement de logiciel, maintenance et
d’administration des réseaux informatique.
Tout au long du stage, j'ai travaillé sur différent projet de conception de logiciel avec l’équipe
AFROLOGIC notamment sur la planification des projets l’élaboration des cahiers de charge,
l’analyse des données et le codage.
En bref, mon stage consistait dans un premier temps a me familiariser avec le milieu
professionnel ensuite la prise en main des outils de développement et la conception intégrale
d’un logiciel de sa planification a sa mise à disposition
Nous avons eu a travailler sur plusieurs marcher de l’entreprise notamment la conception des
logiciel de gestion de stock le développement d’application web de e-commerce
Pour cela j'ai travaillé avec différents outils tel que Visual studio code, wamp et le
développement c’est fait avec différent langage de programmation. Allant donc dans le sens
des activités de l’entreprise nous avons proposé une application web de gestion d’un collège

X
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

ABSTRACT

I completed my academic internship within the research company AFROLOGIC; which is a

software development, maintenance and administration of computer networks. Throughout the
internship, I worked on different software design projects with the team AFROLOGIC in
particular on project planning and the development of specifications, data analysis and coding.
In short, my internship consisted initially of familiarizing myself with the environment
professional then the handling of development tools and the integral design of software from
its planning to its provision We had to work on several steps of the company including the
design of inventory management software e-commerce web application development For this I
worked with different tools such as Visual studio code, wamp and
development is done with different programming languages. Going therefore in the direction
of the company's activities we have offered a web application for managing a college

XI
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

INTRODUCTION GENERALE

L’importance de l’accès à l’information est une des principales préoccupations des

entreprises. Pour pallier à ce problème, la solution consiste souvent à mettre en place un système
d’information permettant de centraliser les données afin de les rendre accessibles à tous, selon
le parcours ; recherche ou professionnel.
La plus part des écoles de nos jours gèrent leurs données expérimentales dans des fichiers Excel.
Elles sont de natures très variables (qualitatives et quantitatives) et constituent un gros volume
de données indépendantes les unes des autres. Cette méthode de gestion des données a montré
ses limites dans le suivi de l’information à différents stades des travaux de recherche. Ceci a
engendré une redondance des fichiers et des problèmes d’accès aux données. En somme, une
perte de temps considérable à rechercher les informations entre plusieurs fichiers. Confronté à
ces difficultés un client d’AFROLOGIC, aimerait avoir un système informatique de gestion
d’une école. Le sujet de ce stage consiste donc à répondre à cette demande spécifique. La
démarche adoptée a été de réaliser une analyse des pratiques de ce service en matière de gestion
des données et ensuite de proposer une solution informatique qui répond au mieux à leurs
besoins réels. La solution de la mise en place du système est basée sur une architecture à trois
niveaux (3-tiers).Cette solution est composée d’une base de données relationnelle client-
serveur, afin de centraliser, de structurer et d’exploiter toutes les données, pour faciliter l’accès
aux données, il a été décidé de développer une application web, qui servirait d’intermédiaire
entre l’utilisateur et la base de données.
Afin d’atteindre les objectifs tracés, il était primordial de mettre en place une méthodologie de
travail pour une meilleure conduite de projet. Pour ce faire le présent rapport est organisé en
trois parties. La première sera consacrée à la présentation de l’organisme d’accueil. Dans la
seconde partie, nous présenterons une approche théorique de résolution des problèmes décelé
lors de l’activité de stage; Dans la troisième partie, nous allons décrire les étapes d’analyse et
de conception de l’application, en utilisant la méthode merise et le langage UML, afin de
montrer les différentes interactions des acteurs avec le système, ainsi que la réalisation et la
mise en œuvre dans le but de décrire les étapes qui ont été suivies pour le développement du
futur système

1
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

CHAPITRE 1 : PRESENTATION DE
L’ENVIRONNEMENT DU STAGE

La présentation de l’environnement de l’entreprise est très importante dans les étapes

de rédaction d’un rapport de stage académique car elle permet à l’apprenant d’avoir une vue
globale sur les activités effectuer au cours de son stage. Cette partie a pour but l’étude du
système existant dans sa totalité. Elle comprend deux sections dont la première sera
essentiellement basée sur la présentation de l’entreprise et la deuxième nous parlerons
essentiellement des principales activités mener et des limites relever

SECTION 1 : PRESENTATION GENERAL

D’AFROLOGIC

I. CREATION ET EVOLUTION HISTORIQUE DE

L’ENTREPRISE
Une entreprise peut être définie comme une entité juridiquement autonome produisant des biens
et services pour le marché avec pour but d'obtenir des bénéfices. Une société peut être organisée
de différentes manières en matière de responsabilité fiscale et financière en fonction du droit
des sociétés de sa juridiction. ici, nous présenterons AFROLOGIC sa création et son
organisation

1. CREATION

AFROLOGIC est un cabinet de conseil marketing et informatique full-stack proposant des

solutions digitales sur mesure de la conception et du développement de sites Web et
d'applications, du marketing Internet, de l'analyse, des moteurs de recherche optimisation
(SEO), développement de contenu, droits d'auteur, formation et audits. Les solutions web
AFROLOGIC sont tellement concises et informatives qu'elles fonctionnent pour vous, qu'elles
soient construites à partir de zéro, en utilisant nos différents outils pour garder votre marque au
sommet. AFROLOGIC est situé à la Rue 5.121 Bonamoussadi, Douala, Cameroun a été créé
en 2012 par Gilbert Olpoc qui est l'actuel gérant. L’entreprise comprend plus de 50 employés
provenant de différentes régions du pays

2
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

2. EVOLUTION
AFROLOGIC est un fournisseur de services de médias numériques proposant des solutions
numériques personnalisées à partir de sites Web et conception et développement d'applications,
marketing Internet, analyses, optimisation des moteurs de recherche (SEO), image de marque,
création de contenu, droits d'auteur par le biais de formations et d'audits. AFROLOGIC
s'efforce toujours de trouver le juste équilibre entre expérience utilisateur et convivialité,
émotions et objectifs, expérience et innovation dans chacune de nos exécutions.
En un mot, AFROLOGIC met en œuvre une perspective humaine dans chaque processus
numérique. Pendant que nous utilisons une technologie de pointe pour fournir des solutions de
médias numériques, notre plus grand atout est notre équipe. Une combinaison de diplômés
expérimentés et frais en technologie, stratégie de conception et Passionnés de marketing

II. ORGANISATION ET FONCTIONNEMENT

DE L’ENTREPRISE
L’activité principale d’Afrologic est le développement de logiciels, l’implémentation et le
conseil système d'information, maintenance et administration. Ce logiciel est principalement
vendu en Occident et en Afrique centrale

1. STRUCTURE ORGANISATIONNELLE DE L'ENTREPRISE

➢ Directeur Général, il est le seul dirigeant de l'entreprise et le décideur. Il

surveille, contrôle et évalue presque tout chez Afrologic.
➢ Adjointe de direction, employée la plus proche du directeur général, elle assure le suivi
ses routines quotidiennes et suit attentivement ses activités. Elle prend également en
charge les dépenses et gère tous les soldes des comptes.
➢ Service informatique, composé de 3 membres, ils travaillent quotidiennement avec les
clients, fournissant un support sur Comment utiliser l'application efficacement, ils
participent également à la prise de décision au sein de l'entreprise.

3
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 1 organigramme

2. OPERATION DE L’ENTREPRISE
L’activité principale d’Afrologic est le développement de logiciels, l’implémentation et le
conseil en systèmes d'information, maintenance et administration des réseaux

2.1 Missions, objectifs et défis

La satisfaction du client est une étape importante et essentielle pour que l'entreprise augmente
sa productivité. Ainsi, pour fidéliser sa clientèle et explorer d'autres horizons, Afrologic,
compte tenu de son activité, dispose d'un support informatique. Basé sur des niveaux
d'assistance garantis, fournissant une assistance mesurée et dispositif prévisible, lui permettant
de bénéficier d'une meilleure visibilité en cas de difficultés pour le client dans l’utilisation de
son produit. Ainsi, pour répondre à tous les besoins des clients, l'équipe support admet
plusieurs missions pour assister le client au quotidien ;
➢ Réception de la demande client,
➢ Enregistrement de la demande avec les informations client,
➢ Processus En cas de demandes complexes, l'équipe d'assistance fait appel au client
pour obtenir des informations complémentaires. L'équipe d'assistance renvoie la
solution au client. L'équipe d'assistance s'assure que le client est satisfait de la solution
adoptée par rapport à la demande.

4
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

2.2 Environnement interne de l'entreprise

AFROLOGIC fonctionne par les moyens suivants :

➢ La disponibilité effective du personnel d'AFROLOGIC pour répondre à une demande

si nécessaire,
➢ La méthodologie constatée par ses techniciens lors des inventions
➢ La société AFROLOGIC informe régulièrement ses développeurs des nouveaux
produits et besoins du marché.
➢ Les développeurs sont tous capables de travailler sur une gamme variée de
développement de logiciels.

FOURNISSEURS
La fourniture à Afrologic du besoin, des consommables informatiques et un entretien
professionnel des relations. On peut citer entre autres,
➢ NDOTIRA
➢ HEWLETT PACKARD
➢ DELL
➢ PROLAMPE

CLIENTS
Ils sont classés en deux catégories
➢ Clients irréguliers ; Ils viennent pour un service ponctuel sans engagement contractuel.
➢ Régulier ;Ils sont enregistrés dans une solide base de données d’entreprise. Ce sont des
clients avec lesquels l'entreprise traite constamment avec (clients avec contrats).

5
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

SECTION 2 : DEROULEMENT DU STAGE

Dans cette section, nous présenterons de façon chronologique les différents activités mené tout
au long de ce stage

I. PRESENTATION DU SERVICE
D’ACCUEIL
Les stagiaires étaient reçus par le secrétaire et étaient sous la supervision du directeur lui-
même. Dès le premier jour, nous avons fait la connaissance de tous les collaborateurs de
l’entreprise. Ils étaient très accueillants et gentils avec nous. Nous avons aussi vu certaines de
leurs applications qu'ils développaient. Nous avons également discuté avec notre superviseur
professionnel qui nous a parlé des domaines de programmation. Par la suite, nous avons été
interrogés sur nos connaissances dans le logiciel et nous ont donné l'opportunité de pouvoir
également poser des questions et des attentes.

II. ACTIVITES EFFECTUER

Le résumé des activités a été établis sur une base hebdomadaire comme suit
SEMAINE ACTIVITES APPRENTISSAGE

Nous avons eu notre premier contact avec Nous avons appris sur la vie en
Du 3 juillet l’administration. Rencontre avec le entreprise, le comportement a
au 6 juillet personnel et établir le premier contact adopté le monde de
avec eux fonctionnement d’AFROLOGIC

Présentations des diffèrent projet logiciel Les diffèrent étapes de création

Du 9 au 13
réaliser par l’entreprise, prise en main de d’une application de l’analyse a la
juillet
outils de création conception
Comment mettre en place des
Nous avons assisté à certains réunion
équipes de travail pour mieux gérer
DU 20 AU 21 portant sur la conception des différents
le développement d’une
application que l’entreprise devait réaliser
application
Comment détecter les différents
Débat sur les thèmes a choisir
DU 23 AU 30 problèmes à résoudre à l’aide notre
Elaboration des cahiers de charge
application
Tableau 1 activiter effectuer

6
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

III. DIFFICUTE RENCONTRES

Les outils des nouvelles technologies de l’information et de la communication sont conçus entre
autres pour répondre à des besoins et faciliter le travail quotidien des hommes dans beaucoup
de domaines professionnels. Ainsi, le travail qui nous avait été donnée en entreprise était celle
de la création d’un système de gestion de client j’ai pu noter quelque problème dans le
fonctionnement de ce système. Nous pouvons citer :
➢ L’impossibilité de faire des modifications et des suppressions sur les données. En effet,
une fois qu’on enregistrait une information comme l’ajout d’un client dans notre
application, il devient impossible de modifier ou de supprimer.
➢ Des pertes de temps dans la gestion des listes de client et l’incohérence des informations
sur les articles.

7
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

CHAPITRE 2 : ELABORATION
DU PROJET
Dans ce chapitre, nous d´écrirons le contexte du projet, nous poserons la problématique et
nous exposerons les objectifs de notre travail ; puis nous passerons à l’identification des besoins
avec l’élaboration du cahier de charge et nous terminerons par la présentation du diagramme de
Gantt.

SECTION 1 : ETUDE PREALABLE

La gestion désigne l'action de gérer quelque chose. Le terme est utilisé dans de nombreux
domaines comme celui de l'entreprise, de l'administration, de l'immobilier, etc. La gestion se
caractérise dans ces situations par le fait de confier à autrui, ou à soi-même, des affaires à gérer.
Afin d'améliorer le processus de gestion scolaire, nous avons besoin d'un système d'information
qui joue la mise en œuvre des fonctions de gestion. Un système d'information peut être défini
comme un ensemble de composants interdépendants qui collectent, manipulent, stockent
données, diffuseur des informations pour soutenir la prise de décision et fournir un retour
d'information

I. DESCRIPTION DU CONTEXTE DU
PROJET
La gestion d’une école c’est l’admission de ses différents services. Lors de leurs entrer les
élèves sont accueilli au sein du collège par le service d’accueil et de renseignement, en fonction
de leurs classes ils seront rediriger vers leur différent censeur enfin d’obtenir une fiche
d’inscription.
L’élève est un élément essentiel pour l’existence et le fonctionnement du collège, d’où il doit
avoir un dossier propre à lui. Le but essentiel de la gestion du collège est le suivi et la sauvegarde
des différent échange effectuer au sein du collège, et l’intérêt de l’informatisation est :
D’avoir un dossier numérique pour chaque étudiant, de planifier des inscriptions, de générer les
emplois de temps, d’inséré les notes

II. LA PROBLEMATIQUE
L’école désire synchroniser ses services d’une manière performante, facile et efficace. Nous
avons interrogé plusieurs directeurs d’école qui nous ont cité quelques anomalies. Et après
recueillement de toutes les informations, nous avons pu observer les insuffisances suivantes :
1. Volume important des informations traitées manuellement, ce qui provoque parfois des
erreurs dans l’établissement des documents.

8
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

2. Recherche difficile sur les registres qui engendre une perte de temps.
3. Insécurité des informations.
4. Possibilité d’erreur dans le remplissage des différents documents et registres.
5. Possibilité d’erreur dans le calcul des statistiques.
6. Nombre important des archives qui engendre une difficulté de stockage.
7. détérioration des archives a force de leur utilisation trop fréquente.
8. Mauvaise codification sur quelques objets dans la gestion d’information.
Nous constatons que la solution informatique est la plus adéquate puisqu’elle répond mieux aux
anomalies souvent fréquentes dans la gestion manuelle. Ainsi nous avons décidé de concevoir
une application web qui va gérer les activités d’un collège et qui va permettre par la suite de
minimiser le support papier et d’améliorer la rapidité de l’accès a l’information. Et pour cela
nous avons assigné à notre étude les objectifs suivants :
1. Rapidité dans l’´établissement des différents documents.
2. Facilité de la recherche et l’accès aux informations.
3. Stockage des informations sur des supports informatiques ce qui assurera leur s´sécurité.
4. Gain de temps dans le calcul des statistiques.
5. Automatiser les taches qui se traitent manuellement.
6. Proposer une bonne codification.

III. UNE APPLICATION WEB

Une application Web est une application qui est invoquée avec un navigateur Web sur le
L'Internet. Depuis 1994 quand Internet est devenu accessible au public et surtout en 1995,
lorsque le World Wide Web a mis un visage utilisable sur Internet, Internet à devenir une plate-
forme de choix pour un grand nombre d'entreprises de plus en plus sophistiquées et applications
Web innovantes. En une décennie à peine, le Web est passé du statut de référentiel de pages
utilisé principalement pour accéder à des informations statiques, principalement scientifiques,
à une plate-forme puissante pour le développement et le déploiement d'applications. Nouvelles
technologies, les langages et méthodologies web permettent de créer des applications
dynamiques qui représentent un nouveau modèle de coopération et de collaboration entre un
grand nombre des utilisateurs. Le développement d'applications Web a rapidement adopté un
composant standard et les techniques d'ingénierie logicielle d'orientation des composants

9
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

SECTION 2 : DEMARCHE DU PROJET

Cette section a pour rôle de montrer les besoins du client, ainsi que les besoins fonctionnels et
non fonctionnels de la future application, de préciser les livrables et les risques les plus critiques
du projet

I. CAHIER DE CHARGE
1. BESOINS DU CLIENT

a) Gestion des élèves :

Ce module contient quatre volets qui sont : l’inscription, la réinscription, les absences et les
retards ainsi que l’exploitation des notes obtenues.
L’inscription qui se divise en deux :
➢ Celle des élèves qui vont s’inscrire pour la première fois. En effet, cet acte est
statué par l’obligation d’avoir un carnet de note qui atteste la véracité du niveau
d’étude de l’élève une fiche d’inscription lui sera remis ou il devra remplir son
et prénom comme mentionné dans l’acte de naissance, la date et le lieu de
naissance le nom et le numéro d’un parent l’adresse, le sexe et la classe dans la
quel il s’inscrit. Enfin, les parents ou tuteurs doivent régler les frais
d’inscription, les frais du transport et de la cantine (les deux derniers sont
facultatifs).
➢ La réinscription des anciens élèves de l’école se fait si : L’élève est en situation
réglementaire, c’est-à-dire si son nom figure sur la liste des élèves admis en
classe supérieure ou ayant le droit au doublage. La réinscription se fait après la
présentation des pièces demandées et après le règlement des frais d’inscription
et des services désirés tel que le transport et la cantine.
Les retards et les absences
Le traitement des absences et retards des élèves est réglementé par le code interne de
l’établissement. Les absences et les retards peuvent être justifiés ou non, dans le deuxième cas
: les parents ou tuteurs doivent signer un engagement pour ne pas donner la totalité de la
responsabilité à l’école vis-à-vis de l’absence ou du retard non justifié de leur enfant.
L’exploitation et le traitement des notes obtenues par les élèves visent à suivre et à mieux
contrôler le travail de l’élève, son évolution ou son retard scolaire est l’une des préoccupations
de l’administration. Les parents sont avisés aussi du comportement de leurs enfants au moment
opportun, ils sont convoqués à l’école pour décider de la prise d’une mesure éducative à
prendre. Exemple : Soutien de l’élève dans telle ou telle matière…

b) Gestion des emplois du temps

Ce module est divisé en deux, celui des professeurs et celui des élèves.

10
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Celui des professeurs :

L’administration établit un emploi de temps cohérent pour chaque niveau et pour chaque
discipline, en respectant le nombre d’heures pour tel ou tel niveau concernant telle ou telle
matière.
Celui des élèves :
L’emploi du temps doit être compatible non chargé (maximum 8 heures/jours), il doit
comporter les matières autorisées à être enseignée dans tel ou tel niveau.

c) Gestion des professeurs :

Deux catégories de professeurs sont à mentionner : Les vacataires : ceux qui travaillent par
heure. Les permanents : sont ceux qui sont engagés mensuellement par contrat. La gestion des
professeurs consiste à tenir compte de leur dossier professionnel (diplômes, ancienneté, …..).
Elle consiste à tenir compte de leurs absences et retards (justifiés ou non) durant l’année
scolaire.

d) Gestion des parents :

L’intérêt et l’avantage de cette application vise à rester en contact avec l’administration de
l’école pour donner une vision vivante sur le travail et le comportement journalier de l’élève.

e) Gestion des notes :

Une année scolaire compte 6 évaluation divisé e trois trimestre les note de chaque matière sont
multiplier par leur coefficient et la somme totale des notes sera diviser par le nombre de matière
enfin d’obtenir une moyenne

f) Insertion d’une bibliothèque virtuelle :

Une bibliothèque est comme l’a écrit Corrado Pettanati « un concept organisationnel basé sur
l’alliance de l’informatisation de la bibliothèque, de l’accès aux télécommunications et d’une
nouvelle gamme d’outils utilisables par le lecteur, le dispensant de recourir à un potentiel
humain » ainsi donc il serait judicieux d’insérer une mini bibliothèque dans ce site pour
permettre aux étudiant d’avoir accès a certains manuelle scolaire

2. BESOIN FONCTIONNELS
Avant d’imposer une solution, il faut se tourner vers le demandeur, pour aboutir de manière
structurée à la solution. En effet, le but du projet est de satisfaire le besoin. Il faut exprimer
clairement les objectifs à atteindre du projet, afin d'éviter toute confusion entre nous et le
demandeur.
Le futur système doit permettre à l’utilisateur de gérer un ensemble de modules, dont on trouve
➢ Gestion des élèves.
➢ Gestions des emplois du temps.

11
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

➢ Gestions des professeurs.

➢ Gestions des parents.
➢ Gestion des notes
➢ Bibliothèque virtuelle

3. BESOINS NON FONCTIONNELS

Les besoins non fonctionnels décrivent les objectifs liés aux performances du système et aux
contraintes de son environnement. Ses exigences techniques sont souvent exprimées sous forme
d’objectifs spécifiques que doit atteindre le système.
La maintenabilité : le code doit être compréhensible par simple lecture, notamment en
respectant les règles de gestion et les normes de développement.
Exploitabilité : les impacts en termes de performances doivent être pris en compte lors du
développement, ainsi que la consommation des ressources (CPU, mémoire, etc.) qui doit être
minimisée.
Capacité fonctionnelle et convivialité : les composants développés doivent respecter les
spécifications fournies. Le système doit être facilement utilisable et disposer d’interfaces
conviviales, notamment par le respect des règles d’ergonomie
Sécurité : Chaque utilisateur, pour accéder à l’application, est obligé de s’authentifier par un
nom code. Il ne pourra accéder qu’aux pages qui lui sont permises par son profil ou les droits
d’accès qui lui sont affectés. Les mots de passe ne sont enregistrés dans la base qu’après un
chiffrement

4. LES LIVRABLES DU PROJET

PHASE LIVRABLES RESPONSABLE

Etudes des besoins Cahier de charge Mandjo florence
Diagramme UML et modèle
Analyse et conception Mandjo florence
MERISE
Codage et test Application web Mandjo florence
documentation Rapport du projet Mandjo florence
Tableau 2 livrable du projet

5. RISQUES DU PROJET

12
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

ACTION
LES RISQUES LE TYPES IMPACT
CORRECTIVE

Créer une ambigüité ce Prévoir des réunions et

qui pourra générer un des points de validation
Cahier des charges Risque non bloquant retard qui influencera avec l’encadrant au fur et
probablement la date de à mesure de
livraison l’avancement du projet.

Utiliser les autres

Les pannes inattendues Ralentissement des matériaux disponibles.
Risque non bloquant
du Matériel travaux Recours à une réparation
rapide.

Ralentissement des Doubler l’effort et

Absence ou maladie Risque non bloquant
travaux travailler un temps extra.

Tableau 3 risques du projet

II. DIAGRAMME DE GANTT

Cette partie a pour objectif de présenter la manière dont j’ai géré le projet. Je vais présenter
dans un premier temps comment le projet a été découpé en tâches afin d’assurer son bon
déroulement
Pour cela, pendant la première semaine, j’ai pris connaissance du sujet, établi les fonctions
nécessaires pour remplir les besoins, fait des recherches sur les technologies que je pourrai
utiliser et déterminer les tâches à accomplir. J’ai choisi comme outil pour la planification de
mon projet Gantt Project qui est un logiciel de gestion de projet. Gantt Project permet de
planifier les projets et les ressources, et d’assurer le suivi des projets durant leur réalisation. Cet
outil permet ainsi au chef de projet d’assurer une gestion de projet professionnelle, conforme à
l’état de l’art, et ainsi garantir le respect des délais

1. Choix de la méthode de gestion du projet

Le choix de la méthode de développement s’est porté vers la méthode SCRUM. SCRUM est la
méthode Agile la plus utilisée parmi les autres méthodes Agile. Et de fait, la plus éprouvée.
D’autre part, SCRUM est un processus itératif et incrémental, représente un framework de
développement logiciel agile pour la gestion du développement des produits. Il définit « une
approche souple, stratégie de développement de produits holistique et permet aux équipes de
développement de s'organiser comme une unité pour atteindre un objectif commun ». L’une des
particularités de SCRUM est que pendant le développement de produits, les clients peuvent
changer d'avis sur ce qu'ils veulent et ont besoin (souvent appelé la volatilité des exigences).

13
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

a) Principe de scrum
SCRUM est une méthode agile dédiée à la gestion de projet. Cette méthode de gestion a pour
objectif d’améliorer la productivité de son équipe. La méthode SCRUM implique que le projet
progresse à travers la mise en place de séries de « sprints ». A chaque lancement d’un sprint,
une réunion de planification est organisée afin que chaque membre de l’équipe puisse s’engager
sur le nombre de tâches qu’il pourra exécuter, ainsi que sur la création du « sprint blacklog »,
qui est la liste globale des tâches à réaliser lors du sprint. Chaque jour du sprint, tous les
membres de l’équipe (ainsi que le responsable produit et le SCRUM Master) doivent assister à
la réunion SCRUM quotidienne. Cette dernière ne doit pas durer plus de 15 minutes, et permet
aux membres de l’équipe de partager aux autres ce qu’ils ont fait la veille, ce sur quoi ils
travaillent le jour même, ainsi que l’identification de tout problème pouvant entraver le bon
déroulement du sprint. Cette réunion permet ainsi de synchroniser tous les membres de l’équipe.
La fin d’un sprint est marquée par une session de débriefing permettant de présenter le travail
achevé au responsable produit, et de partager des informations pouvant influer sur le sprint
suivant
b) Les rôles de sacrum
Scrum définit seulement 3 rôles :
➢ Le Product Owner : qui porte la vision du produit à réaliser et travaille en interaction
avec l’équipe de développement. Il s’agit généralement d’un expert du domaine métier
du projet.
➢ L’Equipe de Développement qui est chargée de transformer les besoins exprimés par
le Product Owner en fonctionnalités utilisables. Elle est pluridisciplinaire et peut donc
encapsuler d’autres rôles tels que développeur, architecte logiciel, DBA, analyste
fonctionnel, graphiste/ergonome, ingénieur système.
➢ Le Scrum Master qui doit maîtriser SCRUM et s’assurer que ce dernier est
correctement appliqué. Il a donc un rôle de coach à la fois auprès du Product Owner et
auprès de l’équipe de développement. Il doit donc faire preuve de pédagogie. Il est
également chargé de s’assurer que l’équipe de développement est pleinement productive

2. PLANIFICATION

Comme le montre le diagramme de Gantt (fig : 4), le projet s’étale sur trois mois où j’ai
commencé par :

a) Analyse du problème : un projet ne peut pas être entrepris sans connaître

l'environnement et sans avoir analysé en détail le sujet, afin de pouvoir dégager
les fonctionnalités à développer.
b) Rédaction du cahier des charges : est un document qui doit être respecté
lors de la réalisation d'un projet.
c) Spécification des besoins fonctionnels et non fonctionnels : dégager
les fonctionnalités du système, afin de décrire de la façon la plus précise
possible les besoins auxquels le nouveau système doit répondre.

14
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

d) Etude technique : le choix des outils de développement.

e) Conception de l’interface. Après ces quatre taches, on a débuté la
réalisation de l’interface de la future application, mais d'une manière découpée.
C’est-à-dire on a divisé la réalisation de l’application sur des modules (sprint)
avec des livrables, pour que l'on puisse à la fin avoir un projet complet à livrer.
Donc pour cela, on a découpé le projet sur trois modules qui représentent des
sprints :
➢ Module 1 : gestion des élèves, gestion des parents, gestion des
professeurs.
➢ Module 2 : gestion des niveaux et classes, gestion des emplois du temps,
gestion des notes et évaluations.
➢ Module 3 : création de la bibliothèque et autre activités extra
Dans chaque sprint on trouve quatre sous taches :
➢ Sprint planning: dans le sprint planning on va décomposer le besoin en tache et ces
taches on va leur donner une durée.
➢ Sprint execution: là où je vais faire le développement de l’application, et de réaliser les
incréments de fonctionnalités.
➢ Sprint review: dans lequel, on passe en revue ce qui a été réalisé pendant l’itération.
➢ Sprint retrospective: là on passe en revue les éléments de la méthode Scrum« ce qui a
fonctionné ou ce qui n’a pas fonctionné».

f) Rédaction du rapport.

2. ELABORATION DU DIAGRAMME DE GANTT

Le diagramme de Gantt, couramment utilisé en gestion de projet, est l'un des outils les plus
efficaces pour représenter visuellement l'état d'avancement des différentes activités (tâches) qui
constituent un projet. Ce diagramme permet donc de visualiser d'un seul coup d'œil :
➢ Les différentes tâches à envisager
➢ La date de début et la date de fin de chaque tâche
➢ La durée escomptée de chaque tâche
➢ Le chevauchement éventuel des tâches, et la durée de ce chevauchement
➢ La date de début et la date de fin du projet dans son ensemble

15
REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 2 planification du projet 1

16
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 3 planification projet 2

Figure 4 diagramme de gantt

Dans ce chapitre nous avons organisé notre projet en ressortant son cahier de charge ensuite
garce a la méthode SCRUM nous avons pu faire un planning bien détailler enfin de ressortir
le diagramme de Gantt

17
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

CHAPITRE 2 : ANALYSE ET
CONCEPTION

Apres la phase de planification il est important de faire une analyse des donné reçu pour pouvoir
par la suite concevoir notre application a l’aide des différent langages de programmation, dans
ce chapitre nous parlerons dans un premier temps de l »analyse des donné ensuite la conception
de l’application

SECTION 2 : ANALYSE
Dans cette partie, on va analyser et modéliser les besoins du client. L’activité d’analyse
permet de traduire les besoins fonctionnels et les contraintes issues du cahier des charges et de
la spécification des exigences dans un langage plus professionnel et compréhensible par tous
les individus intervenants dans la réalisation et l’utilisation de l’application.

I. MERISE
MERISE= Methode d’Etudes et de Réalisation Informatique pour les Systèmes d’Entreprise
Merise est une méthodologie de modélisation à usage général dans le domaine du
développement de systèmes d’information, du génie logiciel et de la gestion de projet.
Introduit pour la première fois au début des années 1980, il était largement utilisé en France.
Il a été développé et perfectionné à un point tel que la plupart des grandes organisations
gouvernementales, commerciales et industrielles françaises l'ont adopté. Merise procède à un
traitement séparé des données et des processus, où la vue des données est modélisée en trois
étapes: de la conception à la physique en passant par la logique. De même, la vue axée sur les
processus passe par les trois étapes conceptuelle, organisationnelle et opérationnelle. Ces
étapes du processus de modélisation sont parallèles aux étapes du cycle de vie: planification
stratégique, étude préliminaire, étude détaillée, développement, mise en œuvre et
maintenance. C'est une méthode d'analyse basée sur le modèle entité-relation. En utilisant
Merise, vous pouvez concevoir des tables avec des relations pour créer une base de données
relationnelle.
MERISE est constituer de 3 niveau de modélisation dont :
➢ Le niveau conceptuel
➢ Le niveau organisationnel ou logique
➢ Le niveau technique ou physique
A chacun de ces niveaux correspond un modèle de donnée et un modèle de traitement

18
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

NIVEAU DONNEES TRAITEMENTS

Conceptuel Modèle conceptuel des Modèle conceptuel des
données (MCD) traitements (MCT)
Organisationnel Modèle logique des données Modèle organisationnel des
(MLD) traitements (MOT)
Physique Modèle physique des Modèle opérationnel des
données (MPD) traitements (MOpT)
Tableau 4 modèle de merise

A. GRAPHE DE FLUX
Le graphe des flux est une représentation graphique des acteurs et des flux.
➢ Un acteur représente une entité active intervenant dans le fonctionnement de
l’entreprise : professeur, élève, secrétariat, service de scolarité
➢ Un flux de données est la représentation d’un échange d’informations entre deux acteurs
Depot dossier
Dossier refuser
SERVICES
Dossier accepter SCOLAIRE
ETUDIANT
Paiement

Cours Liste des élèves

PROFESSEURS
évaluation Liste des absences

Figure 5 graphe de flux

B. MODELE CONCEPTUEL DE TRAITEMENT

L’objectif du MCT est de répondre à la question QUOI faire par rapport à un événement, ici
C’est la chronologie qui importe car le MCT est une représentation de la succession des règles
de gestion dont l’entreprise veut se doter pour répondre aux événements auxquels elle doit faire
face, du fait de son activité et de son environnement.

1. Les évènements
Dans un MCT on distingue plusieurs types d’évènement parmi lesquels :

19
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

➢ Evénements externes : proviennent de l’univers extérieur, sont traités par une opération
conceptuelle
➢ Evénements internes : générés par une opération conceptuelle, contribuent au
déclenchement d’une autre opération
➢ Evénements résultats : générés par une opération conceptuelle et destinés à l’univers
extérieur (résultats externes) ou à d’autres opérations (résultats internes).
2. Les opérations
Sont des séquence continue d’actions non interruptible, déclenchée par un ou plusieurs
événements internes ou externes et qui produit des événements résultats internes ou
externes, conditionnés par des règles d’émission
3. La synchronisation
C’est une condition exprimée sur les événements, qui détermine le déclenchement d’une
opération elle S’exprime sous la forme d’une proposition logique utilisant des et et des ou
(on évitera au maximum le non, les non-événements n’étant pas toujours détectables par le
SI)

Figure 6 sheme de construction d'un mct

20
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 7 MCT inscription

C. MODELE CONCEPTUEL DE DONNEE

1. Le dictionnaire de donnée
Est Inventaire exhaustif des données du domaine étudié.

ENTITE CODE SYGNIFICATION TYPE TAILLE OBSERVATION

Mat_el Matricule élève AN 10
Nom_el Nom élève AN 100
Pnom_el Prénom élève AN 100
ELEVE Date de naissance
DateNaiss_el D 20 JJ/MM/AA
élève
Lieu de naissance
LieuNaiss_el AN 50
élève
Sexe_el Sexe élève A 1
Num_par Numéro parent N 5
Nom_par Nom parent AN 100
PARENT
Tel_par Téléphone parent N 9
Ad_par Adresse parent AN 50
Mat_pro Matricule professeur AN 10
Nom_pro Nom professeur A 100
Tel_pro Téléphone professeur N 9
PROFESSEUR
Ad_pro Adresse professeur AN 50
Sal_pro Salaire professeur N 10 calculer
Dip_pro Diplôme professeur AN 20
Code_clas Code classe AN 5
CLASSE Nom_clas Nom classe AN 20
Effec_class Effectif classe N 3
Num_eva Numéro évaluation N 5
EVALUATION Lib_eva Libelle évaluation AN 20
Note_eva Note évaluation N 5 calculer
Id_sco Identifiant scolarité N 11
SCOLARITE
Montant_sco Montant scolarité N 10 calculer
Tableau 5 dictionnaire de donnée

21
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

1. Elaboration du mcd
Le but d’un mcd est de pouvoir à partir d’un dictionnaire de donnée aboutir à une collection
d’entité sans redondance, et ayant des liens logiques entre elles tel que quelque soit la donnée
celle-ci sera accessible à volonté
Une entité est un objet abstrait ou concret de l’univers du discours. Une entité peut être : Une
personne un lieu un objet
la démarche de construction est la suivante :
➢ Analyser l'existant et constituer le dictionnaire des données
➢ Épurer les données (éliminer synonymes et polysèmes)
➢ Dégager les entités grâce aux identifiants existants déjà dans l’organisation
➢ Rattacher les propriétés aux entités 5
➢ Recenser les associations entre entités et leur rattacher leurs éventuelles propriétés 6
➢ Déterminer les cardinalités
➢ S'assurer de la conformité du modèle aux règles de construction
➢ Normaliser le modèle

Figure 8 modèle conceptuel de donnée

A. MODELE LOGIQUE DE DONNEE

Le formalisme des tables logiques est toujours basé sur un MCD donné
Toute entité est transformée en table. Les propriétés de l'entité deviennent les attributs de la
table. L'identifiant de l'entité devient la clé primaire de la table

22
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 9 modèle logique de donnée

A. MODELE PHYSIQUE DE DONNEE

Le modèle physique des données (MPD) est la traduction du modèle logique des données
(MLD) dans une structure de données spécifique au système de gestion de bases de données
(SGBD) utilisé.
Le passage MLD à MPD se fait par les étapes suivantes :
Implémentation physique de chaque table du MLD dans le SGBD utilisé.
Pour chaque table, indiquer au SGBD quel champ constitue la clé primaire.
Pour chaque table, indiquer au SGBD la les clé étrangère, et la les clé primaire correspondante

Figure 10 modèle physique de donnée

23
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

II. UML
a) CHOIX DE UML

Figure 11 logo UML

UML, c’est l’acronyme anglais pour « Unified Modeling Language ». On le traduit par «
Langage de modélisation unifié ». La notation UML est un langage visuel constitué d’un
ensemble de schémas, appelés des diagrammes, qui donnent chacun une vision différente du
projet à traiter. UML nous fournit donc des diagrammes pour représenter le logiciel à
développer : son fonctionnement, sa mise en route, les actions susceptibles d’être effectuées par
le logiciel, etc.

b) POURQUOI MODELISER
De la même façon qu'il vaut mieux dessiner une maison avant de la construire, il vaut mieux
modéliser un système avant de le réaliser. Modéliser, c’est décrire de manière visuelle et
graphique les besoins, les solutions fonctionnelles et techniques du projet.
Modéliser pour :
➢ Obtenir une modélisation de très haut niveau indépendante des langages et des
environnements.
➢ Faire collaborer des participants de tous horizons autour d'un même document de
synthèse.
➢ Faire des simulations avant de construire un système.

III. IDENTIFICATION DES ACTEURS

1. ACTEUR
Un acteur est l'idéalisation d'un rôle joué par une personne externe, un processus ou une chose
qui interagit avec un système. Il se représente par un petit bonhomme (figure 6) avec son nom
(son rôle) inscrit dessous.

24
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 12 representation d'un acteur

2. CAS D’UTILISATION
Un cas d’utilisation est un service rendu à un acteur : c’est une fonctionnalité de son point de
vue. Un cas d'utilisation se représente par une ellipse (figure 7) contenant le nom du cas (un
verbe à l'infinitif), et optionnellement, au-dessus du nom, un stéréotype

Figure 13 representation cas d'utilisation

3. ACTEUR DIRECT ET INDIRECT

a) Acteur direct
Les acteurs directs, ce sont les utilisateurs de l’application, qui touchent directement
l’application

Type d’acteur Description fonctionnel

ELEVE L’acteur le plus important, qui aura les fonctionnalités
suivantes :
Consulter son emploi du temps.
Voir ses notes
Voir ses absences et retards.
Consulter la bibliothèque
PROFESSEUR A pour fonctionnalités :
Consulter son emploi du temps.
Consulter la liste de ses élèves.
Organise et insère les évaluations.
PROFESSEUR Ce type d’acteur aura les fonctionnalités suivantes :
Gestion des élèves.
Gestion des parents et tuteurs.

25
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Gestion des personnels

Tableau 6 acteurs direct

b) Acteur indirect
Ce sont les acteurs qui n’utilisent pas l’application, mais participent d’une façon indirecte dans
le processus. Comme exemple nous avons les parents

4. DIAGRAMME DE CAS D’UTILISATION

Les diagrammes de cas d'utilisation sont des diagrammes UML utilisés pour donner une vision
globale du comportement fonctionnel d'un système logiciel. Dans les figures qui suivent, nous
présenterons les cas d’utilisation qui mettent en évidence les principales fonctionnalités de
chaque acteur dans le système

a) Diagramme de cas d’utilisation de l’élève

Figure 14 diagramme de cas d'utilisation de l'élève

b) Diagramme de cas d’utilisation du professeur

26
REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 15 diagramme cas d'utilisation professeur

27
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

c) Diagramme de cas d’utilisation de l’administration

Figure 16 diagramme cas d'utilisation administration

Dans notre cas, les trois acteurs (élèves, professeur, administration) possèdent une association
commune « consulter le calendrier des évaluations ». Afin d'éviter de surcharger le
diagramme, il est possible de définir une relation d'héritage entre chacun de ces acteurs avec
un acteur « utilisateur », qui possède l’association commune.

28
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

d) Diagramme de cas d’utilisation : héritage

Figure 17 diagramme de cas d'utilisation héritage

5. DIAGRAMME DE SEQUENCE
Pour mieux concrétiser les interactions entre les acteurs du système vis-à-vis de l’application
et la base de données, nous sommes amenés à traduire nos scénarios en diagrammes de
séquence. Les diagrammes de séquence servent à illustrer les cas d’utilisation. Ils permettent
de représenter des collaborations entre les objets selon un point de vue temporel, on y met
l'accent sur la chronologie des envois des messages.

a) Authentification

TITRE authentification
Permettre a chaque utilisateur de
OBJECTIF l’application de s’authentifier
ACTEURS utilisateur
Saisie le code.
Envoyer le code
Traitement des informations envoyées.
DESCRIPTION DU
.En cas d’erreur, l’authentification est
SCENARIO
rejetée
Si non, redirection d’utilisateur vers ses
rôles.

Tableau 7 tableau d'authentification

29
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 18 diagramme de séquence d'authentification

b) Identification
TITRE identification
Permettre à l’administration d’ajouter
OBJECTIF toutes les informations concernant un
élève
ACTEURS administration
PRE CONDITION Authentification
. Saisie les informations de l’élève.
. Contrôle des données en temps réel
(matricule ) en cas de duplication.
Validation de la saisie
DESCRIPTION DU Traitement des informations envoyé
SCENARIO En cas d’une anomalie, l’inscription est
rejetée on précisant l’erreur effectuée
Si non, l’inscription est effectuée avec
succès avec redirection d’utilisateur vers
la liste d’élèves.

30
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Tableau 8 tableau d'identification

Figure 19 diagramme de séquence identification

c) Ajout professeur

TITRE Ajouter professeur

Permettre à l’administration d’ajouter
OBJECTIF toutes les informations concernant le
professeur
ACTEURS Administration
PRE CONDITION Authentification
. Saisie les informations concernant le
professeur.
. Contrôle des données en temps réel
(matricule ) en cas de duplication.
Validation de la saisie
DESCRIPTION DU
Traitement des informations envoyé
SCENARIO
En cas d’une anomalie, l’inscription est
rejetée on précisant l’erreur effectuée
Si non, l’inscription est effectuée avec
succès avec redirection d’utilisateur vers
la liste des professeur.

31
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

a) Tableau 9 scenario ajouter un professeur

Figure 20 diagramme de séquence ajouter un professeur

6. DIAGRAMME DE CLASSES
Le diagramme de classe est une description statique du système focalisé sur le concept de
classe et d’association. Une classe représente un ensemble d’objets qui possèdent des
propriétés similaires et des comportements communs décrivant en terme d‘attributs et
d’opérations. Une association consiste à présenter les liens entre les instances de classe.
Durant cette section, nous allons présenter les diagrammes de classes entités à notre
application
a) Gestion des professeurs

b) Figure 21 diagramme de classe gestion des professeurs

32
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

c) Gestion des élèves

Figure 22 diagramme de classe gestion élève

Dans cette section, nous avons conçu et documenté le code que nous devons produire. Dans
cette phase, toutes les questions concernant la manière de réaliser le système à développer ont
été élucidées. Le produit obtenu est un modèle graphique (ensemble de diagrammes) prêt à être
codé. Dans le chapitre suivant nous allons étudier en détails les outils et les langages utilisés
durant la phase de construction.

33
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

2 SECTION 2 : REALISATION
Après avoir achevé l’étape d’analyse et conception de l’application, on va entamer dans cette
section la partie réalisation et implémentation dans laquelle on s’assure que le système est prêt
pour être exploité par les utilisateurs finaux.

I. ENVIRONNEMENT DE DEVELOPPEMENT DU SITE

L’environnement de développement regroupe l’ensemble des outils informatique qui
participent a la création de l’application web. Il s’agit donc des outils et plateformes utilisé
par l’agence web en interne ou en collaboration avec le client ou des tiers pour la bonne
réalisation du projet

1. Environnement matérielle
➢ Disque dur
➢ Ecran
➢ Ram
➢ Processeur
➢ Carte mère

2. Environnement logiciel
a) Un éditeur de texte
Pour notre travail celui que nous avons utilisé est VISUAL STUDIO CODE qui est un
éditeur de code extensible développé par Microsoft pour Windows, Linux et MacOs. Les
fonctionnalités incluent la prise en charge du débordage, la mise en évidence de la syntaxe,
ma complétion intelligente du code, les snippers, les refactorisation du code et git intégré ;
il nous sera utile pour écrit du code

Figure 23 logo visual studio code Figure 24 accueil visual studio

b) Un environnement de développement intégré
Pour la réalisation de notre projet nous avons utilisé WAMP qui est une plateforme de
développement web permettant de faire fonctionner localement des script PHP il comprend

34
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

apache, MYSQL, maria DB, un interpréteur de script ainsi que PhpMyAdmin pour
l’administration des bases de donnée

Figure 25 logo WAMP Figure 26 accueil WAMP

MYSQL
MySQL est un serveur de bases de données relationnelles. 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. MySQL est le plus populaire des serveurs de bases de données SQL Open Source,
développé, distribué et supporté par MySQL AB. MySQL AB est une société commerciale,
fondée par les développeurs de MySQL, qui développent leur activité en fournissant des
services le SQL « Structured Query Language » est le langage standard. Il est libre, facile et
avantageux. Le serveur de bases de données MySQL est très rapide, fiable et facile à utiliser

Figure 27 logo MYSQL

II. OUTIL DE DEVELOPPEMENT UTILISE

1. HTML

35
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Le langage HTML (pour Hyper Text Markup Language) permet de créer des documents
indépendant de toute plate-forme, et donc particulièrement bien adapté à des échanges
d'informations dans un environnement hétérogène comme le web. HTML repose sur quelques
concepts très différents de ceux que l'on peut trouver dans un traitement de texte standard. Un
système de balises (d’où le terme Markup Language) permet d'indiquer explicitement, pour
chaque partie du texte, quelle est sa fonction (titre, en-tête de section, légende de figure, etc.)

Figure 28 logo html

2. CSS
Le terme CSS est l'acronyme anglais de Cascading Style Sheets qui peut se traduire par "feuilles
de style en cascade". Le CSS est un langage informatique utilisé sur l'internet pour mettre en
forme les fichiers HTML ou XML. Ainsi, les feuilles de style, aussi appelé les fichiers CSS,
comprennent du code qui permet de gérer le design d'une page en HTML. Bien que l'HTML
puisse être mis en forme à l'aide de balises prévus à cet effet, de nos jours il est plus judicieux
d'utiliser le CSS et de n'utiliser le XHTML que pour le contenu. L'avantage de l'utilisation d'un
fichier CSS pour la mise en forme d'un site réside dans la possibilité de modifier tous les titres
du site en une seule fois en modifiants une seule partie du fichier CSS. Sans ce fichier CSS, il
serait nécessaire de modifier chaque titre de chaque page du site (difficilement envisageable
pour les énormes sites de plusieurs milliers de pages). D'autres points forts sont perceptibles. Il
est par exemple possible de créer une feuille de style spécifique pour l'impression des
documents, ce qui permet de retirer tous les effets de style et toutes les parties inutiles lors de
l'impression. De même, une feuille de style peut être utilisée pour les utilisateurs d'un téléphone
portable, ce qui permet de mieux gérer la mise en forme particulièrement pour les petits écrans
de ces appareils.

36
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 29 logo CSS

3. JAVASCRIPT
JavaScript est un langage de programmation de scripts principalement employé dans les pages
web interactives mais aussi pour les serveurs2. C’est un langage orienté objet à prototype, c’est-
à-dire que les bases du langage et ses principales interfaces sont fournies par des objets qui ne
sont pas des instances de classes, mais qui sont chacun équipés de constructeurs permettant de
créer leurs propriétés, et notamment une propriété de prototypage qui permet d’en créer des
objets héritiers personnalisés. En outre, les fonctions sont des objets de première classe. Le
langage a été créé en 1995 par Brendan Eich (Brendan Eich étant membre du conseil
d'administration de la fondation Mozilla à cette époque) pour le compte de Netscape
Communications Corporation. Le langage, actuellement à la version 1.8.2, est une
implémentation de la 3e version de la norme ECMA-262 qui intègre également des éléments
inspirés du langage Python. La version 1.8.5 du langage est prévue pour intégrer la 5e version
du standard ECMA3

Figure 30 logo JAVASCRIPT

4. BOOTSTRAP
Bootstrap est un framework développé par l'équipe du réseau social Twitter. Proposé en open
source (sous licence MIT), ce framework utilisant les langages HTML, CSS et JavaScript
fournit aux développeurs des outils pour créer un site facilement. Ce framework est pensé
pour développer des sites avec un design responsive, qui s'adapte à tout type d'écran, et en

37
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

priorité pour les smartphones. Il fournit des outils avec des styles déjà en place pour des
typographies, des boutons, des interfaces de navigation et bien d'autres encore

Figure 31 logo BOOTSTRAP

5. PHP
PHP (hypertext Preprocessor) est un langage de programmation informatique essentiellement
utilisé pour produire des pages web dynamiques via un serveur HTTP. Le résultat est envoyé
vers le client sans ce que celui-ci ne puisse avoir accès à la source. Avant de commencer à coder
en PHP, il est très important de comprendre comment cela fonctionne. Il faut savoir que lorsque
vous tapez une URL (adresse de site internet) depuis votre navigateur (appelé client) vous
demandez en fait à un serveur (un logiciel tournant généralement sur une machine distante) de
vous retourner une page. S’il s’agit d’une page HTML alors, cette page est retournée telle
qu’elle est programmée . Il existe plusieurs versions de php notamment la version 7 dont nous
avons porté notre choix pour mener à bien ce projet. Cette version est une évolution majeure de
php qui accélère le chargement des sites web, améliore la gestion des erreurs, renforce la
sécurité des fonctions de cryptographie .

Figure 32 logo PHP

III. PRESENTATION DE L’APPLICATION WEB

1. Page d’accueil

38
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 33 page d'accueil pc

Figure 34 page d'accueil tablette

2. Interface d’authentification
L’interface permet à l'utilisateur de s'authentifier et de se connecter à de l'application selon ses rôles.
L'utilisateur doit entrer son code pour ce qui est de l’administration et des professeurs et son matricule
pour ce qui est de l’élève. En cas d'échec un message d'alerte s'affiche. Et cas de succès, l'utilisateur
accède à sa section. Toute cette sécurité garantie la fiabilité de notre application

39
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 35 interfaces d'authentification

3. Interface d’authentification
Tous les champs doivent obligatoirement être remplir avant la validation des données si l’élève est
bien enregistré nous sommes redirigés vers la liste des élèves

Figure 36 interfaces ajouter un élève

4. Liste des élèves

L’administrateur ayant des droits peut modifier ou supprimer un élèves la liste des élèves est
différent d’un administrateur a l’autre selon ces roles le censeur des 4èeme par exemple ne verra
que les élèves de cette classe

40
REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 37 liste des élèves

41
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

5. Tableau de bord

Figure 38 tableau de bord

1. Scolarité

Figure 39 interfaces des scolarités

1. Bibliothèque

42
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

Figure 40 bibliothèque numérique

Figure 41 livre au format pdf de la bibliothèque

2. Insérer les notes

43
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

CONCLUSION GENERAL

L’objectif de notre projet de fin de stage a AFROLOGIC était de concevoir et

implémenter une application de gestion d’école, le cas du collège « LES LEADERS ». Le point
de départ de la réalisation de ce projet était une récolte d’informations nécessaires pour dresser
un état de l’existant, présenter un aperçu sur la problématique ainsi que l’architecture utilisée
au sein des réseaux des établissements.
Par la suite, nous nous sommes intéressés à l’analyse et la spécification des besoins qui nous a
permis de distinguer les différents acteurs interagissant avec l’application visée. L’objectif de
la partie suivante était la conception détaillée, dans laquelle nous avons fixé la structure globale
de l’application. Le dernier volet de notre projet était la partie réalisation qui a été consacrée à
la présentation des outils du travail et les interfaces les plus significatives de notre application.
L’apport de ce travail a été d’une importance très considérable. En effet, il nous a permis : de
suivre une méthodologie de travail bien étudiée, d’approfondir nos connaissances dans le
monde de développement des applications et de bien nous exercer sur le Framework bootstrap
. La réalisation d’un tel projet, nous a permis d’apprendre et de toucher du doigt une partie des
divers aspects du métier de développeur et de celui du concepteur

44
REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

REFERENCES
BIBLIOGRAPHIQUES

Pour la réalisation de ce présent rapport, nous avons fait recours a :

➢ Chantal Gribaumont(2012) Administrez vos bases de données avec MySQL
➢ [Link] un site dynamique en php !
➢ Openclassroom (2019) prenez bootstrap en main
➢ [Link]
➢ [Link]
➢ Cahier de système d’information et de programmation
➢ Ancien rapport de stage

45
REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

ANNEXES

46
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

TABLE DES MATIERES

DEDICACES ........................................................................................................................... IV
REMERCIEMENT ................................................................................................................... V
LISTES DES TABLEAUX ...................................................................................................... VI
LISTES DES FIGURES..........................................................................................................VII
AVANT PROPOS ................................................................................................................. VIII
RESUME ................................................................................................................................... X
ABSTRACT ............................................................................................................................. XI
INTRODUCTION GENERALE................................................................................................ 1
CHAPITRE 1 : PRESENTATION DE L’ENVIRONNEMENT DU STAGE .......................... 2
SECTION 1 : PRESENTATION GENERAL D’AFROLOGIC ............................................... 2
I. CREATION ET EVOLUTION HISTORIQUE DE L’ENTREPRISE ........................... 2
1. CREATION ................................................................................................................. 2
2. EVOLUTION .............................................................................................................. 3
II. ORGANISATION ET FONCTIONNEMENT DE L’ENTREPRISE ........................ 3
1. STRUCTURE ORGANISATIONNELLE DE L'ENTREPRISE ................................ 3
2. OPERATION DE L’ENTREPRISE ............................................................................ 4
SECTION 2 : DEROULEMENT DU STAGE .......................................................................... 6
I. PRESENTATION DU SERVICE D’ACCUEIL ............................................................ 6
II. ACTIVITES EFFECTUER ......................................................................................... 6
III. DIFFICUTE RENCONTRES...................................................................................... 7
CHAPITRE 2 : ELABORATION DU PROJET ........................................................................ 8
SECTION 1 : ETUDE PREALABLE ........................................................................................ 8
I. DESCRIPTION DU CONTEXTE DU PROJET ............................................................ 8
III. UNE APPLICATION WEB ........................................................................................ 9
SECTION 2 : DEMARCHE DU PROJET .............................................................................. 10
I. CAHIER DE CHARGE ................................................................................................ 10

47
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

1. BESOINS DU CLIENT............................................................................................. 10
2. BESOIN FONCTIONNELS...................................................................................... 11
3. BESOINS NON FONCTIONNELS .......................................................................... 12
4. LES LIVRABLES DU PROJET ............................................................................... 12
5. RISQUES DU PROJET............................................................................................. 12
II. DIAGRAMME DE GANTT ..................................................................................... 13
1. Choix de la méthode de gestion du projet ................................................................. 13
2. PLANIFICATION ..................................................................................................... 14
d) Etude technique : ....................................................................................................... 15
e) Conception de l’interface........................................................................................... 15
f) Rédaction du rapport. ................................................................................................ 15
2. ELABORATION DU DIAGRAMME DE GANTT ................................................. 15
CHAPITRE 2 : ANALYSE ET CONCEPTION ..................................................................... 18
SECTION 2 : ANALYSE ........................................................................................................ 18
I. MERISE ........................................................................................................................ 18
A. GRAPHE DE FLUX ................................................................................................. 19
B. MODELE CONCEPTUEL DE TRAITEMENT ....................................................... 19
C. MODELE CONCEPTUEL DE DONNEE ................................................................ 21
A. MODELE LOGIQUE DE DONNEE ........................................................................ 22
A. MODELE PHYSIQUE DE DONNEE ...................................................................... 23
II. UML .............................................................................................................................. 24
a) CHOIX DE UML ...................................................................................................... 24
b) POURQUOI MODELISER ....................................................................................... 24
III. IDENTIFICATION DES ACTEURS ....................................................................... 24
1. ACTEUR ................................................................................................................... 24
3. ACTEUR DIRECT ET INDIRECT .......................................................................... 25
4. DIAGRAMME DE CAS D’UTILISATION ............................................................. 26
5. DIAGRAMME DE SEQUENCE .............................................................................. 29
6. DIAGRAMME DE CLASSES .................................................................................. 32
2 SECTION 2 : REALISATION ......................................................................................... 34
I. ENVIRONNEMENT DE DEVELOPPEMENT DU SITE .......................................... 34
II. OUTIL DE DEVELOPPEMENT UTILISE ................................................................. 35
III. PRESENTATION DE L’APPLICATION WEB ...................................................... 38

48
 REALISATION D’UNE APPLICATION WEB DE GESTION D’UN
COLLEGE

CONCLUSION GENERAL .................................................................................................... 44

REFERENCES BIBLIOGRAPHIQUES ................................................................................. 44
ANNEXES ............................................................................................................................... 46
TABLE DES MATIERES ....................................................................................................... 47

49