REPUBLIQUE DE DJIBOUTI

Unité-Égalité-Paix
****************************************************
Ministère de l'Enseignement Supérieur et de la recherche

Université de Djibouti

Thème : Conception et Réalisation d’une Application web

d’inscription et de paiement en ligne pour le CFEEF

 Ali Mohamed Chehem

 Ibrahim Mohamed Meraneh
Mr Mohamed Nour Weirah
 Youssouf Mohamed Youssouf
 Ralia Omar Ismail
 Salwa Mohamed Bourhan

1
 Remerciement………………………………………………………………………………………… 3
Introduction Générale ……………….....……………………………………………………….. 4
I. Présentation du centre de formation CFEEF

1. Définition …………………………………………………………………………………………. 5
2. Fiche technique ………………………………………………………………………………….6
3. Organigramme du centre CFEEF ……………………………………………………….…6
4. Structure du CFEEF ……………………………………………………………………………..7

II. Présentation et analyse du projet

1. Présentation du projet ………………………………………………………...…………….7

2. Étude de l’existant .………………………………………………………………………..…..8
3. Analyse des besoins………………………………………………………………….………..9
4. Problématique………………………………………………………………………….………10
5. Solutions proposées………………………………………………………………………….11

III. Planification du projet

1. Tableau de planification……………………………………………………………………12
2. Diagramme de gant………………………………………………………………………….13

IV. La conception

1. Introduction…………………………………………………….………………………….….14
2. Méthodologie d’analyse………………………………………………………………….14
2.1 Le langage UML……………………………………………………………………………...15
3. Les acteurs et leurs rôles…………………………………………………………….…..15
3.1 Les cas d’utilisations ……………………………………………………………………...15
3.2 Le diagramme de classe …………………………………………………………........18
3.3 Le diagramme de cas d’utilisation…………………………………………………..18
3.4 Le diagramme de séquence………………………………………………………….…19

2
V. L’Application

1. Introduction………………………………………………………………………………………21
2. Outils de développement……………………………………………………………….…21
2.1 HTML5…………………………………………………………………………………………..…21
2.2 CSS3…………………………………………………………………………………………………21
2.3 PHP………………………………………………………………………………………………....22
2.4 JAVASCRIPT………………………………………………………………………………..…….22
2.5 MYSQL……………………………………………………………………………………………..22
2.6 WAMPSERVER…………………………………………………………………………….……22
3. Les interfaces de l’Application……………………………………………………..…….23
3.1 Page d’inscription…………………………………………………………………………….23
3.2 Interface d’administration……………………………………………………………..…25

Conclusion……………………………………………………………………………………………….…30
Bibliographie………………………………………………………………………………………………31

3
Remerciement

Nous remercions tout d’abord Dieu le tout-Puissant qui nous a accordé le courage et la
persévérance nécessaires pour accomplir ce travail. Nous sommes conscients que nous
n'aurions pas pu en arriver là sans sa grâce.
Nous tenons également à exprimer notre reconnaissance envers nos parents pour leur
amour et leur soutien constants, ainsi que pour les sacrifices qu'ils ont consentis pour nous
permettre de poursuivre nos études. Nous sommes également reconnaissants envers notre
cher encadreur, M. Mohamed Nour Weirah, pour son engagement et ses précieux conseils
tout au long du projet.

Nous souhaitons également remercier notre entourage, y compris nos parents, nos
professeurs et nos amis, pour leur contribution à notre parcours académique.

Enfin, nous exprimons notre profond respect et notre gratitude envers les membres du jury,
qui ont accepté de juger notre travail et de partager leurs réflexions et critiques scientifiques.
Nous espérons que notre modeste travail répondra à leurs attentes et contribuera à notre
développement personnel et professionnel.

4
Introduction générale

Dans un monde où les technologies de l'information et de la communication ont une place

prépondérante, les entreprises, les organisations et les institutions cherchent sans cesse à
optimiser leurs processus en ligne. Parmi ces processus, l'inscription en ligne est devenue
une pratique courante qui offre de nombreux avantages en termes de simplicité, d'efficacité
et de gain de temps. L’inscription en ligne permet une gestion simplifiée et centralisée des
inscriptions. Les administrateurs peuvent facilement gérer les inscriptions depuis une
plateforme en ligne, ce qui permet d'éviter les erreurs de saisie ou de traitement des
données. Les participants peuvent quant à eux s'inscrire facilement et rapidement, sans avoir
à remplir des formulaires papier ou à se déplacer physiquement.
Notre projet de fin d'études porte sur la conception et la réalisation d'une application web
d'inscription et de paiement en ligne pour le Centre de Formation des Enseignants de
l'Enseignement Fondamental (CFEEF) qui est un établissement d'enseignement et de
formation professionnelle des personnels de l'Éducation nationale.

