CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE

ECOLE

DEDICACE

A MA FAMILLE

NGNITEDEM SHELSEA LORENZA i

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

REMERCIEMENTS
Tout Le présent travail est le fruit d’un travail de recherche rendu possible grâce à la
sincère collaboration de nombreuses personnes à qui j’exprime toute ma gratitude.

 En effet, je tiens à remercier le recteur de l’IUT de Douala, le professeur JEAN JACQUE

ETAME pour nous avoir fourni un cadre d’étude propice à la réussite de ses étudiants.
 Tout le corps professoral du département Génie Informatique de l’Institut Universitaire de
Technologie de Douala, pour leur dévouement et la qualité des enseignements dispensés ;
 Mon encadreur académique M. KASSAN’NGA FRANKLIN pour son accompagnement,
ses précieux conseils et le temps qu’il a bien voulu me consacrer ;

 M. WAFFO WILLIAM mon Encadreur Professionnel de m’avoir aidée à mener à bien

notre projet et de m’avoir accueillie au sein de l’entreprise, pour un accompagnement très
minutieux qui m’a permis de gagner en expérience ;
 Tous mes amis pour leur amitié, leur soutient, leur confiance et particulièrement leur
encouragement envers ma personne ;
 Une note d’appréciation est due à mes parents, pour avoir fait de moi ce que je suis. Je
pense donc particulièrement à mon père et ma mère : Mr NGNITEDEM GLANGETAS
et Mme NANFA NICOLE pour avoir tracé le chemin qui m’a menée jusqu’ici et donc ils
sont d’une part responsable de ma réussite.
 Je tiens aussi à exprimer ma reconnaissance envers : Mes tantes et oncles et aussi à Mlle
WANDA JORDANIE et Mr GUIMEZI CEDRICK ainsi que mes cousins et cousines
qui m’ont aidée et soutenue tout au long de cette période, me rassuraient toujours et me
motivaient lorsque je voulais lâcher prise.
 Il y a une personne dont un merci ne suffirait pas pour tout ce qu’il a fait pour moi et sans
qui tout ce travail ne serait jamais réalisé. Il s’agit de DIEU ! Que toute la gloire lui
revienne !

NGNITEDEM SHELSEA LORENZA ii

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

SOMMAIRE
DEDICACE................................................................................................................................ I
REMERCIEMENTS ................................................................................................................ II
SOMMAIRE ............................................................................................................................ III
ABSTRACT .............................................................................................................................. V
LISTE DES FIGURES............................................................................................................ VI
LISTE DES TABLEAUX....................................................................................................... VII
LISTE DES ABREVIATIONS ............................................................................................. VIII
INTRODUCTION GENERALE ........................................................................................... IX
CHAPITRE 1 : PRESENTATION GENERALE DE L’ENTREPRISE ET
DEROULEMENT DU STAGE ................................................................................................. 1
SECTION I : PRÉSENTATION DE L'ENTREPRISE ........................................................... 1
SECTION II : DÉROULEMENT DU STAGE ....................................................................... 4
SECTION III : METHODOLOGIE RETENUE ..................................................................... 6
CHAPITRE II : ANLYSE ET CONCEPTION ...................................................................... 10
SECTION I : ETUDE PRELIMINAIRE DU PROJET ........................................................ 10
SECTION II- CAHIER DE CHARGE................................................................................... 12
SECTION III- PRESENTATION DES RESULTATS........................................................... 18
CHAPITRE III : ANALYSE DES RESULTATS................................................................. 25
SECTION I : COMMENTAIRE DES RESULTATS ............................................................. 25
SECTION II : RECOMMANDATIONS ET SUGGESTIONS ............................................. 25
SECTION III : LIMITES DU TRAVAIL ............................................................................... 26
CONCLUSION GENERALE ............................................................................................... 27
BIBLIOGRAPHIE ................................................................................................................. 28
ANNEXES ............................................................................................................................... 29

NGNITEDEM SHELSEA LORENZA iii

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

RESUME

Dans le cadre de ma formation en Génie Informatique à l’Institut Universitaire de

Technologie de Douala (IUT de Douala), il m’a été recommandé d’effectuer un stage
académique en entreprise afin de mettre en pratique les connaissances théoriques acquises
durant mon cursus. Cette expérience professionnelle constitue une étape essentielle pour
favoriser mon insertion dans le monde du travail et comprendre les réalités du milieu
professionnel. C’est dans cette optique que j’ai intégré l’entreprise Orbit Sarl, où j’ai été
chargée de concevoir et de développer une application web de gestion scolaire. Ce projet,
réalisé dans le cadre de mon stage, vise à répondre aux besoins spécifiques de gestion d’une
structure éducative, qu’il s’agisse d’une école primaire, d’un lycée ou d’une université.
L’application permet la gestion des élèves, des enseignants, des classes, des emplois du temps,
ainsi que des résultats scolaires, tout en intégrant des outils d’administration modernes pour
une meilleure efficacité. Ce rapport présente en détail l’ensemble du processus de conception
et de mise en œuvre de la solution, en mettant l’accent sur l’analyse des besoins, la
modélisation des données, le développement, les technologies utilisées, ainsi que les tests et
validations réalisés. Les données collectées et les observations effectuées durant ce stage
m’ont permis de comprendre l’importance d’un système de gestion centralisé pour améliorer
l’organisation interne, la performance administrative et la transparence des établissements
scolaires. Ce projet a ainsi été pour moi une expérience enrichissante, tant sur le plan
technique que professionnel.

NGNITEDEM SHELSEA LORENZA iv

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

ABSTRACT
As part of my training in Computer Engineering at the University Institute of Technology of
Douala (IUT de Douala), I was required to complete an academic internship in a company in
order to put into practice the theoretical knowledge acquired during my studies. This
professional experience represents a crucial step in facilitating my integration into the
workforce and understanding the dynamics of the professional environment. With this in
mind, I joined the company Orbit Sarl, where I was assigned to design and develop a web-
based school management application. This project, carried out as part of my internship, aims
to meet the specific administrative needs of educational institutions, whether they are primary
schools, secondary schools, or universities. The application includes functionalities for
managing students, teachers, classes, schedules, and academic results, while integrating
modern administrative tools for improved efficiency. This report provides a detailed overview
of the entire design and implementation process, focusing on needs analysis, data modeling,
development, technologies used, and testing phases. The information collected and the
observations made during this internship helped me to understand the importance of a
centralized management system in enhancing internal organization, administrative
performance, and transparency within educational institutions. This project has been a
rewarding experience for me, both technically and professionally.

NGNITEDEM SHELSEA LORENZA v

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

LISTE DES FIGURES

