Union-Discipline-Travail

MEMOIRE DE PROJET DE FIN DE

CYCLE
Pour l’obtention du :

DIPLÔME DE LICENCE EN GENIE

INFORMATIQUE
GENIE INFORMATIQUE
CONCEPTION D’UNE APPLICATION
WEB D’INSCRIPTIONS ET DE
PAIEMENTS DE SCOLARITE : Cas de
l’IUA
Réalisé par : Encadreur :

KOFFI Dr. ATTA FERDINAND

KOUASSI MARIUS
ALBAN
Année Académique : 2023-2024
 Union-Discipline-Travail

MEMOIRE DE PROJET DE FIN DE

CYCLE
Pour l’obtention du :

DIPLÔME DE LICENCE EN GENIE

INFORMATIQUE
GENIE INFORMATIQUE
CONCEPTION D’UNE APPLICATION
WEB D’INSCRIPTIONS ET DE
PAIEMENTS DE SCOLARITE : Cas de
l’IUA
Réalisé par : Encadreur :

KOFFI Dr. ATTA FERDINAND

KOUASSI MARIUS
ALBAN
Année Académique : 2023-2024
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

DÉDICACES
Je dédie ce mémoire à mes parents, mes frères et sœurs sans oublier mon grand-père qui m’ont toujours
soutenu et guidé tout au long de mon parcours. Votre présence constante et votre encouragement inébranlable
ont été les fondations de mes réussites.

- II -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

REMERCIEMENTS
Je souhaite exprimer ma gratitude envers l'Institut Universitaire d’Abidjan pour m'avoir accueilli et
offert un environnement académique stimulant et enrichissant. Les ressources et les opportunités fournies par
l'institut ont été cruciales pour mon développement professionnel et personnel.
Je suis particulièrement reconnaissant envers le corps professoral pour leur dévouement et leur expertise.
Chaque cours, chaque conseil et chaque moment de partage ont été essentiels à ma formation et ont
considérablement enrichi mon expérience universitaire.
Un remerciement spécial à mon encadreur, Docteur ATTA Ferdinand pour son accompagnement
exceptionnel tout au long de ce projet. Son expertise, sa patience et sa disponibilité ont non seulement guidé
ce travail, mais ont également inspiré une profonde réflexion et un engagement rigoureux envers la recherche.
Je remercie également tous les membres du département Informatique, dont les conseils et les encouragements
m'ont aidé à surmonter les défis et à mener à bien ce projet. Parmi eux, je tiens à remercier spécialement :
 Dr. Kanga KOFFI, Chef du département Informatique.
 M. PETEY Olivier, Responsable du niveau licence3.
Je souhaite également exprimer ma profonde gratitude à mes amis AHONZO, TOALO, YOCOLI et
N'GOUANDI. Votre soutien, votre collaboration et votre dévouement ont été essentiels à la réussite de ce
projet. Cette expérience a été transformante, et je suis fier d'avoir été un membre de cette communauté
académique.

- III -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

SOMMAIRE

INTRODUCTION ................................................................................................................... 1
PREMIÈRE PARTIE : GÉNÉRALITÉ................................................................................ 2
CHAPITRE 1 : PRÉSENTATION DE L’INSTITUT UNIVERSITAIRE D’ABIDJAN ....... 3
A. Historique ..................................................................................................................... 3
B. Organigramme et service .............................................................................................. 4
CHAPITRE 2 : PRÉSENTATION DU PROJET .................................................................... 7
A. Etude de l’existant ........................................................................................................ 7
B. Présentation du Projet .................................................................................................. 8
DEUXIÈME PARTIE : ETUDE CONCEPTUELLE .........................................................11
CHAPITRE 3 : DÉFINITION DES BESOINS .................................................................... 12
A. Identification des besoins............................................................................................ 12
B. Architecture du système .............................................................................................. 12
CHAPITRE 4 : MÉTHODE CONCEPTUELLE ................................................................. 14
A. Quelques méthodes conceptuelles .............................................................................. 14
B. Choix de la méthode Conceptuelle ............................................................................. 15
TROISIÈME PARTIE : IMPLEMENTATION ................................................................. 27
CHAPITRE 5 : PRÉSENTATION DE L’ENVIRONNEMENT DE DÉVELOPPEMENT. 28
A. Matériels et logiciels utilisés ...................................................................................... 28
B. Langages et librairies utilisés ..................................................................................... 30
CHAPITRE 6 : PRÉSENTATION DE LA SOLUTION PRODUITE .................................. 35
A. Résultat obtenu ........................................................................................................... 35
B. Évaluation du projet ................................................................................................... 43
CONCLUSION GÉNÉRALE .............................................................................................. 44

- IV -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

LISTE DES TABLEAUX

Tableau 1: Description du cas d'utilisation <<Faire une inscription>> .................................. 19
Tableau 2: Description du cas d'utilisation <<Faire une réinscription>> ............................... 20
Tableau 3: Description du cas d'utilisation <<Se Connecter>> .............................................. 21
Tableau 4: Description du cas d'utilisation <<Payer Scolarité>> ........................................... 22
Tableau 5: Évaluation du projet ............................................................................................... 43

-V-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

LISTE DES FIGURES