Comment concevoir et mettre en place une application web d’inscription et de paiement

en ligne qui soit conviviale et intuitive pour les utilisateurs ?

Dans un premier lieu nous allons présenter le Centre de Formation des Enseignants de
l'Enseignement Fondamental. Dans un deuxième lieu nous allons voir l’analyse et la
planification du projet. Dans un troisième lieu nous allons élaborer la conception du projet et
présenter les différents outils utilisés et les interfaces de l’application .Enfin nous allons
conclure notre projet.

5
 I. Présentation du centre de formation des Enseignants de
l’Enseignement Fondamental (CFEEF).

1. Définition :
Le Centre de Formation des Enseignants de l'Enseignement Fondamental (CFEEF) est un
établissement d'enseignement et de formation professionnelle des personnels de l'éducation
nationale.
Il a pour missions :

a) La formation professionnelle initiale et continue des personnels d'enseignement,

d'encadrement, de supervision, d'administration et de gestion de l'éducation
nationale.
b) La formation professionnelle initiale et continue des personnels des autres institutions
d'enseignement privé à leurs demandes et en établissant un partenariat avec les
institutions.
c) L'étude et le développement de l'ingénierie de formation.
d) La promotion de la recherche en science d'éducation.
e) L'étude le développement de l'ingénierie de formation.

Le CFEEF est en lien permanent avec son environnement scolaire à travers les différents
stages effectués sur le terrain de ses élèves-professeurs pour s’initier aux multiples facettes
du métier d’enseignant.

L’établissement est doté d’une infrastructure technique et technologique moderne avec des
salles multimédias.

Toutes ces formations sont assurées par un staff pédagogique comprenant des enseignants-
chercheurs, des conseillers pédagogiques, des inspecteurs de tous ordres d’enseignement.

Figure 1 : Logo de CFEEF.

6
 2. Fiche technique :

Raison sociale Centre de Formation des Enseignants de

l'Enseignement Fondamental
Adresse postale 77101
Tél +25377869523
Email contact@cfeef.edu.d

Fax +25321320300
Site web http://www.cfeef.edu.dj/
Date de création Octobre 2010
Directrice Aicha Farah Iltireh
Effectif global 498

Tableau 1 : fiche technique du centre de formation CFEEF

3. Organigramme du centre CFEEF :

Directeur Général

Direction de la
Formation, des Direction de la Scolarité Direction de
Innovations et des Ressources l'Administration et des
Pédagogiques et du Pédagogiques Finances
Partenariat

Figure 2 : Organigramme du CFEEF

7
 4. Structure du centre CFEEF Omar Guelleh Ahmed :
Le centre de formation compte environ 498 élèves-professeurs, se répartissant comme suit :
o 240 élèves-professeurs des écoles pour l'enseignement de base dont 150 francisant,
50 pour le préscolaire, 20 arabisants et 20 anglophones,
o 228 élèves-professeurs pour l'enseignement moyen, secondaire,
o 30 élèves-professeurs pour l'enseignement bilingue (français et arabe).

La durée d’étude est étalée sur 2 années, dans lequel il y a une complémentarité entre les
études théoriques et les stages obligatoires effectués (3 stages en première année).

Le service de la scolarité reçoit un grand nombre de dossier d’inscription soumis par les élève-
professeur, le service vérifie si les dossiers sont complets c’est dire s’il comporte tous les pièces
demandées. Une fois que c’est fait l’élève-professeurs est invité à payer le frais d’inscriptions.

Parmi les rôles du service :

 Gestion du dossier d’inscription : c’est la tâche principale du service, l’administrateur

doit vérifier, valider le dossier d’inscription et consulter la liste des élève-professeur
inscrit.
 Vérification du paiement de l’inscription et fournir les identifiants pour se connecter à
la plateforme de Moodle pour qu’ils suivent des cours et passes des examens en ligne.

II. Présentation et Analyse du projet

1. Présentation du projet