Figure 1 : Emplacement de ORBIT ....................................................................................................12
Figure 2 : Organigramme de l’entreprise ...........................................................................................14
Figure 3 : Logo de UML ....................................................................................................................31
Figure 4 : Diagramme de classe de l’application ...............................................................................32
Figure 5 : Diagramme de cas d’utilisation de l’application ...............................................................33
Figure 6 : Ecran de connexion............................................................................................................34
Figure 7 : Tableau de bord de l’administrateur ..................................................................................35
Figure 8 : Interface d’enregistrement des notes .................................................................................35
Figure 9 : Formulaire d’inscriptions et de suivi des absences ............................................................36

NGNITEDEM SHELSEA LORENZA vi

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

LISTE DES TABLEAUX

Tableau I : abréviations ........................................................................................................................9
Tableau II : Adresse de l’entreprise ...................................................................................................11
Tableau III : Plannings et délais. ........................................................................................................29
Tableau IV : Budget du projet. ...........................................................................................................30

NGNITEDEM SHELSEA LORENZA vii

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

LISTE DES ABREVIATIONS

Tableau I: abréviations

ACRONYMES SIGNIFICATION DES ACRONYMES

GANT Chart for Analysis and Notation of Tasks and Time

(Graphique d'Analyse et de Notation des Tâches et du
Temps)
PERT Program Evaluation and Review Technique
(Technique d’évaluation et d’examen des programmes)
IA Intelligence Artificielle
SARL Société A Responsabilité Limitée
UML Unified Modeling Language
(Langage de modélisation unifié)
HTML HyperText Markup Language
(Langage de balisage hypertexte)
CSS Cascading Style Sheets
(Feuille de style en cascade)
PHP Hypertext Preprocessor
(Préprocesseur Hypertexte)
IUT Institut Universitaire de Technologie

NGNITEDEM SHELSEA LORENZA viii

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

INTRODUCTION GENERALE
L’éducation constitue l’un des piliers fondamentaux du développement socio-
économique, culturel et technologique d’un pays. Pour assurer un fonctionnement optimal des
structures éducatives, la gestion des établissements scolaires, qu’il s’agisse d’écoles primaires,
de collèges, de lycées ou d’universités doit être organisée, efficace et adaptée aux réalités
actuelles. À mesure que les effectifs croissent et que les exigences pédagogiques évoluent, les
outils traditionnels de gestion montrent leurs limites.

C’est dans cette perspective qu’intervient ce projet de stage, qui consiste à concevoir
une application de gestion scolaire complète et flexible, capable de répondre aux besoins
spécifiques de chaque niveau d’enseignement. L’objectif est de proposer une solution
numérique qui facilite l’ensemble des tâches administratives et académiques : gestion des
inscriptions, planification des cours, suivi des performances, communication entre les acteurs
éducatifs, etc.

Au-delà de la simplification des processus internes, cette application a pour vocation

de fournir aux responsables scolaires des indicateurs pertinents, favorisant ainsi des prises de
décision plus éclairées en matière d'organisation, de répartition des ressources, de suivi des
élèves et d'amélioration continue de la qualité de l’enseignement.

Pour atteindre ces résultats, le présent rapport adoptera une démarche structurée
articulée autour de trois axes majeurs : l’analyse des besoins fonctionnels et techniques, la
conception et le développement de l’application, puis l’évaluation de ses performances à
travers des tests en situation réelle.

NGNITEDEM SHELSEA LORENZA ix

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

CHAPITRE 1 : PRESENTATION GENERALE DE L’ENTREPRISE ET

DEROULEMENT DU STAGE

Il est question pour moi dans cette partie, de donner une vue globale de la structure
dans laquelle j’ai eu à effectuer notre stage et décrire le contexte dans lequel j’ai eu à réaliser
les différentes tâches qu’engendrait ma responsabilité.

SECTION I : PRÉSENTATION DE L'ENTREPRISE

ORBIT SARL CONSULTING est une jeune startup qui fait dans la prestation de
services informatiques située à TRADEX LOGPOM, c'est l'une des plus importantes artères
de la ville de Douala. ORBIT SARL veut être la destination privilégiée de la réalisation des
applications Mobile et Web.

Historique

ORBIT SARL a été créée en 2019 par Mme. Ruth EBANE (promotrice) dans le but de
promouvoir l'emploi et de contribuer au développement économique avec pour objectif
principal la conception et la mise en œuvre d'applications Mobiles et Web, de Réseaux
Informatiques. Depuis sa création à ce jour, les objectifs ont été fortement atteints et dispose
aujourd'hui d'un service spécialisé très compétitif à la demande des clients.

I. ADRESSE ET LOCALISATION DE L’ENTREPRISE

Tableau II : Adresse de l’entreprise

Nom de l’entreprise ORBIT SARL CONSULTING

Numéro de téléphone 650949141

Site Web www.Orbitsarlconsulting.net

E-mail [email protected]

NGNITEDEM SHELSEA LORENZA 1

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

Nom de la
Mme. Ruth EBANE
promotrice
Développement de SITE et APPLICATION WEB ainsi que
Services
la location des appartements

Figure 1 : Emplacement de Orbit

II. ORGANISATION ET FONCTIONNEMENT DE L'ENTREPRISE

ORBIT SARL est organisée en différents services qui assurent le bon fonctionnement de
la société.

1- La direction générale

Sous la responsabilité de la Directrice Générale, Mme. Ruth EBANE, il est l'organe de la

société. Il est chargé de piloter l'ensemble des activités de l'entreprise, de coordonner le
travail, d'assigner certaines tâches aux collaborateurs et employés et de s'assurer que toutes les
tâches assignées ont été exécutées correctement.

NGNITEDEM SHELSEA LORENZA 2

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

2- Le service comptable

Ce département est composé de membres chargés du traitement et du contrôle de la

comptabilité des opérations de vente. Ce service est directement responsable de la facturation
des clients et du suivi de cette facturation. Il gère la trésorerie, les litiges et les impayés.

3- Département technique et informatique

Ce département est composé de 3 membres chargés des tâches suivantes :

 Analyse des données et des systèmes d'information de l'entreprise ;

 Intégration des données ;

 Administration et maintenance évolutive des applications d'entreprise et formation

des utilisateurs finaux.

4- Le service immobilier

Ce département est composé des membres chargés de la gestion des appartements lors de la
location de ces derniers par certains particuliers et de la bonne organisation des différents
meubles appartenant à l’entreprise.

Ils sont chargés du développement d'applications et d'API, de l'analyse et de la numérisation

des systèmes d'information et de la gestion des données.

Figure 2 : Organigramme de l’entreprise