Figure 1: Logo de l'IUA ............................................................................................................ 3
Figure 2: Organigramme de l'IUA............................................................................................. 4
Figure 3: Le Logo de ScholarVox ............................................................................................. 5
Figure 4: Le Logo de Coursera.................................................................................................. 6
Figure 5:Le Logo de ProGuest .................................................................................................. 6
Figure 6: Le Logo de Office 365 ............................................................................................... 6
Figure 7: Le Logo de l’UVCI .................................................................................................... 7
Figure 8 : Le Logo de USP ........................................................................................................ 8
Figure 9: Le logo de IUA Pay ................................................................................................... 9
Figure 10: L'architecture 3 tiers .............................................................................................. 13
Figure 11: Le logo de UML..................................................................................................... 15
Figure 12: Diagramme de cas d'utilisation "Utilisateur"......................................................... 17
Figure 13:Diagramme de cas d'utilisation "Administrateurs" ................................................. 18
Figure 14: Diagramme de cas d'utilisation "Service Client" ................................................... 19
Figure 15: Diagramme de Séquence <<Inscription>> ............................................................ 23
Figure 16: Diagramme de Séquence <<Connexion >> ........................................................... 25
Figure 17 : Diagramme de Séquence <<Paiement>> ............................................................. 25
Figure 18: Diagramme des classes .......................................................................................... 26
Figure 19: Le Logo de Wamp Server ...................................................................................... 28
Figure 20: Le Logo de Astah Professional .............................................................................. 29
Figure 21: Le Logo de phpMyAdmin ..................................................................................... 29
Figure 22: Le Logo de Visual Studio Code ............................................................................. 29
Figure 23: Le Logo de FreeLogo Design ................................................................................ 30
Figure 24: Le Logo de ShareX ................................................................................................ 30
Figure 25: Le Logo de PHP ..................................................................................................... 30
Figure 26: Le Logo de MySQL ............................................................................................... 31
Figure 27: Le Logo de SQL .................................................................................................... 31
Figure 28: Le Logo de HTML ................................................................................................. 31
Figure 29: Le Logo de CSS ..................................................................................................... 32
Figure 30: Le Logo de JAVASCRIPT ..................................................................................... 32
Figure 31: Le Logo de BOOTSTRAP ..................................................................................... 32
Figure 32: Le Logo de FreeLogo Design ................................................................................ 33
Figure 33: Le Logo de PHPMAILER ..................................................................................... 33
Figure 34: Le Logo de JQUERY ............................................................................................. 33
Figure 35: Le Logo de FONT AWESOME ............................................................................. 34
Figure 36: Page d'Accueil........................................................................................................ 35
Figure 37: Page d’inscription des nouveaux bacheliers .......................................................... 36
Figure 38: Page de réinscription des étudiants admis ou non ................................................. 37

- VI -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 39: Page d’inscription des étudiants transférés ............................................................ 38

Figure 40: Page de connexion des étudiants ........................................................................... 39
Figure 41: Page de connexion des parents .............................................................................. 40
Figure 42: Page de connexion des administrateurs de Niveau ................................................ 41
Figure 43: Page d'accueil d'un administrateur de niveau ........................................................ 42
Figure 44: Page d'accueil du super administrateur .................................................................. 42
Figure 45: Page de paiement de l'étudiant ............................................................................... 43
Figure 46: Fenêtre de paiement .................................................................................................. i
Figure 47: Page d'analyse de dossiers ........................................................................................ i
Figure 48: Page pour contacter le service client ....................................................................... ii
Figure 49: Page de notification du Service Client..................................................................... ii
Figure 50: Profile de l'étudiant ................................................................................................. iii

- VII -
 INTRODUCTION
Dans un monde où la numérisation des services est devenue une exigence incontournable, les institutions
éducatives sont poussées à repenser leurs méthodes traditionnelles, notamment dans la gestion des inscriptions
et des paiements de scolarité. L'adoption de solutions numériques offre non seulement une plus grande
accessibilité et facilité d'utilisation pour les étudiants et les parents, mais elle assure également une gestion
plus efficace et sécurisée pour les administrations scolaires. C'est dans ce contexte que se situe notre projet,
qui consiste à développer une application web permettant les inscriptions et les paiements de scolarité en ligne.
La pertinence de ce projet est d'autant plus significative qu'elle répond à un besoin crucial d'optimisation des
processus administratifs et financiers au sein des établissements d'enseignement. Ainsi, la question se pose :
"Quelles sont les stratégies et technologies les plus efficaces pour concevoir et implémenter une application
web sécurisée d’inscriptions et de paiements de scolarité qui soit à la fois conviviale pour les utilisateurs et
efficace pour les administrations ?"
Pour répondre à cette problématique, ce mémoire est structuré autour de trois parties principales : la première
détaille la présentation de l'institut et du contexte du projet, la deuxième se consacre à l'étude technique et
définit les besoins ainsi que les méthodologies conceptuelles, et la troisième partie aborde l'implémentation de
la solution développée, en exposant l'environnement de développement et les solutions techniques mises en
place.
À travers ce travail, nous chercherons à démontrer comment l'intégration efficace des technologies modernes
et des meilleures pratiques peut transformer les services d'inscription et de paiement éducatifs, en les rendant
plus sécurisés, accessibles et efficaces.

-1-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

PREMIÈRE PARTIE : GÉNÉRALITÉ

-2-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

CHAPITRE 1 : PRÉSENTATION DE L’INSTITUT

UNIVERSITAIRE D’ABIDJAN
A. Historique
1. Création
L'Institut Universitaire d'Abidjan, souvent désigné par son acronyme IUA, est une institution privée
d'enseignement supérieur située à Abidjan, dans le sud de la Côte d'Ivoire. Fondé le 03 Mars 2005 par Dr.
AKA Kouamé, l'IUA s'est rapidement imposé comme un leader dans le domaine de l'éducation supérieure.
Reconnu pour la qualité de ses programmes et l'excellence de ses résultats académiques, l'institut est considéré
comme l'une des meilleures universités de la Côte d'Ivoire, continuant d'exceller et d'innover dans le domaine
de l'enseignement supérieur.[1]

2. Développement
Depuis sa création, l'Institut Universitaire d'Abidjan (IUA) a débuté son activité avec deux principales
filières : la Faculté des Sciences Juridiques et Politiques (FSJP) et la Faculté des Sciences Économiques et
Sociales (FSJES). La FSJP comprend les départements de droit et de sciences politiques, tandis que la FSJES
regroupe les départements d'économie, d'administration des affaires, et de sciences sociales appliquées. Au fil
des années, l'IUA a enrichi son offre académique avec l'introduction d'une faculté de mathématiques
appliquées, qui s'est ensuite scindée en 2021 pour former les départements distincts de mathématiques et
d'informatique.
A son ouverture, l'IUA accueillait une trentaine d'étudiants répartis en première année de licence en
administration des affaires, en master d'études de développement, et en master de droit. L'année suivante a vu
l'élaboration de programmes de première année de master en économie et de licence en droit, suivie par la
création de programmes de licence en sciences économiques et en mathématiques appliquées. L'ouverture des
admissions en première année de licence en science politique s'est faite plus récemment, lors de l'année
académique 2010-2011.
En 2013-2014, l'ajout du département des sciences technologiques et de l'école d'ingénierie a contribué à
l'augmentation significative du nombre d'étudiants. Aujourd'hui, l'institut accueille plus de 1500 étudiants,
venant de toute la Côte d'Ivoire, tous animés par le même leitmotiv : « former les leaders de demain ». Juste
en dessous, voici le logo de l’IUA.

Figure 1: Logo de l'IUA

-3-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

B. Organigramme et service
1. Organigramme
L’organigramme de l’IUA, Comme le présente la figure 2, comporte deux axes :

Figure 2: Organigramme de l'IUA