Notre projet de fin d’études consiste à la conception et réalisation d'une application web
d'inscription et de paiement en ligne pour les nouveaux élèves professeurs admis au
concours du Centre de Formation des Enseignants de l'Enseignement Fondamental (CFEEF).
Ce projet a été réalisé dans le cadre de notre cursus universitaire sous la supervision de, M.
Mohamed Nour Weirah.
L'objectif central de notre projet consiste à optimiser les procédures d'inscription et de
paiement pour les nouveaux élèves professeurs admis au concours au CFEEF. Suite à une
observation minutieuse, nous avons identifié des lacunes dans les processus existants qui
reposent principalement sur des documents papier et des délais prolongés. Ces inefficacités
ont engendré des frustrations tant pour les étudiants que pour le personnel administratif. Par
conséquent, notre projet s'est concentré sur la simplification et l'amélioration de ces
procédures, en adoptant une approche numérique pour offrir une expérience plus fluide et
conviviale à toutes les parties prenantes.

8
 2. Étude de l’existant

- Analyse des processus d'inscription actuels :

Le Centre de Formation des Enseignants de l'Enseignement Fondamental (CFEEF) reçoit
uniquement les nouveaux élèves professeurs admis au concours. Afin de finaliser leur
inscription administrative, les étudiants doivent constituer un dossier papier comprenant
plusieurs pièces justificatives, à savoir :

- 4 photos d'identité.
- une copie de leur carte d'identité.
- une copie conforme de leur diplôme.
- une demande manuscrite écrite au Ministère de l' 'Éducation Nationale et de la
Formation Professionnelle (MENFOP).
- une carte réponse à retirer de l'Agence Nationale pour la Promotion de l'Habitat et de
la Propreté (ANPHIP).
- un bulletin n°3.
- un certificat médical d'aptitude.
- ainsi qu'un paiement de 10 000 FJD.

Une fois que le dossier est complet, les nouveaux élèves professeurs doivent remplir un
formulaire sur Google Forms pour finaliser leur inscription. Ils obtiennent alors leurs
identifiants et leur mot de passe pour se connecter sur la plateforme dédiée au CFEEF. Cette
plateforme leur permettra de suivre leurs cours, de passer des examens et d'accéder à toutes
les ressources dont ils ont besoin pour réussir leur formation.

- Évaluation des délais de traitement, des éventuelles erreurs et des

problèmes de suivi rencontrés dans le processus actuel au CFEEF :

Le processus manuel implique généralement un flux de travail fragmenté, où les demandes

d'inscription et les paiements sont gérés séparément. Cela peut entraîner des retards dans le
traitement, car les documents physiques doivent être acheminés entre différents services et
les paiements nécessitent une vérification manuelle.

De plus, la saisie manuelle des informations peut engendrer des erreurs et des incohérences
dans les données collectées. Des erreurs de transcription ou des informations manquantes
peuvent survenir, nécessitant des rectifications ultérieures qui prolongent davantage le
processus.

Le suivi des demandes d'inscription et des paiements peut également être problématique
dans un environnement sans application web dédiée. Les informations sont souvent
9
dispersées entre différents systèmes ou documents papier, ce qui rend difficile la
consultation et le suivi en temps réel. Cela peut entraîner une perte de visibilité sur l'état des
demandes et des paiements, ce qui peut causer des problèmes de communication avec les
parties prenantes.

3. Analyse des besoins

Objectifs du projet :

L'objectif principal de ce projet est de simplifier et d'améliorer les processus d'inscription et

de paiement pour les nouveaux élèves professeurs admis au concours au CFEEF. Nous avons
constaté que les procédures existantes, qui reposent principalement sur des documents
papier et des délais prolongés, engendraient des inefficacités et des frustrations tant pour les
étudiants que pour le personnel administratif.

Pour mener à terme notre projet, on doit atteindre ses différents objectifs :

 Faciliter le processus d'inscription en ligne pour les étudiants du Centre de Formation

des Enseignants de l'Enseignement Fondamental (CFEEF).
 Permettre aux étudiants de soumettre tous les documents nécessaires de manière
électronique.
 Simplifier le processus de paiement des frais d'inscription et offrir différentes options
de paiement en ligne sécurisées.
 Fournir aux étudiants un accès facile aux informations sur les cours, les examens et
les ressources pertinentes.

Utilisateurs et parties prenantes

 Élève-professeurs du CFEEF : Ils devront pouvoir s'inscrire en ligne, soumettre les

documents requis, effectuer le paiement des frais d'inscription et accéder aux
informations sur leur formation.

 Personnel administratif du CFEEF : Ils devront gérer les demandes d'inscription,

vérifier les documents soumis et traiter les paiements.

 Responsables du CFEEF : Ils souhaitent disposer de rapports et de statistiques sur les