NGNITEDEM SHELSEA LORENZA 3

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

SECTION II : DÉROULEMENT DU STAGE

J’ai intégré l’entreprise Orbit Sarl le 25 Mars 2025 dans le cadre de mon stage
académique. Dès mon arrivée, j’ai procédé au dépôt de mes dossiers, puis j’ai été soumise à
un test d’évaluation préalable à mon intégration. Cette étape visait à apprécier mes
compétences et à mieux cerner mon niveau technique. Par la suite, j’ai été accueillie par Mr
DILANE TAPTUE, qui m’a présenté la structure dont l’ensemble de l’équipe technique, ses
domaines d’intervention ainsi que les valeurs fondamentales qui la régissent. Lors de cette
phase d’accueil, une insistance particulière a été portée sur le respect de la ponctualité, de la
discipline, de la bonne conduite professionnelle et de l’engagement personnel. Des conseils
pratiques m’ont été prodigués afin de m’adapter efficacement aux exigences de l’entreprise.
Enfin, j’ai été présentée à mon superviseur de stage Mr WAFFO WILLIAM, chargé d’assurer
le suivi de mes activités tout au long de la période de stage

I- ATTENTES DU STAGIAIRE

Le stage que nous avons effectué implique trois parties à savoir l’école, l’entreprise et le
stagiaire que nous sommes, ayant chacun des attentes en tant que stagiaire, nos attentes sont
les suivantes :

 Comprendre le fonctionnement du monde professionnel,

 Appliquer les connaissances académiques reçues dans des cas réels,

 Prendre conscience de l’importance du travail en équipe,

 Acquérir des techniques de conception et de suivi de projet.

1- Les difficultés rencontrées au sein de l’entreprise

Au cours de mon stage, dans le cadre de la conception de l’application web de gestion d’une
école, j’ai été confrontée à plusieurs difficultés d’ordre technique et organisationnel,
notamment dans la maitrise de certaines fonctionnalités avancées du framework Laravel,
comme la gestion des relations entre modèles ou l’intégration front-end/back-end. J’ai

NGNITEDEM SHELSEA LORENZA 4

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

également eu du mal à bien cerner certains besoins fonctionnels du client, ce qui nécessitait de
reformuler ou d’ajuster certaines parties de l’application et rendait la conception des différents
diagrammes UML très difficile. Sur le plan organisationnel, la gestion du temps s’est révélée
complexe car il fallait jongler entre l’apprentissage, le développement effectif, les réunions de
suivi et les tests techniques. Toutefois, grâce à l’accompagnement de mon superviseur et à
l’entraide de l’équipe, j’ai pu surmonter ces difficultés progressivement, en renforçant mes
compétences techniques et ma capacité à travailler en autonomie.

2- Intégration

Selon la fiche de planning et dans le cadre de notre formation, nous avons été soumis à l’étude
superficielle d’une des activités de l’entreprise qu’est le développement d’application, au
terme d’une investigation sur le sujet, son enjeu majeur qu’est l’amélioration de l’expérience
utilisateur : il nous a été attribué comme tâche : le développement d’une application web de
gestion d’une école.

II- JUSTIFICATION ET OBJECTIFS DU THEME

1-
1- Justification du thème

Le choix du thème << Conception d’une application web de gestion d’une école >> se justifie
par plusieurs éléments essentiels :

- Il répond à un besoin réel des établissements scolaires en matière de digitalisation et

centralisation des données.
- Il permet d’automatiser des taches chronologiques telles que la gestion des
inscriptions, des notes, des emplois du temps et des utilisateurs.
- Il s’inscrit dans le cadre de mes objectifs pédagogiques, en mobilisant des
compétences en développement web, en architecture logicielle et en gestion des bases
de données.
- Ce projet offre une valeur ajoutée concrète à l’entreprise et constitue un outil évolutif
pouvant être adapté à d’autres structures éducatives.

NGNITEDEM SHELSEA LORENZA 5

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

2- Objectifs du thème

Le thème <<Conception d’une application web de gestion d’une école>> a été retenu dans
l’optique de répondre à un besoin croissant de digitalisation au sein d’un établissement
scolaire. Ce projet vise à développer une plateforme intuitive et sécurisée permettant de gérer
l’ensemble des opérations académiques : gestion des élèves, des enseignants, des classes, des
années scolaires… Plus précisément, les objectifs sont les suivantes :

- Offrir un outil fiable et performant pour automatiser les processus manuels et réduire
les risques d’erreurs liés au traitement des données scolaires.
- Améliorer l’accessibilité et la traçabilité des informations grâce à une interface web
intuitive, accessible en temps réel.
- Appliquer les connaissances acquises en formation dans un contexte professionnel
concret, à travers un projet utile, structuré et évolutif.
- Apporter une valeur ajoutée à l’entreprise en lui proposant un outil personnalisable,
répondant aux besoins spécifiques des établissements scolaires.

SECTION III : METHODOLOGIE RETENUE

Dans le cadre du développement web de l’application web de gestion d’une école, une
démarche mêlant Design Thinking et développement agile a été adoptée. Cette
combinaison nous a permis de mieux comprendre les besoins des utilisateurs, une flexibilité
dans l’organisation du travail et une amélioration continue du produit en fonction des retours.
Le projet a été découpé en plusieurs phases allant de la collecte des besoins à la mise en
œuvre technique.

I- APPROCHE DESIGN THINKING

Le Design Thinking a été utilisé au début du projet pour bien cerner les besoins des
utilisateurs finaux (administrateurs, enseignants, personnel…). Cette approche centrée sur
l’utilisateur s’est déroulée en cinq étapes :

1- Empathie : recueil des besoins réels à travers des échanges et observations au sein de
l’établissement scolaire.

NGNITEDEM SHELSEA LORENZA 6

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

2- Définition : synthèse des problématiques identifiées (gestion des notes, des matières,
emplois du temps…).
3- Idéation : génération d’idées de solutions, choix des fonctionnalités pertinentes.
4- Prototypage : création de maquettes des interfaces avec Figma, pour visualiser et
simuler le fonctionnement de l’application.
5- Test : évaluation des prototypes par les utilisateurs pour recueillir des retours avant
développement.

II- DÉMARCHE DE DÉVELOPPEMENT

Après la phase de réflexion Design Thinking, le développement a suivi une méthodologie

agile et itérative, structurée en plusieurs étapes :

 Analyse des besoins : recueil des besoins fonctionnels et non fonctionnels auprès des
utilisateurs finaux (enseignants, administrateurs…).
 Conception : modélisation des processus et des entités à l’aide de diagrammes UML,