Ce diagramme présente la gouvernance de l'Université IUA, structurée en deux axes principaux : l'axe
administratif et l'axe consultatif.
L'axe consultatif inclut plusieurs sous-classes, notamment le conseil consultatif, le comité de direction, les
conseils des facultés, le comité scientifique et les comités pédagogiques. Cet axe se caractérise par un style de
direction où les avis et décisions sont consultés, impliquant fortement les membres de l'équipe tout en
maintenant les objectifs axés sur les résultats.
L'axe administratif, de son côté, englobe les différentes directions de l'université, telles que la direction
générale, la direction générale adjointe et les directions centrales. Ces entités sont responsables de prendre les
grandes décisions stratégiques et de fournir des directives pour le fonctionnement global de l'université.

2. Service
L'Institut Universitaire d'Abidjan est structuré autour de plusieurs services clés, chacun jouant un rôle
essentiel dans le fonctionnement quotidien et le développement de l'institut :

-4-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

 Le Service Informatique :
Ce service est essentiel pour le maintien et le bon fonctionnement de l'infrastructure informatique de
l'IUA. Il s'assure du bon état des équipements, de la gestion du réseau internet, et de la sécurité des données
sensibles de l'institut.

 Le Service des Ressources Humaines :

Ce service est chargé du recrutement des étudiants et de l'accueil des nouveaux inscrits. Il représente
également l'institut lors des journées portes ouvertes organisées dans les lycées.

 Le Service de Scolarité :
Ce service joue un rôle crucial dans la gestion des admissions et des inscriptions, l'archivage des
dossiers étudiants, l'organisation des examens en collaboration avec les différents départements, le suivi
académique des étudiants, ainsi que la délivrance des bulletins et des diplômes. Il organise également les
cérémonies de remise des diplômes.

 Le Service de Comptabilité :
Responsable de la gestion financière, ce service s'occupe des entrées et des sorties d'argent de
l'établissement.

 Le Service Financier :
Il gère les aspects financiers liés à la scolarité des étudiants et aux rémunérations du personnel.
En complément de ces services administratifs et techniques, l'IUA enrichit l'expérience étudiante avec des
activités extracurriculaires. L'institut dispose d'une coopération sportive incluant des équipes de basketball et
de football, ainsi que d'une organisation étudiante qui propose des galas et des sorties organisées par
département. En outre, l'IUA est équipé de plusieurs ressources matérielles comme des salles informatiques et
divers logiciels, contribuant ainsi au confort intellectuel et à l'évolution de chaque étudiant. Ci-dessous, voici
quelques plateformes auxquelles les étudiants ont accès gratuitement :[2]

Figure 3: Le Logo de ScholarVox

-5-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 4: Le Logo de Coursera

Figure 5:Le Logo de ProGuest

Figure 6: Le Logo de Office 365

-6-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

CHAPITRE 2 : PRÉSENTATION DU PROJET

A. Etude de l’existant
1. Présentation
Cette section se concentre sur l'étude de deux plateformes en particulier : celle de l'Université Virtuelle de
Côte d'Ivoire (UVCI) et celle de l'Université Polytechnique de San Pedro (USP).

a. Plateforme de l'Université Virtuelle de Côte d'Ivoire (UVCI)

L'UVCI facilite les inscriptions et les paiements en ligne, permettant aux étudiants de gérer leurs démarches
administratives de manière simple et efficace. Cette numérisation des processus administratifs vise à améliorer
l'accessibilité et à simplifier les procédures pour les étudiants.

Fonctionnalités principales :

 Inscription en ligne : Permet aux étudiants de s'inscrire aux différents programmes proposés par
l'université.
 Portail étudiant : Offre un espace personnel où les étudiants peuvent accéder à leurs informations
académiques et administratives.
 Paiement en ligne : Facilite le paiement des frais de scolarité et autres frais connexes via TresorMoney.
 Support et assistance : Fournit des services de support pour aider les étudiants en cas de problèmes
techniques ou administratifs.[3]

Figure 7: Le Logo de l’UVCI

-7-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

b. Plateforme de l’Université Polytechnique de San Pedro (USP)

Cette plateforme permet aux étudiants de s'inscrire, de se réinscrire et de payer leurs frais de scolarité en ligne.
Elle intègre également des fonctionnalités de suivi académique et de communication entre les étudiants et le
personnel administratif.

Fonctionnalités principales :
 Inscription en ligne : Offre la possibilité aux nouveaux étudiants de s'inscrire via la plateforme.
 Portail académique : Espace dédié aux étudiants pour consulter leurs informations académiques, calendriers
et résultats.
 Paiement en ligne : Permet le paiement des frais de scolarité de manière sécurisée via TresorMoney.
 Services administratifs : Inclut des fonctionnalités pour les demandes administratives, les certificats, et les
relevés de notes.[4]

Figure 8 : Le Logo de USP

2. Limites des applications existantes

Moyen de paiement limité : Utilisation exclusive de TresorMoney, ce qui peut être contraignant pour certains
utilisateurs qui préféreraient d'autres moyens de paiement.
Réactivité : Des retours d'utilisateurs indiquent des temps de chargement parfois longs, surtout pendant les
périodes de forte affluence.

B. Présentation du Projet
1. Présentation de IUA Pay
Le projet vise à développer un système en ligne permettant aux étudiants et à leurs familles de faire
leurs inscriptions de payer les frais de scolarité via une plateforme sécurisée, facile à utiliser, accessible de
n'importe quel appareil connecté à Internet.[5]

-8-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 9: Le logo de IUA Pay

2. Contexte et cahier de charge

Dans un monde de plus en plus numérique, les institutions d'enseignement supérieur doivent s'adapter
pour répondre aux attentes des étudiants et améliorer l'efficacité de leurs processus administratifs. Mon institut
universitaire, bien que progressiste, ne dispose actuellement pas d'une plateforme d'inscriptions et de paiement
en ligne. Les processus actuels sont manuels, nécessitant des déplacements physiques, entraînant des files
d'attente, des erreurs humaines et des délais de traitement. Cette situation crée une charge administrative
importante et des inconvénients pour les étudiants et leurs familles.

a. Problématique
Le manque d'une plateforme d'inscriptions et de paiements en ligne dans notre institut universitaire pose
plusieurs défis :

 Comment moderniser les processus d'inscriptions et de paiements pour les rendre plus rapides,
sécurisés et accessibles ?
 Comment réduire la charge administrative et les erreurs humaines associées aux processus manuels ?
 Comment améliorer l'expérience utilisateur pour les étudiants et les familles lors de ces démarches ?