inscriptions et les paiements pour faciliter la gestion globale.

10
 Fonctionnalités essentielles

 Formulaire d'inscription en ligne Multi-steps avec des champs appropriés pour

collecter les informations personnelles des étudiants.
 Possibilité de télécharger les documents requis (photos d'identité, copies de carte
d'identité, diplômes, etc.) de manière sécurisée.
 Système de paiement en ligne sécurisé, offrant différentes options (carte de crédit,
virement bancaire, etc.).
 Tableau de bord pour le personnel administratif, leur permettant de visualiser les
demandes d'inscription en attente, de vérifier les documents et de gérer les
paiements.
 Envoi des identifiants par mails pour se connecter à la plateforme d’apprentissages
en ligne.
 Envoi des mails de rappels pour les élève-professeurs n’ayant pas payé.

4. Problématique :

Voici les différents problèmes auxquels fait face le centre de formation des enseignants de
l’enseignement fondamentale (CFEEF) concernant le processus d’inscription et de paiement
actuel.

 Coût élevé : le processus d’inscription et de paiement actuel peut coûter cher pour le
CFEEF, car il peut souvent coûter des ressources importantes, telles que du papier, du
personnel administratif, des frais de déplacement, etc.

 Temps et efforts : les processus d’inscriptions et de paiements actuel peuvent être

longs et fastidieux, tant pour le CFEEF que pour les élève-professeurs. Les élève-
professeurs doivent remplir des formulaires papier, envoyer des courriers, attendre
des réponses, etc. Le CFEEF doit traiter les formulaires, les trier, les vérifier, les saisir
dans des bases de données, etc.

 Erreurs et pertes : les processus d’inscriptions et de paiements actuel peuvent être

sujets à des erreurs humaines, telles que des fautes de frappe, des oublis, des
incohérences, etc. Elles peuvent également être sujettes à des pertes, telles que des
courriers égarés, des formulaires mal remplis, etc.

11
  Accessibilité : les processus d’inscriptions et de paiements actuel peuvent être
difficile d'accès pour certaines personnes, notamment celles qui ont des problèmes
de mobilité, de vision, de langage, etc.

 Confidentialité : le processus d’inscription et de paiement actuel peut poser des

problèmes de confidentialité, car les informations personnelles peuvent être traitées
dans des fichiers papier qui peuvent être perdus, modifiés, volés ou mal gérés.

5. Solution proposées :
Face à tous ces problèmes divers, nous avons proposé une solution innovante qui est la création
d'une application web d'inscription et de paiement en ligne. Cette solution répond aux besoins
spécifiques du CFEEF en offrant une plateforme conviviale et sécurisée pour gérer les inscriptions et
les paiements de manière automatisée. Voici comment cette application va aider à résoudre les
problèmes rencontrés :

 Coûts réduits : L'application web élimine les dépenses liées au papier, à l'impression,
aux frais de courrier et aux déplacements. Les ressources précieuses peuvent être
utilisées de manière plus efficiente dans d'autres domaines.

 Gain de temps et d'efforts : Les élève-professeurs peuvent remplir les formulaires

d'inscription en ligne de manière rapide et pratique, sans avoir besoin d'envoyer des
courriers ou de se déplacer. Le personnel administratif économise également du
temps en automatisant le processus de collecte et de traitement des informations.

 Précision et réduction des erreurs : En remplissant les formulaires en ligne, les élève-
professeurs peuvent vérifier et corriger leurs informations avant de les soumettre.
Cela réduit les erreurs de saisie et les incohérences, garantissant des données
précises et fiables.

 Accessibilité améliorée : L'application web permet aux élève-professeurs de

s'inscrire de n'importe où, à tout moment, en utilisant un appareil connecté à
Internet. Cela élimine les contraintes géographiques et temporelles, rendant le
processus d'inscription plus accessible pour tous.

 Confidentialité renforcée : Les informations personnelles des élève-professeurs sont

sécurisées grâce au stockage électronique et au cryptage des données. Les risques de
perte, de vol ou de mauvaise gestion des informations sont considérablement
réduits, garantissant ainsi la confidentialité des données.

 Gestion efficace des inscriptions : L'application web permet une gestion centralisée
des inscriptions, avec toutes les données stockées dans une base de données
sécurisée. Les administrateurs peuvent facilement gérer les inscriptions, générer des
rapports et obtenir des informations précieuses pour la prise de décision.

12
  Expérience utilisateur améliorée : L'interface conviviale de l'application web offre
une expérience utilisateur agréable et intuitive. Les élève-professeurs peuvent
naviguer facilement, suivre l'état de leur inscription, recevoir des notifications et
effectuer des paiements en ligne de manière pratique.

III. Planification du Projet

1. Tableau des tâches

Tâches Tâche Prédécesseurs Durée

Récolte information A - 7
Analyse de besoin
B A 7
Rédige de cahier de C B 3
charge
Élaborer un plan D A,B 5
Rédiger la partie E A 12
théorique
Diagramme de cas F D 1
d’utilisation
Diagramme de classe G D 3
Diagramme de séquence H D 3
Diagramme de Gantt D 1
I
Installation des outils D
J 1
Création de la base de 2
données K J
Prototype du site L J 3

Réalisation du site
M J, K 30
Test du site N M 5
Formation O M, N 3

Livraison P O 1
Tableau2 : Tableau des tâches

13
2. Diagramme de gant

Figure 3 : diagramme de gant

Figure : diagramme de gant

14
 IV. La conception

1. Introduction

La conception d'un projet fait référence au processus de planification et de création d'une

solution ou d'un produit qui répond aux besoins et aux objectifs définis. Elle implique la
transformation des exigences du projet en une structure organisée, en définissant les
caractéristiques, les fonctionnalités, l'architecture, les interfaces et les spécifications
techniques nécessaires à sa réalisation. La conception de projet permet de déterminer la
structure globale du projet en identifiant les différents modules, composants ou sous-
systèmes qui le composent. Définissez les relations, les interactions et les dépendances entre
ces éléments, en veillant à ce qu'ils fonctionnent de manière cohérente et efficace. Elle
permet aussi de Définir les spécifications techniques détaillées du projet, y compris les
langages de programmation, les bases de données, les outils, les normes et les technologies
à utiliser. Cela permet d'établir les fondations techniques nécessaires pour le développement
et la mise en œuvre du projet.

2. Méthodologie du projet

La méthodologie de conception et de développement de systèmes d'information est un

ensemble structuré de processus, de techniques et d'outils utilisés pour planifier, concevoir,
développer, tester, mettre en œuvre et maintenir un système d'information. Elle fournit un
cadre méthodologique pour gérer de manière efficace et cohérente toutes les étapes du
cycle de vie d'un projet de système d'information.

Cette méthodologie vise à organiser et à rationaliser le processus de développement, en

définissant des activités spécifiques, des rôles et des responsabilités, des étapes clés et des
livrables attendus. Elle peut inclure des phases telles que l'analyse des besoins, la
modélisation des données, la conception de l'architecture, le développement des
fonctionnalités, les tests, la mise en production et la maintenance. La méthodologie de
conception et de développement de systèmes d'information peut varier en fonction des
besoins et des contraintes spécifiques du projet, ainsi que des préférences de l'organisation.
Certaines méthodologies se concentrent sur des approches linéaires et séquentielles, tandis
que d'autres adoptent des approches itératives et agiles. Il existe plusieurs méthodologie de
conception et de développement de système d’information tels que : Merise, Méthodologie
en cascade, Méthodologie en spirale, etc….

Dans notre projet nous avons utilisé le langage de modélisation unifié (UML).

15
 2.1 Langage UML

UML (Unified Modeling Language) est un langage de modélisation graphique utilisé pour
représenter visuellement les différents aspects d'un système logiciel. Il fournit une notation
standardisée et un ensemble de diagrammes pour décrire les structures, les comportements,
les interactions et les processus d'un système.

UML offre un moyen commun de communication entre les différents acteurs impliqués dans
le développement d'un système logiciel, tels que les analystes, les concepteurs, les
développeurs et les testeurs. Il permet de capturer et de représenter les exigences, les
fonctionnalités, les relations entre les composants, les flux de données, les cas d'utilisation,
les diagrammes de classes, les diagrammes d'activités, les diagrammes de séquence, les
diagrammes d'états-transitions, etc.

3. Les acteurs et les rôles

Acteurs Rôles
Élève-professeur
- S’inscrire et payer en ligne
- Recevoir les identifiants
Administrateur - vérifié l’inscription
- Validé l’inscription
- Envoyé les identifiant
Tableau 3 : les rôles et les acteurs

3.1 Les cas d’utilisation

Voici une description détaillée de quelque cas d'utilisation :

 Pour l'élève-professeur :

Cas d’utilisation : Remplir un formulaire en ligne

pour s'inscrire
Acteur Élève-professeur
Objectif Permet à l'élève de remplir un formulaire
en ligne pour s'inscrire au CFEEF
Préconditions L'élève doit avoir accès à Internet.

16
 Scenario nominale 1. L'élève accède à la page
d'inscription en ligne.
2. L'élève remplit le formulaire avec
ses informations personnelles.
3. L'élève soumet le formulaire.
4. Le système enregistre les
informations de l'élève.
Exceptions L'utilisateur ne remplit pas tous les
champs obligatoires : dans ce cas, le
système doit afficher un message
d'erreur et indiquer les champs
manquants.
L'utilisateur fournit des données
incorrectes (par exemple, un format
d'adresse e-mail invalide) : dans ce cas,
le système doit afficher un message
d'erreur et indiquer les données
incorrectes.
L'utilisateur soumet le formulaire
plusieurs fois : dans ce cas, le système
doit empêcher la soumission multiple en
utilisant des techniques telles que la
désactivation du bouton "Soumettre"
après la première soumission.
Tableau 4 : Cas d’utilisation : remplir le formulaire

 Pour l'administrateur :
Cas d’utilisation : vérifier l’inscription
Acteur Administrateur
Objectif Permet à l'administrateur de gérer les
inscriptions des élèves.

Préconditions L'administrateur doit être connecté à

l'application Web.
Scenario nominale 1. L'administrateur accède à la liste des
inscriptions en cours.
2. L'administrateur vérifie les
inscriptions.

Exceptions L'administrateur ne peut pas vérifier une

inscription : dans ce cas, le système doit
afficher un message d'erreur et indiquer la
raison de l'impossibilité de vérifier
l'inscription.
Tableau 5 : Cas d’utilisation : vérifier l’inscription

17
 Cas d’utilisation : Valider l'inscription
Acteur Administrateur
Objectif Permet à l'administrateur de valider
l'inscription d'un élève.
Préconditions L'administrateur doit être connecté à
l'application Web et avoir vérifié l'inscription.

Scenario nominale 1. L'administrateur accède à la page de

validation de l'inscription.
2. L'administrateur valide l'inscription de
l'élève.
3. Le système enregistre la validation de
l'inscription.
Exceptions L'administrateur ne peut pas valider une
inscription : dans ce cas, le système doit
afficher un message d'erreur et indiquer la
raison de l'impossibilité de valider
l'inscription.
Tableau 6 : Cas d’utilisation : validé l’inscription

Cas d’utilisation : Envoyer les identifiants (nom

d'utilisateur et mot de passe)
Acteur Administrateur
Objectif Permet à l'administrateur d'envoyer les
identifiants à l'élève.

Préconditions L'administrateur doit être connecté à

l'application Web et avoir validé l'inscription
et le paiement de l'élève.
Scenario nominale 1. L'administrateur accède à la page
d'envoi des identifiants.
2. L'administrateur saisit les identifiants
de l'élève.
3. Le système envoie un email contenant
les identifiants à l'élève.

Exceptions L'administrateur ne peut pas envoyer les

identifiant : dans ce cas, le système doit
afficher un message d'erreur et indiquer la
raison de l'impossibilité de l’envoie des
identifiants.
Tableau 7 : Cas d’utilisation : Envoyer les identifiants

18
 3.2 Diagramme de classe

Le diagramme de classes est considéré comme le plus important de la modélisation orientée

objet, il est le seul obligatoire lors d'une modélisation. Le diagramme de classes montre la
structure interne du Système, c’est-à-dire ensembles des objets et leurs dépendances. Il est
surtout utilisé en conception, mais peut-être utilisée en Analyse. Ainsi est représenté notre
diagramme de classe :

Figure 4 : Diagramme de classe

3.3 Diagramme de cas d’utilisation

Le diagramme de cas d'utilisation est l'un des diagrammes les plus couramment utilisés dans UML. Il
est utilisé pour représenter les interactions entre les utilisateurs (acteurs) et le système logiciel, en
mettant l'accent sur les fonctionnalités offertes par le système du point de vue de l'utilisateur.

19
 Figure 5 : Diagramme de Cas d’utilisation

3.4 Diagrammes de séquence

Diagramme de Séquence pour cas d’utilisation validé inscription

Figure 6 : Diagramme de Séquence pour cas d’utilisation validé inscriptions

20
Diagramme de Séquence pour cas d’utilisation Envoie des identifiant

Figure 7 : Diagramme de Séquence pour cas d’utilisation Envoie des identifiant

Diagramme de Séquence pour cas d’utilisation Inscription :

Figure 8 : Diagramme de Séquence pour cas d’utilisation Inscription

21
 V. L’Application

1. Introduction

L’application que nous avons développée est une application d’inscription au CFEEF (Centre
de Formation pour Enseignants de l’Enseignement Fondamental). Cette application
permettra aux personnes intéressées de s’inscrire pour suivre une formation et devenir des
enseignants qualifiés. Les étapes typiques du processus d’inscription sont : création d’un
compte utilisateur en remplissant un formulaire d’inscription préalablement établi,
soumission de la demande d’inscription, paiement des frais d’inscription et confirmation
d’inscription.
L’application d’inscription au CFEEF facilitera le processus d’inscription en permettant de
centraliser et de gérer efficacement les inscriptions, les paiements et les confirmations
d’inscription pour les différents programmes de formation proposés par le CFEEF.

2. Outils de développement

2.1 HTML 5

HTML 5 est la cinquième version du langage de balisage hypertexte (HTML), utilisé pour créer
des pages web et des applications web en introduisant de nouvelles balises et de nouveaux
contrôles de formulaire.
2.2 CSS 3

CSS 3 est la troisième version de Cascading Style Sheets (CSS), qui est un langage de feuilles
de style utilisé pour la mise en forme et la présentation des pages web en offrant des
sélecteurs plus avancés et des effets visuels avancés.

22
 2.3 PHP

PHP est un langage de programmation côté serveur, utilisé pour créer des applications
dynamiques et interactives en offrant une grande variété de fonctions intégrées et des
fonctionnalités pour interagir avec les bases de données.

2.4 JavaScript

JavaScript est un langage de programmation côté client qui est principalement utilisé pour
créer des pages web interactives et dynamiques en permettant de valider les données saisies
par les utilisateurs dans les formulaires et de modifier le contenu HTML et les styles CSS.

2.5 MySQL

MySQL est un système de gestion de base de données relationnelle open source qui permet
de stocker, de gérer et de manipuler des données avec une grande variété de fonctionnalités
et de capacités.
2.6 WampServer

WampServer est un environnement de développement web open source qui permet aux
développeurs de créer et de tester des applications web localement sur leur propre
ordinateur.

23
 3. Les interfaces de l’Application

3.1 Page d’inscription

Dans cette interface nous pouvons voir un formulaire d’inscription, par lequel l’élève-
professeur va pouvoir s’inscrire. Pour effectuer l’inscription l’élève-professeur doit remplir le
formulaire d’inscription par ses informations personnelles on l’occurrence ici il doit saisir son
(nom de famille, Prénom et adresse email.)

Figure 8 : Formulaire d’inscription Étape 1.

Dans cette interface nous pouvons voir l’étape 2 du formulaire d’inscription, par lequel
l’élève-professeur va pouvoir s’inscrire. Pour effectuer l’inscription l’élève-professeur doit
remplir le formulaire d’inscription par ses informations personnelles on l’occurrence ici il doit
saisir son (son numéro de téléphone, adresse et date de naissance).

Figure 9 : Formulaire d’inscription Étape 2.

24
Dans cette interface nous pouvons voir l’étape 3 du formulaire d’inscription, par lequel
l’élève-professeur va pouvoir s’inscrire. Pour effectuer l’inscription l’élève-professeur doit
remplir le formulaire d’inscription par ses informations personnelles on l’occurrence ici il doit
saisir son (la région et le discipline).

Figure 10 : Formulaire d’inscription Étape 3.

Dans cette interface nous pouvons voir l’étape 4 du formulaire d’inscription, par lequel
l’élève-professeur va pouvoir s’inscrire. Pour effectuer l’inscription l’élève-professeur doit
remplir le formulaire d’inscriptions par ses informations personnelles on l’occurrence ici il
doit saisir son (photo, diplôme, bulletin N 3).

Figure 11 : Formulaire d’inscription Étape 4.

25
Dans cette interface nous pouvons voir un formulaire de paiement, par lequel l’élève-
professeur va pouvoir payer son inscription. Pour effectuer l’inscription l’élève-professeur
doit remplir le formulaire par les informations de la carte telles que : (le nom sur la carte,
numéro de la carte, montant, son email etc…..)

Figure 12 : Page de paiement.

3.2 Interface d’administration

Dans cette interface nous pouvant voir la page de connexion pour l’administrateur de notre
application web d’inscription et de paiement en ligne. L’administrateur doit fournir son nom
d’utilisateur et mot de passe pour se connecter à l’application.

Figure 13 : Page de connexion.

26
Dans cette interface nous pouvant voir la page d’accueil d’administration de notre
application web d’inscription et de paiement en ligne. Dans cette interface nous pouvons
visualiser la liste des inscriptions payés et ceux qui ne sont pas payé, la liste des dossiers
validés, liste des dossiers non vérifié, la liste des dossiers qui sont rejetés, la page de l’envoi
de mail.

Figure 14 : Page d’Accueil.

Dans cette interface nous pouvant voir la liste des dossiers non vérifié qui sont en attente de
vérification.

Figure 15 : Liste des dossiers non vérifié.

27
Dans cette interface nous pouvant voir la liste des dossiers rejetés par l’administrateur après
avoir vérifié les dossiers des élève-professeurs. Un dossier est rejeté s’il tous les pièces
demander ne sont pas fournies.

Figure 16 : Liste des dossiers rejetés.

Dans cette interface nous pouvant voir la liste des dossiers qui sont validés par
l’administrateur après avoir vérifié les dossiers des élève-professeurs. Un dossier est validé si
l’élève-professeurs possède un dossier complet.

Figure 17 : Liste des dossiers validés.

28
Dans cette interface nous pouvant voir la liste des élève-professeurs inscrit qui n’ont pas
payé .Une inscription est dite non payée si l’élève-professeurs n’a pas effectué le paiement
du frais d’inscriptions qui est 10000 fdj.

Figure 18 : Liste des inscriptions non payées.

Dans cette interface nous pouvant envoyer un email qui comporte les identifiants (Nom
d’utilisateur et mot de passe) pour les élève-professeur afin qu’ils se connecter à la
plateforme Moodle pour suivre des cours et passer des examens en ligne. Le mail peut être
envoyé uniquement aux élevés-professeurs qui ont effectué le paiement et ayant un dossier
validé.

Figure 19 : Envoie de mail qui comporte les identifiant.

29
Dans cette interface nous pouvant voir la liste des élève-professeurs inscrit qui ont payé .Une
inscription est payée si l’élève-professeurs a effectué le paiement du frais d’inscriptions qui
est 10000 fdj.

Figure 20 : Liste des inscriptions payées.

30
En conclusion, nous sommes fiers de présenter notre projet de fin d'étude qui porte sur la
conception et la réalisation web d'un système d'inscription et de paiement en ligne pour le
CFEEF. Ce projet représente le fruit de quatre mois de travail collaboratif et d'efforts
soutenus de la part de chaque membre de notre équipe.

Au cours de ce projet, nous avons pu mettre en pratique les connaissances acquises tout au
long de nos études et les appliquer de manière concrète dans un contexte réel. Nous avons
travaillé en harmonie, en combinant nos compétences et nos idées pour concevoir une
plateforme web innovante et fonctionnelle. Nous avons développé nos compétences
techniques, renforcé notre capacité à travailler en équipe et surmonté les défis rencontrés
tout au long du processus.

En mettant en œuvre des fonctionnalités de paiement en ligne sécurisé, nous avons facilité
le processus de paiement pour les élève-professeurs du CFEEF. Ils peuvent désormais
s'inscrire en ligne en quelques étapes simples et effectuer leur paiement en toute confiance,
sans avoir à se déplacer ou à utiliser des modes de paiement traditionnels.

Ce projet représente une véritable avancée pour le CFEEF en termes de modernisation de

ses processus administratifs. Notre plateforme web offre une solution efficace et centralisée
pour gérer les inscriptions et les paiements, en simplifiant la tâche des administrateurs et en
leur fournissant des données précises et actualisées.

Nous sommes convaincus que notre projet aura un impact significatif sur le CFEEF, en
améliorant l'efficacité de ses opérations et en offrant une expérience optimale aux
participants. Nous espérons également qu'il servira de base solide pour de futures
évolutions et améliorations, permettant au CFEEF de rester à la pointe de la technologie et
de répondre aux besoins changeants de se utilisateurs.

31
BIBLIOGRAPHIE

www.siteduzéro.com.
www.developpez.com.
www.php.com.
PHP/MySQL avec Dreamweaver 8 (Jean-Marie Defrance).
PHP 5 avancé, 4e édition (Eric Daspet et Cyril Pierre de Geyer).
.https://fr.wikipedia.org/wiki/Diagramme_de_classes

4.https://fr.wikipedia.org/wiki/Diagramme_de_cas_d%27utilisation

5.https://fr.wikipedia.org/wiki/Diagramme_de_s%C3%A9quence

32