ainsi que la création de maquettes fonctionnelles des interfaces avec Figma.
 Développement : création de l’application avec PHP Laravel pour back-end, Bootstrap
pour le front-end et PostgreSQL pour la gestion de la base de données.
 Tests et validation : vérification du bon fonctionnement des différentes fonctionnalités et
validation auprès de l’encadreur.

III- OUTILS ET TECHNOLOGIES UTILISÉES

Laravel 10 est un Framework de développement web open-source écrit en php

respectant le principe Modele-Vue-Controller.

StarUML est un outil de modélisation UML (Unified Modeling Language)

gratuit et open-source qui permet de créer et d'éditer des diagrammes de
conception de logiciels.

XampServer est une plate-forme de développement Web sous Windows pour

des applications Web dynamiques à l’aide du serveur Apache2, du langage de

NGNITEDEM SHELSEA LORENZA 7

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

scripts PHP et d’une base de données MySQL. Il possède également

PHPMyAdmin pour gérer plus facilement vos bases de données.

Bootstrap est un Framework front-end pour le design et mise en forme des sites
web. Bien plus, il fournit une collection des composants CSS et JavaScript prêts
à l’emploi, assure une mise en page responsive adaptable aux différentes tailles
d’écrans et aussi simplifie et accélère le développement front-end en offrant des styles et des
fonctionnalités uniformes.

JavaScript est un langage de programmation du coté client (front-end) qui

dynamise les pages web en permettant des interactions et des animations. Bien plus,
il manipule le document Object Model (DOM) pour modifier le contenu et le style des pages
sans rechargement et aussi facilite les requêtes asynchrones avec les serveurs via AJAX pour
une expérience utilisateur fluide.

SGBD relationnel permettant de stocker, organiser et sécuriser les

données, grâce à sa robustesse et à ses performances, il assure la gestion
efficace et fiable des données, tout en permettant l’exécution de requêtes
complexes.

Outil de design d’interface en ligne qui permet de concevoir des maquettes

fonctionnelles et visualiser l’apparence et l’organisation des éléments
graphiques d’une application. Il facilite la collaboration entre membres d’une
équipe tout en garantissant une expérience utilisateur fluide et intuitive.

IV- PRINCIPES DE CONCEPTION

Durant le développement, une attention particulière a été portée au respect des principes
SOLID, afin d’assurer un code propre, modulaire, maintenable et évolutif.

 S-Single Responsibility Principe (SRP) : Chaque classe ou composant a une

responsabilité unique.
 O-Open/Closed Principe (OCP) : Les entités sont ouvertes à l’extension mais fermées à
la modification.
 L-Liskov Substitution Principe (LSP) : Les classes dérivées peuvent etre utilisées en
remplacement de leurs classes de base.

NGNITEDEM SHELSEA LORENZA 8

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

 I-Interface Segregation Principe (ISP) : Utilisations d’interfaces spécifiques plutôt

qu’une interface générale unique.
 D-Dependency Inversion Principe (DIP) : Les modules de haut niveau ne dépendent pas
des modules de bas niveau mais d’abstractions.

Ce chapitre a présenté l’entreprise dans sa généralité, la problématique du projet ainsi que

la méthodologie utilisée. Il pose les bases nécessaires pour aborder la mise en œuvre de
l’application dans le chapitre suivant.

NGNITEDEM SHELSEA LORENZA 9

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

CHAPITRE II : ANLYSE ET CONCEPTION

Dans ce chapitre, nous capturons et analysons les besoins afin de mieux comprendre et
spécifier la solution retenue. Ainsi, d’identifier toutes les fonctionnalités de notre système et
ceci en recensant les besoins fonctionnels et les besoins non fonctionnels. Et par la suite nous
présenterons Les diagrammes résultant de notre conception détaillée qui représentent l’aspect
dynamique de notre système.

SECTION I : ETUDE PRELIMINAIRE DU PROJET

L’application web de gestion des écoles est une solution numérique pensée pour
simplifier, automatiser et centraliser les tâches administratives et pédagogiques d’un
établissement scolaire. Elle permet de gérer efficacement les inscriptions, les emplois du
temps, les matières etc… à travers une interface conviviale et sécurisée. Cette approche
suggère une transformation digitale du fonctionnement traditionnel des écoles, en mettant
l’accent sur la rapidité d’accès à l’information, la fiabilité des données, et la réduction des
erreurs humaines. L’application constitue ainsi une avancée concrète vers une gestion
moderne, structurée et moderne des établissements scolaires.

I- PROBLÉMATIQUE

Dans le cadre de la gestion des établissements scolaires, de nombreuses tâches

administratives et pédagogiques sont encore réalisées de manière manuelle ou à l’aide d’outils
informatiques peu adaptés. Cette situation entraine une désorganisation, une lenteur dans le
traitement des informations ainsi que des erreurs fréquentes. Ces limites affectent non
seulement l’efficacité du personnel administratif, mais aussi la qualité du suivi pédagogique
des élèves. Face à ces constats, la mise en place d’une solution numérique centralisée
s’impose comme une nécessité pour améliorer les performances des écoles. Dès lors, la
question centrale est la suivante :

NGNITEDEM SHELSEA LORENZA 10

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

Comment concevoir une application web fiable, sécurisée et intuitive, capable

d’optimiser la gestion scolaire en automatisant les principales tâches administratives et
pédagogiques tout en s’adaptant aux besoins spécifiques des établissements ?

II- ETUDE DE L’EXISTANT

Actuellement, dans plusieurs établissements scolaires, la gestion des activités administratives

et pédagogiques repose encore sur des outils manuels ou non spécialisés. Les inscriptions se
font sur papier, les notes sont saisies dans des registres ou des fichiers Excel, et les bulletins
sont imprimés et remis physiquement. Cette organisation présente plusieurs limites :

- Risque élevé d’erreurs dans la saisie et le traitement des données.

- Perte, détérioration ou falsification des documents physiques.
- Manque de centralisation, rendant les informations difficilement accessibles et non
synchronisées.
- Charge de travail importante pour le personnel administratif, due à la redondance
des taches.
- Impossibilité de générer rapidement des rapports ou des statistiques à jour.
- Archivage des données non sécurisé et non pérenne, ce qui complique l’accès aux
historiques et la conservation légale des documents académiques.

Certaines écoles utilisent des logiciels génériques (comme Excel, Word, Access), mais ceux-ci
ne garantissent ni la sécurité, ni la traçabilité, ni la collaboration en temps réel et ne sont pas
adaptés à l’évolution des besoins des établissements scolaires.

L’ensemble de ces constats justifie pleinement le besoin d’une solution web moderne,
centralisée et sécurisée, capable de faciliter la gestion scolaire et de fournir un accès rapide et
structuré à l’information.