b. Objectif Général
L'objectif général de ce projet est de concevoir une application web permettant de gérer les inscriptions et les
paiements de scolarité en ligne. Cette plateforme doit être accessible, sécurisée et facile à utiliser, afin de
moderniser et d'optimiser les processus administratifs de l'institut universitaire. Voir de façon simple et claire
les montants dus et les historiques de paiement.

c. Objectifs Spécifiques
 Automatisation des inscriptions : Mettre en place un système permettant aux étudiants de s'inscrire
en ligne aux différents programmes et cours proposés par l'institut.

-9-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

 Paiement sécurisé en ligne : Intégrer plusieurs moyens de paiement sécurisés pour les frais de
scolarité, offrant ainsi plus de flexibilité aux utilisateurs.
 Gestion des profils utilisateurs : Créer des espaces personnels pour les étudiants où ils peuvent
accéder à leurs informations académiques et administratives.
 Support et assistance : Intégrer un système de support réactif pour aider les utilisateurs en cas de
problèmes techniques ou administratifs.

d. Cibles
 Étudiants : Les principaux utilisateurs de la plateforme, qui pourront s'inscrire et payer leurs frais de
scolarité en ligne.
 Parents : Qui pourront également utiliser la plateforme pour payer les frais de scolarité de leurs
enfants.
 Personnel administratif : Chargé de gérer et de superviser les processus d'inscription et de paiement
via l'interface d'administration.
 Développeurs : Responsables de la création, de la maintenance et de la mise à jour de la plateforme.
 Support technique : Équipe dédiée à l'assistance des utilisateurs pour résoudre les problèmes
techniques et administratifs.

- 10 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

DEUXIÈME PARTIE : ETUDE CONCEPTUELLE

- 11 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

CHAPITRE 3 : DÉFINITION DES BESOINS

A. Identification des besoins
1. Exigence fonctionnelle
a. Gestion des comptes utilisateurs
 Inscription
 Authentification
 Récupération de mot de passe

b. Gestion des paiements

 Sélection du montant à payer
 Choix du montant de paiement
 Validation de la transaction
 Consultation des historiques de paiements

c. Sécurité
Implémentation de mesures de sécurité robustes pour protéger les informations financières et
personnelles des utilisateurs.

d. Notification
Envoi automatique de notifications par e-mail après chaque transaction pour confirmer le paiement et
envoyer un reçu.

2. Exigences non fonctionnelles

a. Performance
Pas encore défini

b. Compatibilité
Fonctionnement sur les dernières versions des navigateurs principaux (Chrome, Firefox, Safari,
Microsoft Edge…) et support mobile complet.

B. Architecture du système
L'architecture de notre application web de paiement de scolarité est conçue suivant un modèle en trois tiers,
ce qui permet une meilleure organisation et gestion des différentes fonctionnalités du système.

- 12 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 10: L'architecture 3 tiers

 Couche Présentation (client)

C'est l'interface utilisateur, où les étudiants et le personnel administratif interagissent avec l'application. Elle
est conçue pour être simple et efficace, facilitant les opérations de paiement.

 Couche Logique Métier (serveur)

Cette couche traite les demandes de la couche de présentation, exécute les règles métier nécessaires et interagit
avec la base de données. Elle assure que les opérations sont sécurisées et correctement exécutées.

 Couche Données (base de données)

Elle gère le stockage et la sécurisation des informations comme les détails des utilisateurs et les historiques de
paiement. Cette couche assure que les données sont à la fois accessibles et protégées.
Cette structure en trois tiers aide à maintenir le système organisé, sécurisé et facile à gérer, tout en
supportant l'évolutivité pour répondre aux besoins futurs.[6]

- 13 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

CHAPITRE 4 : MÉTHODE CONCEPTUELLE

A. Quelques méthodes conceptuelles
Pour concevoir efficacement notre application web, il est essentiel de choisir une méthode conceptuelle
appropriée. Deux méthodes couramment utilisées dans le développement de systèmes d'information sont la
méthode Merise et la méthode Unified Process (UP). Nous comparerons ces deux méthodes avant de décider
de l'approche à adopter, en tenant compte du fait que nous utiliserons les diagrammes UML pour la conception.

1. UP
a. Description
La méthode Unified Process (UP) est une approche de développement itérative et incrémentale, axée sur les
cas d'utilisation et le langage de modélisation UML (Unified Modeling Language). UP se compose de quatre
phases principales : Inception, Elaboration, Construction et Transition. Elle met l'accent sur l'architecture du
système, la gestion des risques, et l'amélioration continue à travers des itérations successives.[7]

b. Avantages
 Flexibilité et adaptabilité : UP est adapté aux projets nécessitant des ajustements fréquents et des
itérations rapides.
 Utilisation d'UML : La méthode encourage l'utilisation d'UML, un standard de modélisation
largement reconnu et utilisé.
 Gestion des risques : UP met l'accent sur l'identification et la gestion proactive des risques tout au
long du projet.

c. Inconvénients
 Complexité initiale : UP peut être complexe à mettre en place, surtout pour les équipes moins
expérimentées avec les méthodologies agiles.
 Nécessité d'une bonne gestion de projet : Le succès de UP dépend fortement de la gestion efficace
des phases et des itérations.

2. MERISE
a. Description
La méthode Merise est une méthodologie de conception et de gestion de projets informatiques développée en
France dans les années 1970. Elle se caractérise par une approche rigoureuse et structurée, centrée sur les
données et les traitements. Merise se décline en trois niveaux d'abstraction : conceptuel, logique et physique.[8]

b. Avantages
 Rigueur et structuration : Merise offre une approche méthodologique bien définie, assurant une
bonne structuration du projet.
 Adaptée aux bases de données relationnelles : La méthode est particulièrement efficace pour la
conception de systèmes basés sur des bases de données relationnelles.

- 14 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

c. Inconvénients
 Complexité et lourdeur : La rigueur de Merise peut rendre la méthode complexe et lourde, nécessitant
beaucoup de documentation et de formalismes.
 Moins adaptée aux projets agiles : Merise est moins flexible et moins adaptée aux projets nécessitant
des itérations rapides et des ajustements fréquents.

3. Comparaison
 Merise se distingue par sa rigueur et sa structuration, ce qui peut être bénéfique pour des projets
nécessitant une documentation exhaustive et une gestion stricte des données. Cependant, sa
complexité et sa lourdeur peuvent représenter un obstacle pour les projets nécessitant des itérations
rapides et des ajustements fréquents.
 UP, en revanche, offre une flexibilité et une adaptabilité qui sont cruciales pour les projets de
développement logiciel moderne. Son approche itérative et incrémentale permet de répondre
rapidement aux changements et aux nouveaux besoins. De plus, l'utilisation d'UML s'aligne
parfaitement avec notre objectif d'utiliser des diagrammes UML pour la conception de notre projet.

B. Choix de la méthode Conceptuelle

Pour la conception de notre application web d'inscriptions et de paiements de scolarité, nous adopterons la méthode
Unified Process (UP). Cette méthode nous permettra de bénéficier de la flexibilité nécessaire pour ajuster notre projet
en fonction des retours et des itérations, tout en utilisant les diagrammes UML utilisés pour représenter la structure et le
comportement des systèmes logiciels.

Figure 11: Le logo de UML

1. Analyse de la modélisation des aspects statiques

Cette partie se concentre sur la présentation des différents diagrammes nécessaires à la description de notre
projet, tout en respectant les normes, les règles et les principes d'UML. L'objectif est de présenter les
diagrammes qui montrent de manière statique la structure des données, les relations entre elles et les actions
possibles au sein du système.
- 15 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

a. Diagramme des cas d’utilisation

Les diagrammes de cas d'utilisation sont essentiels pour comprendre et modéliser les interactions entre les
différents acteurs et le système. C’est la première partie d’une analyse UML. Ils permettent de visualiser les
fonctions principales du système du point de vue des utilisateurs finaux.
Le diagramme des cas d’utilisation comprend :
 Des acteurs : Ce sont les différentes entités intervenantes sur le système et sont représenté sous forme
de classeurs (si l’acteur est du matériel ou d’un autre système) ou de petits personnages appelés Stick
Man s’il s’agit d’un humain.
 Des cas d’utilisation : qui représentent des fonctionnalités du système. Il se représente par une ellipse
contenant le nom du cas d’utilisation.
 Des relations : qui illustrent les interactions entre les acteurs et les cas d’utilisation dans le diagramme.
Ces relations peuvent être de plusieurs types, comme les relations d'association, d'inclusion (« include
»), d'extension (« extend ») et de généralisation.[9]
Pour notre application web de paiement de scolarité, nous avons identifié plusieurs cas d'utilisation clés.

 Cas d’utilisation Utilisateur

- 16 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 12: Diagramme de cas d'utilisation "Utilisateur"

 Cas d’utilisation Administrateur

- 17 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 13:Diagramme de cas d'utilisation "Administrateurs"

 Cas d’utilisation Service Client

- 18 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 14: Diagramme de cas d'utilisation "Service Client"

 Description textuelle de quelques cas d’utilisation

Tableau 1: Description du cas d'utilisation <<Faire une inscription>>

Eléments Descriptions

Cas d’utilisation Faire une inscription

Objectif Permettre à un nouveau bachelier de s’inscrire à l’IUA

Acteurs primaires Etudiant

Acteurs secondaire Administrateur (Personnel de l’université)

L'utilisateur doit disposer de toutes les informations et documents nécessaires à

Préconditions
l'inscription.

1. L'utilisateur accède au formulaire d'inscription en ligne.

2. Remplissage du formulaire avec les informations personnelles, académiques
et tout document requis.
Scénario nominal
3. Soumission du formulaire.
4. L'administrateur vérifie les informations soumises.
5. Si les informations sont validées, l'inscription est confirmée.

- 19 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

6. Un email de confirmation est envoyé à l'utilisateur avec les détails pour se

connecter.

4a. Si l'information est incomplète ou incorrecte, l'administrateur demande des

modifications ou de se rendre au Siège pour faire son inscription.
Le scénario reprend au point 2. du scénario nominal
Scénario alternatifs
5a. Si l'administrateur ne valide pas l'inscription, l'utilisateur est informé par
email des raisons du refus ou lui demande de se rendre au Siège de l’IUA pour
finaliser son inscription.

Postconditions L’utilisateur est inscrit avec succès.

Tableau 2: Description du cas d'utilisation <<Faire une réinscription>>

Eléments Descriptions

Cas d’utilisation Faire une réinscription

Permettre à un étudiant déjà inscrit de se réinscrire pour le niveau suivant ou la

Objectif
même classe s’il s’agit d’un doublant.

Acteurs primaires Etudiant

Acteurs secondaire Système de paiement

Préconditions L’étudiant doit être déjà inscrit et/ou éligible pour le niveau suivant.

1. L'étudiant accède au formulaire de réinscription.

2. Remplissage du formulaire avec les informations nécessaires (matricule,
niveau souhaité, filière, etc.).
3. Soumission du formulaire.
4. Le système interne vérifie si les informations existent dans la base de données
Scénario nominal
et si l'étudiant est éligible pour le niveau demandé.
5. L'étudiant est redirigé vers le système de paiement.
6. Paiement des frais de réinscription.
7. Le système met à jour les informations de l'étudiant (niveau, photo, etc.).
8. Un email de validation avec le reçu de paiement est envoyé à l'étudiant.

- 20 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

4a. Si les informations ne sont pas valides ou si l'étudiant n'est pas éligible,
Scénario alternatifs l'étudiant reçoit un message d'erreur et peut contacter le service Client pour plus
d'informations.

La réinscription est complète, les informations de l'étudiant sont mises à jour,

Postconditions
et un email de validation est envoyé.

Tableau 3: Description du cas d'utilisation <<Se Connecter>>

Eléments Descriptions

Cas d’utilisation Se connecter

Permettre à un utilisateur de se connecter à son compte en utilisant une

Objectif
authentification à deux facteurs via un code OTP.

Acteurs Utilisateur

L'utilisateur doit avoir un compte enregistré avec des informations valides dans
Préconditions
la base de données.

1. L'utilisateur remplit le formulaire de connexion et le soumet.

2. Le système compare les informations saisies avec celles de la base de
données.
Scénario nominal 3. Si les informations sont correctes, un email contenant un code OTP est
envoyé.
4. L'utilisateur saisit le code OTP dans le formulaire dédié et valide.
5. Si le code OTP est correct, l'utilisateur est connecté.
3a. Si les informations saisies ne sont pas correctes, un message d'erreur
s'affiche.
Scénario alternatifs
5a. Si le code OTP est incorrect, un message d'erreur s'affiche. L’utilisateur peut
réessayer.

Postconditions L'utilisateur est connecté à son compte

- 21 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Tableau 4: Description du cas d'utilisation <<Payer Scolarité>>

Eléments Descriptions

Cas d’utilisation Payer Scolarité

Permettre à un étudiant ou à un parent d'effectuer le paiement de la scolarité en