NGNITEDEM SHELSEA LORENZA 11

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

SECTION II- CAHIER DE CHARGE

Un cahier des charges est un document contractuel à respecter lors de la conception d’un
projet et par lequel le maitre d’ouvrage exprime son besoin pour le projet. Il permet à un
maître d’ouvrage de faire savoir au maître d’œuvre ce qu’il attend de lui lors de la réalisation
du projet entraînant des pénalités en cas de non-respect.

I- PRÉSENTATION DE L’ENTREPRISE

L’entreprise partenaire est un établissement scolaire primaire situé à Douala, œuvrant dans le
secteur de l’éducation de base. Sa mission est de dispenser un enseignement de qualité tout en
assurant une gestion administrative efficace mais fait face à des défis liés à la gestion
manuelle des inscriptions, des notes, des enseignants... Dans le but de moderniser ses outils de
gestion, l’établissement a sollicité le développement d’une application web centralisé pour
automatiser ses processus scolaires et administratifs.

II- OBJECTIFS DE L’APPLICATION WEB

L’application a pour objectifs de :

- Optimiser la gestion administrative de l’école ;

- Digitaliser les opérations courantes : inscriptions, enregistrement des notes, gestion
des enseignants, des paiements, des emplois du temps…
- Fournir un tableau de bord décisionnel pour aider l’administration à piloter les
performances ;
- Faciliter le suivi des résultats académiques et des paiements en temps réel ;
- Archiver automatiquement les données d’années en année (élèves, bulletins,
paiements, enseignants, etc.) pour assurer la traçabilité à long terme.
- Générer des statistiques dynamiques (taux de réussite, répartition des paiements,
effectifs par niveau, etc.) pour appuyer les prises de décision.

NGNITEDEM SHELSEA LORENZA 12

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

III- CIBLES DU PROJET

Ce projet vise principalement plusieurs types d’utilisateurs à savoir :

- Administrateurs : gestion globale du système ;

- Enseignants : gestion des notes et consultation de leurs classes et des emplois du
temps;
- Elèves (lecture seule) : consultation des résultats, des emplois du temps ;
- Parents (phase ultérieure) : accès aux bulletins et paiements ;

IV- PERIMETRE DU PROJET

Inclus dans la version livrable :

- Authentification et gestion des rôles ;

- Gestion des élèves, enseignants, classes, matières, emplis du temps ;
- Enregistrement des notes et calcul des moyennes avec observations et appréciations ;
- Génération automatique des bulletins (PDF) ;
- Gestion des frais de scolarité et édition de reçus ;
- Tableau de bord avec indicateurs clés (nombre d’élèves, paiements, taux de réussite) ;
- Archivage des élèves et enseignants en fin d’année scolaire ;
- Module de statistiques dynamiques (moyennes par classe, taux de réussite, répartition
des paiements, etc.).

Exclus (évolutif) :

- Notification par SMS ou email ;

- Application web native ;
- Portail parent/élève externe.

V- CHARTE GRAPHIQUE DU PROJET

L’interface utilisateur repose sur le template AKADEMI, une solution moderne, responsive et
adapté aux environnements éducatifs. Le choix de ce template permet d’offrir une expérience
fluide, intuitive, et agréable aux utilisateurs de l’application.

NGNITEDEM SHELSEA LORENZA 13

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

1- Palette de couleurs

Le template propose jusqu’à 15 variantes de couléurs (color_1 à color_15). L’application

adopte une personnalisation cohérente à partir de cette palette, notamment :

- Couleur principale : color_5 utilisée por les boutons, menus actifs, etc ;
- Entete (headerBg) : color_12 ;
- Menu de navigation (navheaderBg) : color_5 ;
- Barre latérale (sidebarBg) : color_5.

Cette configuration assure une harmonie visuelle, tout en respectant les exigences de lisibilité
et d’accessibilité.

2- Typographie
- Police principale : poppins – moderne, lisible et professionnelle ;
- Polices secondaires compatibles : Roboto, Open Sans, Helvetica.

3- Disposition et structure

L’application respecte la disposition du thème :

- Thème : Clair (light) ;

- Disposition principale : Verticale (menu latéral vertical) ;
- Style de barre latérale : Pleine largeur (full) ;
- Position fixe : En-tête et barre latérale (fixed) ;
- Mise en page du conteneur : Largeur étendue (wide).

4- Iconographie

L’interface intègre plusieurs bibliothèques d’icônes, favorisant une navigation intuitive :

- Font Awesome, Feather Icons, Flaticon, Material Design Icons, Simple Line
Icons, Themify Icons.

5- Technologies Front-End utilisées

- Framework CSS : Bootstrap 5.x ;

- Préprocesseur CSS : SASS ;

NGNITEDEM SHELSEA LORENZA 14

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

- Compatibilité : Design 100% responsive ;

- Performance UI : Optimisation du temps de chargement et accessibilité mobile.

VI- PARCOURS UTILISATEUR

1- Administrateur :
a- Se connecter au tableau de bord personnalisé ;
b- Gère les utilisateurs (enseignants, élèves, parents), les classes, les matières, les
emplois du temps, les frais de scolarité ;
c- Supervise l’enregistrement des notes et valide les bulletins ;
d- Archive les anciennes années scolaires (élèves, notes, paiements) ;
e- Accède aux statistiques globales (inscriptions, moyennes générales, paiements,
absences, taux de réussite)
2- Enseignant :
a- Se connecter pour accéder uniquement à ses classes et matières attribuées ;
b- - Saisit les notes des élèves, ajoute des observations ou des remarques visualise les
moyennes ;
c- Consulte l’historique des bulletins générés pour chaque élève.
3- Elève (version évolutive) :
a- Se connecter en lecture seule ;
b- Consulte ses résultats, absences et remarques des enseignants ;
c- Accède à l’historique de ses bulletins et au calendrier scolaire.
4- Parent (version évolutive)
a- Se connecter via un espace dédié sécurisé ;
b- Consulte les résultats et les paiements de ses enfants ;
c- Télécharge les bulletins de notes ;
d- Reçoit des notifications sur les échéances de paiements et performances.

VII- SPÉCIFICITÉS TECHNIQUES ET FONCTIONNELLES

1- Spécificités techniques
- Back-end : PHP 8.2 avaec Laravel 10 ;

NGNITEDEM SHELSEA LORENZA 15

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

- Front-end : HTML5, CSS3, Javascript (Bootstrap 5, Blade) ;