Objectif
ligne de manière sécurisée et efficace.

Acteurs primaires Étudiant / Parent

Acteurs secondaire Système de paiement

Préconditions L'utilisateur doit être inscrit et posséder un compte utilisateur valide.

1. L'utilisateur se connecte et accède à la page de paiement de la scolarité.

2. L'utilisateur choisit le moyen de paiement parmi les options disponibles (carte
bancaire, Orange Money, MTN Money, etc.).
3. L'utilisateur saisit les détails nécessaires pour le paiement.
4. L'utilisateur confirme le montant à payer et soumet le paiement.
Scénario nominal 5. Le système vérifie les informations de paiement et procède à la transaction.
6. Si les informations sont validées et la transaction réussie, le système
enregistre le paiement et met à jour le statut de paiement de la scolarité sur le
compte de l'utilisateur.
7. L'utilisateur reçoit une confirmation du paiement par email qu’il peut
télécharger.
5a. Si les informations de paiement sont incorrectes ou la transaction échoue,
Scénario alternatifs un message d'erreur s'affiche, et l'utilisateur a la possibilité de réessayer ou de
choisir un autre moyen de paiement.
Le paiement de la scolarité est effectué avec succès, et le statut de paiement sur
Postconditions
le compte de l'utilisateur est mis à jour.

2. Analyse de la modélisation des aspects dynamiques

L'analyse de la modélisation des aspects dynamiques vise à représenter les comportements et les interactions
des différents composants du système au fil du temps. Contrairement à la modélisation statique qui se
concentre sur la structure du système, la modélisation dynamique met l'accent sur la manière dont les objets
interagissent et changent d'état en réponse aux événements et aux messages.
Les diagrammes de séquence suivants illustrent trois scénarios principaux dans notre application :

 Faire une inscription.

 Se Connecter.
 Effectuer un paiement.

- 22 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

a. Diagramme de Séquences
Les diagrammes de séquence sont utilisés pour représenter les interactions entre les différents objets d'un
système au fil du temps. Ils montrent comment les objets communiquent entre eux en envoyant et recevant
des messages. Pour notre application web de paiement de scolarité, nous avons identifié plusieurs scénarios
critiques à modéliser.[10]
Présentation des Diagrammes de Séquence :

 Diagramme de Séquence : Inscription

Figure 15: Diagramme de Séquence <<Inscription>>

 Diagramme de Séquence : Connexion

- 23 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

- 24 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 16: Diagramme de Séquence <<Connexion >>

 Diagramme de Séquence : Paiement de Scolarité

Figure 17 : Diagramme de Séquence <<Paiement>>

b. Diagramme de Classe
Le diagramme de classe est un élément fondamental de la modélisation UML. Il permet de représenter la
structure statique du système en montrant les classes, leurs attributs, leurs méthodes et les relations entre elles.
Pour notre application web de paiement de scolarité, le diagramme de classe aide à visualiser et organiser les
différents composants du système ainsi que leurs interactions.
Présentation du Diagramme de Classe :

- 25 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Le diagramme de classe suivant illustre les principales entités de notre application, ainsi que leurs attributs et
méthodes respectifs. Il met également en évidence les relations entre ces entités, telles que les associations,
les généralisations et les dépendances.[11]

Figure 18: Diagramme des classes

- 26 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

TROISIÈME PARTIE : IMPLEMENTATION

- 27 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

CHAPITRE 5 : PRÉSENTATION DE
L’ENVIRONNEMENT DE DÉVELOPPEMENT

Dans ce chapitre, nous présentons l'environnement de développement utilisé pour la réalisation de notre
application web de paiement de scolarité. Cet environnement comprend les outils, les technologies, les
frameworks utilisés pour réaliser notre projet.

A. Matériels et logiciels utilisés

1. Matériels utilisés
Pour arriver à la réalisation de ce projet, Voici les caractéristiques du matériel utilisé :
 Ordinateur portable HP EliteBook
 Processeur Intel(R) Core(TM) i5-6300U CPU @ 2.40GHz 2.50 GHz
 Mémoire vive 7.88 Go
 Système d’exploitation Système d’exploitation Windows 10, 64 Bits.

2. Logiciels utilisés
a. Wamp Server
Un environnement de développement web sous Windows regroupant Apache, MySQL/MariaDB, et
PHP/Perl/Python. Utilisé pour tester et déployer localement notre application.[12]

Figure 19: Le Logo de Wamp Server

b. Astah UML
Un outil de modélisation UML utilisé pour créer les diagrammes de cas d’utilisation, de classe et de séquence
nécessaires à la conception de notre application.[13]

- 28 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 20: Le Logo de Astah Professional

c. PhpMyAdmin
PhpMyAdmin (PMA) est une application Web de gestion pour les systèmes de gestion de base de données
MySQL et MariaDB.[14]

Figure 21: Le Logo de phpMyAdmin

d. Visual Studio Code

Un éditeur de code source léger mais puissant, supportant de nombreuses extensions pour faciliter le
développement web.[15]

Figure 22: Le Logo de Visual Studio Code

e. FreeLogo Design
Un outil en ligne utilisé pour créer les logos, assurant une identité visuelle cohérente et professionnelle.

- 29 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 23: Le Logo de FreeLogo Design

f. ShareX
ShareX peut être utilisé pour capturer des captures d’écran plein écran ou partielles (qui peuvent être exportées
dans différents formats d’image), telles que la capture rectangulaire et la capture de fenêtre. Il peut également
enregistrer des fichiers GIF animés et des vidéos[16]

Figure 24: Le Logo de ShareX

B. Langages et librairies utilisés

1. Langages utilisés
a. PHP
PHP (Hypertext Preprocessor) est un langage de script côté serveur largement utilisé pour le développement
web. Il est particulièrement adapté pour la création de pages web dynamiques et interactives.[17]

Figure 25: Le Logo de PHP

b. MySQL
MySQL est un système de gestion de base de données relationnelle (SGBDR) open source. Il est basé sur le
langage SQL pour gérer et manipuler les données.[18]

- 30 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 26: Le Logo de MySQL

c. SQL
SQL (Structured Query Language) est utilisé pour interagir avec les bases de données, permettant de réaliser
des opérations comme les requêtes, les insertions, les mises à jour et les suppressions de données.

Figure 27: Le Logo de SQL

d. HTML
HTML (HyperText Markup Language) est le langage standard utilisé pour créer et structurer les pages web et
leurs contenus.

Figure 28: Le Logo de HTML

e. CSS
Le CSS (Cascading Style Sheets) est un langage utilisé pour décrire la présentation d'un document écrit en
HTML ou XML. Il permet de définir le style et la mise en page des pages web.

- 31 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 29: Le Logo de CSS

f. JAVASCRIPT
JavaScript est un langage de programmation dynamique largement utilisé dans le développement web. Il
permet de créer des pages web interactives en permettant aux développeurs d'ajouter des fonctionnalités
dynamiques telles que des animations, des formulaires interactifs.

Figure 30: Le Logo de JAVASCRIPT

g. BOOTSTRAP
Bootstrap est un framework CSS populaire pour développer des interfaces utilisateur réactives et modernes. Il
offre une collection de composants CSS et JavaScript prêts à l'emploi.[19]

Figure 31: Le Logo de BOOTSTRAP

2. Librairies utilisées
a. KKIAPAY
KKiaPay est une plateforme de paiement en ligne basée en Afrique de l'Ouest, plus spécifiquement en Côte
d'Ivoire. Fondée en 2018 par Sébastien Kouassi et Hervé Djaha.[20]

- 32 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 32: Le Logo de FreeLogo Design

b. PHPMAILER
PHPMailer est une classe PHP largement utilisée pour envoyer des e-mails via une application PHP.[21]

Figure 33: Le Logo de PHPMAILER

c. JQUERY
jQuery est une bibliothèque JavaScript libre et multiplateforme créée pour faciliter l'écriture de scripts côté
client dans le code HTML des pages web.[22]

Figure 34: Le Logo de JQUERY

d. FONT AWESOME
Font Awesome est une bibliothèque de polices et d'icônes vectorielles qui permet aux développeurs Web et
aux concepteurs d'ajouter des icônes et des logos facilement dans leurs projets.[23]

- 33 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 35: Le Logo de FONT AWESOME

- 34 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

CHAPITRE 6 : PRÉSENTATION DE LA SOLUTION

PRODUITE
A. Résultat obtenu
Dans cette section, Nous allons présenter quelques pages du projet de conception d’une application web
d’inscriptions et paiements de scolarité.

1. Page d’accueil
Cette page représente la première page du projet.

Figure 36: Page d'Accueil

2. Pages d’inscriptions
Cette section permettra aux étudiants de s’inscrire ou se réinscrire et aussi aux Parents de créer leur compte.

 Page d’inscription des nouveaux bacheliers :

- 35 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 37: Page d’inscription des nouveaux bacheliers

 Page de réinscription des étudiants admis ou non :

- 36 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 38: Page de réinscription des étudiants admis ou non

 Page d’inscription des étudiants transférés :

- 37 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 39: Page d’inscription des étudiants transférés

3. Pages de connexion
 Page de connexion des étudiants :

- 38 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 40: Page de connexion des étudiants

 Page de connexion des parents :

- 39 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 41: Page de connexion des parents

 Page de connexion des administrateurs :

- 40 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 42: Page de connexion des administrateurs de Niveau

4. Pages des administrateurs

 Page d’accueil d’un administrateur de niveau

- 41 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 43: Page d'accueil d'un administrateur de niveau

 Page d’accueil du super administrateur :

Figure 44: Page d'accueil du super administrateur

5. Pages de Paiement
 Page de paiement de l’étudiant :

- 42 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 45: Page de paiement de l'étudiant

B. Évaluation du projet

Tableau 5: Évaluation du projet

Éléments Caractéristiques Quantités Prix Unitaire Montant

Ordinateur  HP EliteBook 1 250.000 FCFA 250.000 FCFA
 8 Go RAM
 582 Go Rom
Connexion Wifi Livebox Fibre 1 mois et demi 30.000 FCFA/mois 45.000 FCFA

Transport 9 déplacements 800 FCFA 7 .200 FCFA

Main d’œuvre 744 H 10.000 FCFA/Jour 3.720.000 FCFA

- 43 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

CONCLUSION GÉNÉRALE
La transformation numérique est un enjeu majeur pour les établissements d'enseignement supérieur souhaitant
améliorer l'efficacité de leurs processus administratifs et offrir une meilleure expérience à leurs étudiants. Dans
ce contexte, le projet de conception d'une application web d'inscriptions, de réinscriptions et de paiement de
scolarité pour l'Institut Universitaire d'Abidjan (IUA) s'inscrit pleinement dans cette dynamique.

Tout au long de ce mémoire, nous avons exploré les différentes étapes nécessaires à la réalisation de ce projet
ambitieux. Nous avons commencé par une étude approfondie de l'existant, en analysant des systèmes similaires
utilisés par d'autres institutions en Côte d'Ivoire, tels que la plateforme l'Université Virtuelle de Côte d'Ivoire
et la plateforme de l'Université Polytechnique de San Pedro. Cette analyse nous a permis d'identifier les forces
et les faiblesses de ces systèmes, et de définir des exigences claires pour notre propre application.

Nous avons ensuite détaillé la méthode conceptuelle choisie, en comparant UML et Merise. Nous avons opté
pour UML en raison de sa flexibilité, de sa richesse en diagrammes et de sa capacité à modéliser efficacement
les aspects statiques et dynamiques de notre système. Les diagrammes de cas d'utilisation, de classe et de
séquence ont été utilisés pour représenter les interactions, la structure et le comportement de notre application.

L'implémentation de l'application a été réalisée en utilisant un environnement de développement moderne,

comprenant des outils tels que Visual Studio Code, PhpMyAdmin, WAMP Server, Astah UML... Ces outils
nous ont permis de développer une application robuste, sécurisée et facile à maintenir. La méthodologie Agile
a été adoptée pour assurer une flexibilité maximale et permettre des itérations rapides basées sur les retours
des utilisateurs.

L'application développée répond aux besoins spécifiques de l'IUA, en offrant une plateforme intégrée pour les
inscriptions, les réinscriptions et les paiements de scolarité. Elle simplifie les démarches administratives pour
les étudiants et le personnel, améliore la transparence et la sécurité des transactions, et permet une gestion
centralisée et efficace des informations.

En conclusion, ce projet représente une avancée significative pour l'IUA, alignée avec les meilleures pratiques
en matière de transformation numérique. Il offre une solution moderne et efficace pour gérer les processus
administratifs, contribuant ainsi à l'amélioration continue de l'expérience étudiante et à l'optimisation des
ressources institutionnelles. Nous espérons que cette application servira de modèle pour d'autres
établissements souhaitant entreprendre des initiatives similaires, et qu'elle continuera à évoluer pour répondre
aux besoins futurs de l'IUA.