- Base de données : PostgreSQL ;
- Serveur de développement : XAMPP ;
- Outils de gestion de version : Git (GitHub°.
- IDE utilisé : Visual Studio Code.

2- Spécificités fonctionnelles
A- Besoins fonctionnels

Les besoins fonctionnels décrivent ce que le système doit faire. Ce sont les fonctionnalités
principales de l’application :

- Gestion des utilisateurs (admin, enseignants, parents, élèves) ;

- Enregistrement et gestion des élèves, enseignants, classes, matières ;
- Attribution des notes et calcul automatique des moyennes ;
- Génération des bulletins téléchargeables (PDF) ;
- Gestion des frais de scolarité (paiement, historique) ;
- Tableau de bord avec statistiques (nombre d’élèves, performances, etc.) ;
- Système de notification ;
- Recherche et filtrage dans toutes les entités ;
- Authentification et gestion des sessions.

B- Besoins non fonctionnels

Les besoins non fonctionnels définissent comment le système doit fonctionner (performances,
sécurité, maintenabilité, etc.) :

- Performance : temps de réponse inférieur à 2s pour chaque action ;

- Sécurité :
 Authentification sécurisée avec Hasting des mots de passe ;
 Middleware pour contrôler l’accès aux ressources sensibles ;
 Protection contre les attaques CSRF, XSS et injection SQL ;
- Accessibilité : interface responsive pour PC, tablette, mobile ;
- Maintenabilité : architecture MVC modulaire avec respect des principes SOLID ;
- Portabilité : déployable sur tout serveur supportant Laravel et PostgreSQL ;

NGNITEDEM SHELSEA LORENZA 16

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

- Compatibilité : prise en charge des navigateurs récents (Chrome, Firefox, Edge) ;

- Scalabilité : structure permettant l’ajout de nouvelles fonctionnalités (gestion des
cantines, bibliothèque, etc.).

VIII- PRESTATIONS ATTENDUES

Le projet doit fournir les éléments suivants :

 Une interface d’authentification sécurisée pour les utilisateurs (administrateurs,

enseignants…).
 Un module de gestion des élèves (ajout, modification, suppression, visualisation).
 Un module de gestion des enseignants et des matières…
 Un module de gestion des emplois du temps par classe et par enseignant.
 Un tableau de bord synthétique permettant à l’administrateur de visualiser les
informations clés.
 Un design responsif et moderne, basé sur un Template Bootstrap.
 Une base de données structurée et bien documentée.
 Une documentation technique de l’application.

IX- PLANNING ET DÉLAIS

Tableau III : Planning et délais

Phase Description Durée prévue

Etude préliminaire Analyse et définition des 2 semaines
objectifs
Conception Maquettage Figma, 1 à 2 semaines
modélisation UML
Développement Codage avec Laravel, 3 semaines
Bootstrap et PostgreSQL
Tests et validation Vérification du bon 1 semaine
fonctionnement
Documentation et rapport Rédaction des documents 1 semaine
techniques et rapports

NGNITEDEM SHELSEA LORENZA 17

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

Livraison Déploiement et présentation 1 semaine

finale

X- BUDGET PRÉVISIONNEL DU PROJET

Le projet a été réalisé dans le cadre d’un stage académique. Aucun financement externe n’a
été requis. Toutefois, un budget théorique peut être établi pour estimer les ressources
nécessaires si le projet devait être développé de manière professionnelle.

Tableau IV : Budget du projet

Elément Cout estimé

Connexion Internet (pendant la durée du 10000 FCFA
projet)
Outils et logiciels Gratuit/Open source
Template Bootstrap 11000 FCFA
Divers (impression, déplacement, etc…) 10000 FCFA
Budget prévisionnel total estimé : 31000 FCFA

SECTION III- PRESENTATION DES RESULTATS

I- MODÉLISATION ET DIAGRAMMES

1- Modèle de développement (méthode Agile)

Le modèle de développement d’une application est l’ensemble des étapes effectuées pour la

réalisation de cette application. On distingue plusieurs modèles de développement : le modèle

en v, le modèle en cascade, le développement par prototypage, la méthode agile, Le

modèle en Spirale de Boehm etc. Le modèle avec lequel notre application a été implémenté

est la méthode Agile. C’est une approche de gestion de projet qui repose sur un travail

itératif, en petites étapes appelées sprints, permettant d’obtenir rapidement des versions

fonctionnelles du produit. Elle favorise la collaboration, l’adaptabilité et l’amélioration

continue grâce à des retours réguliers des utilisateurs ou de l’équipe.

NGNITEDEM SHELSEA LORENZA 18

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

Figure 3 : Logo de UML

UML (de l’anglais Unified Modeling Language) ou langage de modélisation unifié, est un
langage de modélisation graphique constitués d’un ensemble de schémas appelés diagrammes,
qui donnent à chacun une vision différente du projet à traiter. UML est utilisé pour spécifier,
visualiser, modifier et construire les documents nécessaires au bon développement d’un
logiciel orienté objet. Il offre un standard de modélisation, pour représenter l’architecture
logicielle. Les différents éléments représentables sont :

- Activité d’un objet/logiciel - Réutilisation des composants

- Acteurs - Schéma de bases de données

- Processus - Composants logiciels

UML est particulièrement utile dans notre cas elle nous permettra de décrire de manière
graphique au travers du diagramme de cas d’utilisation, diagrammes de classes, diagrammes
de séquence et d’activité l’architecture logicielle du système que nous souhaitons mettre sur
pied.

2- Diagramme de classe

Le diagramme de classe est un outil de modélisation qui représente la structure statique d’un
système en termes de classes, attributs de méthodes et de relations entre les classes. Bien plus,

NGNITEDEM SHELSEA LORENZA 19

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

il permet principalement de visualiser la structure des objets qui composent un système

logiciel et les interactions entre les objets. Dans notre projet, nous l’avons comme suite :

Figure 4 : Diagramme de classe de l’application

3- Diagramme de cas d’utilisation

Un diagramme de cas d’utilisation est utilisé pour représenter le comportement dynamique

d’un système. Il encapsule la fonctionnalité du système en incorporant des cas d’utilisation,
des secteurs et leurs relations. Dans notre projet, nous l’avons comme suite :

NGNITEDEM SHELSEA LORENZA 20

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

Figure 5 : diagramme de cas d’utilisation de l’application

4- Architecture du projet

Le projet suit l’architecture MVC (Modèle-Vue-Contrôleur) :

 Modèle (Model) : gère les interactions avec la base de données.

 Vue (View) : gère l’interface utilisateur.
 Contrôleur (Controller) : contient la logique métier.

II- PRÉSENTATION DES INTERFACES

Afin de mieux illustrer les fonctionnalités développées, cette section présente les différentes
interfaces utilisateur de l’application. Chaque écran est conçu de manière à répondre à un
besoin fonctionnel précis, en respectant les principes d’ergonomie, de clarté et de
performance.

NGNITEDEM SHELSEA LORENZA 21

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

1- Ecran de connexion

Cet écran permet à l’utilisateur de se connecter à son espace personnel. Le système vérifie les
identifiants dans la base de données PostgreSQL. En cas d’erreur, un message de notification
s’affiche.

Figure 6 : Ecran de connexion

2- Tableau de bord de l’administrateur

Le tableau de bord permet à l’administrateur de visualiser rapidement les informations clés de

l’établissement à travers des indicateurs graphiques et des menus de navigation.

NGNITEDEM SHELSEA LORENZA 22

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

Figure 7 : Tableau de bord de l’administrateur

3- Interface de gestion des notes

Les enseignants peuvent ajouter, modifier et supprimer des notes et faire des remarques sur
les performances des élèves.

Figure 8 : Interface d’enregistrement des notes

4- Interface d’inscription et des absences
Ces formulaires permettent de gérer les inscriptions et les absences des élèves en renseignant
leurs informations personnelles et l’objet de leurs absences.

NGNITEDEM SHELSEA LORENZA 23

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

Figure 9 : Formulaires d’inscriptions et de suivi des absences

La réalisation de l’application s’est appuyée sur une méthodologie rigoureuse, depuis la

modélisation des besoins jusqu’à l’implémentation technique des interfaces et fonctionnalités.
Le choix du framework Laravel, associé à une base de données PostgreSQL et une approche
orientée objet respectant les principes SOLID, a permis de concevoir une application robuste
et évolutive. Les interfaces développées répondent efficacement aux besoins fonctionnels du
système de gestion d’école, et constituent une base solide pour de futures améliorations.

NGNITEDEM SHELSEA LORENZA 24

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

CHAPITRE III : ANALYSE DES RESULTATS

Ce chapitre vise à analyser les résultats obtenus à la suite du développement de

l’application de gestion scolaire. Il s’agit d’évaluer dans quelle mesure les objectifs fixés en
début de stage ont été atteints, d’identifier les apports réels de l’application pour l’utilisateur
final, et de discuter des éventuelles difficultés rencontrées. L’analyse se conclut par une
réflexion sur les limites du projet ainsi que les pistes d’améliorations envisageables.

SECTION I : COMMENTAIRE DES RESULTATS

Les résultats obtenus à l’issue du chapitre 2 démontrent une réelle avancée dans la
digitalisation de la gestion scolaire. L’application répond aux besoins exprimés en facilitant :

o La centralisation des données (élèves, classes, notes…).

o La réduction des erreurs manuelles.
o Le gain de temps dans le traitement administratif.

L’utilisation de Laravel a permis une séparation claire entre la logique métier et la

présentation, garantissant un code maintenable. La structure de la base PostgreSQL permet
une manipulation efficace des données relationnelles.

Le retour des utilisateurs témoins a également révélé une expérience utilisateur

intuitive, notamment grâce à la conception UI sur Figma.

SECTION II : RECOMMANDATIONS ET SUGGESTIONS

Afin de renforcer davantage l’efficacité de la solution, plusieurs pistes d’amélioration
peuvent être envisagées :

o Ajouter un système de notifications (par mail ou SMS) pour informer les parents des
absences, des bulletins ou des réunions.

NGNITEDEM SHELSEA LORENZA 25

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

o Intégrer une fonctionnalité de communication interne (chat ou messagerie) entre

enseignants, administration et parents.
o Permettre l’exportation des bulletins en format PDF, avec signature numérique.
o Mettre en place un module mobile responsive ou une application Android légère pour
faciliter l’accès aux parents et élèves via smartphone.
o Sécurisation avancée avec authentification à deux facteurs (2FA).

SECTION III : LIMITES DU TRAVAIL

Bien que la solution développée remplisse déjà plusieurs fonctions essentielles, certaines
limites doivent être reconnues :

o Le temps limité imparti au stage n’a pas permis d’implémenter toutes les
fonctionnalités prévues initialement.
o Certaines fonctions avancées (comme l’authentification multi-rôles complexe ou les
statistiques avancées) n’ont pas été finalisées.
o La non-disponibilité continue des utilisateurs finaux a parfois ralenti la phase de test
utilisateur.

Néanmoins, ces limites n’altèrent pas la pertinence ni la viabilité de l’application. Elles

constituent plutôt des axes de développement futur, pour rendre l’outil encore plus complet et
adapté aux réalités du terrain.

NGNITEDEM SHELSEA LORENZA 26

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

CONCLUSION GENERALE
Le présent stage a été une opportunité enrichissante tant sur le plan académique que
professionnel. Il a permis de mettre en pratique les connaissances acquises au cours de la
formation, tout en découvrant les réalités du développement logiciel en entreprise. A travers la
conception et la mise en œuvre d’une application de gestion d’une école, nous avons pu
répondre à des besoins réels exprimés par les utilisateurs finaux, tout en respectant une
démarche rigoureuse fondée sur le design Thinking, la modélisation UML, les principes
SOLID et l’exploitation de technologies modernes telles que Laravel et PostgreSQL. Cette
expérience a non seulement renforcé notre maitrise des outils de développement (Figma,
Laravel, StarUML), mais a aussi permis de développer des compétences transversales comme
le travail en équipe, la gestion de projet, l’analyse des besoins, et la communication
professionnelle avec les parties prenantes. Malgré quelques limites dues au temps impartis des
ressources disponibles, les résultats obtenus sont encourageants et constituent une base solide
pour une amélioration future de la solution. Des pistes d’évolution ont été proposées afin de
renforcer la valeur ajoutée de l’application et d’envisager son déploiement à plus grande
échelle. En somme, ce stage a été une expérience formatrice, marqué par l’engagement, la
réflexion critique et l’innovation. Il ouvre des perspectives prometteuses pour la suite du
parcours professionnel, en particulier d’applications web au service de la transformation
numérique des établissements éducatifs.

NGNITEDEM SHELSEA LORENZA 27

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

BIBLIOGRAPHIE

1. Webographie

 Laravel : https://laravel.com/docs
 Principes SOLID : https://solidprinciples.com
 OpenClassrooms – Cours en ligne sur le développement web et les bases de données
 PostgreSQL : https://www.postgresql.org/docs/

2. Livres
 « UML_2 », édition 2007-2008, auteur Laurent AUDIBERT, 178 Pages, découvert le
29/04/2023 jusqu’à nos jours,
 « JavaScript », 58 pages, découvert le 02/01/2024 à 14h53mins jusqu’à nos jours.

3. L’intelligence artificielle
 Le site https://beta.theb.ai/home, créé le 31/08/2022, par la société OpenAI et visité le
11/07/2023 jusqu’à nos jours.

4. Document académique
 Canevas de rédaction du rapport de stage, reçus le 27/01/2025 à 14h55min jusqu’à nos
jours.

NGNITEDEM SHELSEA LORENZA 28

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

ANNEXES

ANNEXE 1 : MAQUETTES DE L’APPLICATION

Cette annexe présente les interfaces graphiques de l’application, conçu avec l’outil Figma
dans le cadre de la phase dev prototypage (Design Thinking).

Figure A1.8 : Interface d’enregistrement des notes

Figure A1.9 : Formulaires d’inscriptions et de suivi des absences

NGNITEDEM SHELSEA LORENZA 29

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

ANNEXES 2 : DIAGRAMME UML

Figure A2. 1 : Diagramme de classes

Figure A2.2 : Diagramme de cas d’utilisation

NGNITEDEM SHELSEA LORENZA 30

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

ANNEXES 3 : CAPTURES D’ECRAN DE L’APPLICATION

Figure A3.1 : tableau de bord de l’admin

Figure A3.2 : formulaire de connexion

NGNITEDEM SHELSEA LORENZA 31

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

TABLE DE MATIERES
DEDICACE................................................................................................................................I
REMERCIEMENTS ............................................................................................................... II
SOMMAIRE .......................................................................................................................... III
ABSTRACT ............................................................................................................................. V
LISTE DES FIGURES........................................................................................................... VI
LISTE DES TABLEAUX..................................................................................................... VII
LISTE DES ABREVIATIONS ...........................................................................................VIII
INTRODUCTION GENERALE .......................................................................................... IX
CHAPITRE 1 : PRESENTATION GENERALE DE L’ENTREPRISE ET
DEROULEMENT DU STAGE ................................................................................................. 1
SECTION I : PRÉSENTATION DE L'ENTREPRISE ........................................................... 1
I. ADRESSE ET LOCALISATION DE L’ENTREPRISE ............................................... 1
II. ORGANISATION ET FONCTIONNEMENT DE L'ENTREPRISE ...................... 2
1- La direction générale...................................................................................................... 2
2- Le service comptable ...................................................................................................... 3
3- Département technique et informatique ........................................................................ 3
4- Le service immobilier ..................................................................................................... 3
SECTION II : DÉROULEMENT DU STAGE ....................................................................... 4
I- ATTENTES DU STAGIAIRE.......................................................................................... 4
1- Les difficultés rencontrées au sein de l’entreprise......................................................... 4
2- Intégration......................................................................................................................... 5
II- JUSTIFICATION ET OBJECTIFS DU THEME ...................................................... 5
1- Justification du thème ................................................................................................... 5
2- Objectifs du thème ........................................................................................................ 6
SECTION III : METHODOLOGIE RETENUE ..................................................................... 6
I- APPROCHE DESIGN THINKING ................................................................................ 6
II- DÉMARCHE DE DÉVELOPPEMENT ..................................................................... 7
III- OUTILS ET TECHNOLOGIES UTILISÉES ............................................................ 7
IV- PRINCIPES DE CONCEPTION ................................................................................. 8
CHAPITRE II : ANLYSE ET CONCEPTION ...................................................................... 10
SECTION I : ETUDE PRELIMINAIRE DU PROJET ........................................................ 10
I- PROBLÉMATIQUE ....................................................................................................... 10
II- ETUDE DE L’EXISTANT .......................................................................................... 11
SECTION II- CAHIER DE CHARGE................................................................................... 12
I- PRÉSENTATION DE L’ENTREPRISE ....................................................................... 12
II- OBJECTIFS DE L’APPLICATION WEB................................................................ 12
III- CIBLES DU PROJET ................................................................................................. 13
IV- PERIMETRE DU PROJET ....................................................................................... 13
V- CHARTE GRAPHIQUE DU PROJET ........................................................................ 13
1- Palette de couleurs ....................................................................................................... 14

NGNITEDEM SHELSEA LORENZA 32

 CONCEPTION D’UNE APPLICATION WEB DE GESTION D’UNE
ECOLE

2- Typographie ................................................................................................................. 14
3- Disposition et structure ............................................................................................... 14
4- Iconographie ................................................................................................................ 14
5- Technologies Front-End utilisées ............................................................................... 14
VI- PARCOURS UTILISATEUR ..................................................................................... 15
VII- SPÉCIFICITÉS TECHNIQUES ET FONCTIONNELLES ................................... 15
1- Spécificités techniques................................................................................................. 15
2- Spécificités fonctionnelles ........................................................................................... 16
A- Besoins fonctionnels ................................................................................................. 16
B- Besoins non fonctionnels ......................................................................................... 16
VIII- PRESTATIONS ATTENDUES ............................................................................... 17
IX- PLANNING ET DÉLAIS ........................................................................................... 17
X- BUDGET PRÉVISIONNEL DU PROJET ................................................................... 18
SECTION III- PRESENTATION DES RESULTATS........................................................... 18
I- MODÉLISATION ET DIAGRAMMES ....................................................................... 18
1- Modèle de développement (méthode Agile) ................................................................. 18
2- Diagramme de classe .................................................................................................... 19
3- Diagramme de cas d’utilisation ................................................................................... 20
4- Architecture du projet .................................................................................................. 21
II- PRÉSENTATION DES INTERFACES ..................................................................... 21
1- Ecran de connexion...................................................................................................... 22
2- Tableau de bord de l’administrateur ............................................................................ 22
3- Interface de gestion des notes ...................................................................................... 23
CHAPITRE III : ANALYSE DES RESULTATS ................................................................. 25
SECTION I : COMMENTAIRE DES RESULTATS ............................................................. 25
SECTION II : RECOMMANDATIONS ET SUGGESTIONS ............................................. 25
SECTION III : LIMITES DU TRAVAIL ............................................................................... 26
CONCLUSION GENERALE ............................................................................................... 27
BIBLIOGRAPHIE ................................................................................................................. 28
1. Webographie ................................................................................................................ 28
2. Livres ............................................................................................................................ 28
3. L’intelligence artificielle .............................................................................................. 28
ANNEXES ............................................................................................................................... 29
ANNEXE 1 : MAQUETTES DE L’APPLICATION....................................................... 29
ANNEXES 2 : DIAGRAMME UML ................................................................................ 30
ANNEXES 3 : CAPTURES D’ECRAN DE L’APPLICATION ..................................... 31

NGNITEDEM SHELSEA LORENZA 33