- 44 -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

ANNEXES

Figure 46: Fenêtre de paiement

Figure 47: Page d'analyse de dossiers

-I-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 48: Page pour contacter le service client

Figure 49: Page de notification du Service Client

- II -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

Figure 50: Profile de l'étudiant

- III -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

BIBLIOGRAPHIE
[1] « Histoire de création de l’IUA ». Consulté le: 7 mai 2024. [En ligne]. Disponible sur:
[Link]
[2] G. Kouakou, « Mise en place d’une application de E-Commerce : cas d’une agence commerciale », p. 1
à 64.
[3] « Plateforme de la scolarité de l’UVCI ». Consulté le: 15 mai 2024. [En ligne]. Disponible sur:
[Link]
[4] « Plateforme de L’Université Polytechnique de San Pedro ». Consulté le: 16 mai 2024. [En ligne].
Disponible sur: [Link]
[5] « Création de Logo ». Consulté le: 18 mai 2024. [En ligne]. Disponible sur: [Link]
[6] « Architecture trois tiers ». Consulté le: 21 mai 2024. [En ligne]. Disponible sur:
[Link]
[7] « Processus Unifié ». Consulté le: 23 mai 2024. [En ligne]. Disponible sur:
[Link]
[8] « Merise ». Consulté le: 26 mai 2024. [En ligne]. Disponible sur:
[Link]
[9] Dr. Mambe, « Cours n°2 : Diagramme des cas d’utilisation ».
[10] Dr. Mambe, « Cours n°5 : Diagramme de séquences ».
[11] Dr. Mambe, « Cours n°3 : Diagramme des classes ».
[12] « Wampserver ». Consulté le: 6 mai 2024. [En ligne]. Disponible sur:
[Link]
[13] « Astah Professionnal ». Consulté le: 28 mai 2024. [En ligne]. Disponible sur:
[Link]
[14] « PhpMyAdmin ». Consulté le: 29 mai 2024. [En ligne]. Disponible sur:
[Link]
[15] « Visual Studio Code ». Consulté le: 29 mai 2024. [En ligne]. Disponible sur:
[Link]
[16] « ShareX ». Consulté le: 29 mai 2024. [En ligne]. Disponible sur:
[Link]
[17] « PHP ». Consulté le: 27 mai 2024. [En ligne]. Disponible sur: [Link]
[18] « MySQL ». Consulté le: 29 mai 2024. [En ligne]. Disponible sur:
[Link]
[19] « Démarrer avec Bootstrap ». Consulté le: 8 mai 2024. [En ligne]. Disponible sur:
[Link]
[20] « KKiaPay ». Consulté le: 30 mai 2024. [En ligne]. Disponible sur:
[Link]
[21] « PHPMailer Guide: Configuration, SMTP Setup, and Email Sending ». [En ligne]. Disponible sur:
[Link]
[22] « Documentation Jquery ». Consulté le: 31 mai 2024. [En ligne]. Disponible sur: [Link]
[23] « Font Awesome ». Consulté le: 31 mai 2024. [En ligne]. Disponible sur:
[Link]

- IV -
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

TABLES DES MATIÈRES

DÉDICACES........................................................................................................................... II
REMERCIEMENTS .............................................................................................................III
SOMMAIRE .......................................................................................................................... IV
LISTE DES TABLEAUX....................................................................................................... V
INTRODUCTION ................................................................................................................... 1
PREMIÈRE PARTIE : GÉNÉRALITÉ................................................................................ 2
CHAPITRE 1 : PRÉSENTATION DE L’INSTITUT UNIVERSITAIRE D’ABIDJAN ....... 3
A. Historique ..................................................................................................................... 3
1. Création...................................................................................................................... 3
2. Développement .......................................................................................................... 3
B. Organigramme et service .............................................................................................. 4
1. Organigramme ........................................................................................................... 4
2. Service ....................................................................................................................... 4
CHAPITRE 2 : PRÉSENTATION DU PROJET .................................................................... 7
A. Etude de l’existant ........................................................................................................ 7
1. Présentation................................................................................................................ 7
2. Limites des applications existantes............................................................................ 8
B. Présentation du Projet .................................................................................................. 8
1. Présentation de IUA Pay ............................................................................................ 8
2. Contexte et cahier de charge ...................................................................................... 9
DEUXIÈME PARTIE : ETUDE CONCEPTUELLE .........................................................11
CHAPITRE 3 : DÉFINITION DES BESOINS .................................................................... 12
A. Identification des besoins............................................................................................ 12
1. Exigence fonctionnelle ............................................................................................ 12
2. Exigences non fonctionnelles .................................................................................. 12
B. Architecture du système .............................................................................................. 12
CHAPITRE 4 : MÉTHODE CONCEPTUELLE ................................................................. 14
A. Quelques méthodes conceptuelles .............................................................................. 14
1. UP ............................................................................................................................ 14
2. MERISE ................................................................................................................... 14
3. Comparaison ............................................................................................................ 15
B. Choix de la méthode Conceptuelle ............................................................................. 15
1. Analyse de la modélisation des aspects statiques .................................................... 15
2. Analyse de la modélisation des aspects dynamiques .............................................. 22
TROISIÈME PARTIE : IMPLEMENTATION ................................................................. 27
-V-
Mise en place d’une application web d’inscriptions et de de paiements de scolarité : cas de l’IUA

CHAPITRE 5 : PRÉSENTATION DE L’ENVIRONNEMENT DE DÉVELOPPEMENT. 28

A. Matériels et logiciels utilisés ...................................................................................... 28
1. Matériels utilisés ...................................................................................................... 28
2. Logiciels utilisés ...................................................................................................... 28
B. Langages et librairies utilisés ..................................................................................... 30
1. Langages utilisés ...................................................................................................... 30
2. Librairies utilisées .................................................................................................... 32
CHAPITRE 6 : PRÉSENTATION DE LA SOLUTION PRODUITE .................................. 35
A. Résultat obtenu ........................................................................................................... 35
1. Page d’accueil .......................................................................................................... 35
2. Pages d’inscriptions ................................................................................................. 35
3. Pages de connexion.................................................................................................. 38
4. Pages des administrateurs ........................................................................................ 41
5. Pages de Paiement ................................................................................................... 42
B. Évaluation du projet ................................................................................................... 43
CONCLUSION GÉNÉRALE .............................................................................................. 44
ANNEXES ................................................................................................................................. I
BIBLIOGRAPHIE ................................................................................................................ IV
TABLES DES MATIÈRES ................................................................................................... IV

- VI -