Vous êtes sur la page 1sur 61

REPUBLIQUE DU BENIN

********
MINISTERE DE L’ENSEIGNEMENT SUPERIEUR ET DE LA
RECHERCHE SCIENTIFIQUE
********
DIRECTION GENERALE DE L’ENSEIGNEMENT SUPERIEUR (DGES)
********
ECOLE SUPERIEURE DE TECHNOLOGIE ET DE GESTION
********
MEMOIRE DE FIN DE FORMATION EN LICENCE
PROFESSIONNELLE
********

Filière : Génie Informatique


Spécialité : Système Informatique et Logiciel (SIL)
THEME :

CONCEPTION ET REALISATION D’UNE PLATEFORME


DE PRE-INSCRIPTION EN LIGNE : CAS DE L’ECOLE
POLYTCHNIQUE IMHOTEP

Réalisé par :

ASSOHOUME Déo-gratias & KOUTCHIKA Judicaël

Maître de stage : Maitre de mémoire :

Ingénieur Bruno BIO NIKKI Docteur Didier ANAGO

Ingénieur en Systèmes d’Information et Enseignant Chercheur


Réseaux Informatiques

Promotion 2022 - 2023


AVERTISSEMENT

L’ECOLE SUPERIEURE DE TECHNOLOGIE ET DE GESTION ( ESTG) N’ENTEND


DONNER AUCUNE APPROBATION NI IMPROBATION AUX OPINIONS EMISES DANS
CE MEMOIRE. CES OPINIONS DOIVENT ETRE CONSIDEREES COMME PROPRES A
LEURS AUTEURS.

i
DEDICACE 1

A:

 Mon père ASSOHOUME Olivier


 Ma mère BOYER Charlotte

ASSOHOUME Déo-gratias

ii
DEDICACE 2
A:

 Mon père KOUTCHIKA AKPO Mathieu


 Ma mère LEGBODJOU Epiphanie

KOUTCHIKA Judicaël

iii
REMERCIEMENTS
Ce travail n’aurait pas pu être menée à bien sans le soutien et les conseils de
nombreuses personnes. Pour cette raison, nous tenons à remercier tous ceux qui
ont guidé nos démarches, alimenté nos recherches, encouragé notre travail et qui
nous assiste dans toutes les tâches.

Nos Remerciements vont à l’endroit de tous ceux qui, de près ou de loin, ont
contribué à la réalisation effective de ce travail. Notre gratitude et Notre
reconnaissance s’adressent particulièrement :

 Au Fondé de l’ESTG, Monsieur Romain GLELE pour son dynamisme et les


conditions favorables mises à la disposition des étudiants dans le cadre de leurs
études ;
 A notre maitre de mémoire, Dr Didier ANAGO, pour avoir mis à notre
disposition son laboratoire de recherche et qui, malgré ses multiples occupations
a accepté de suivre ce travail, recevez ici l’expression de notre profonde
gratitude ;
 A tout le corps professoral de l’ESTG ;
 A notre maitre de stage Monsieur Bruno BIO NIKKI pour la qualité de ses
enseignements, son aide et son apport indéniables tout au long de ce travail ;
 A nos familles ASSOHOUME, BOYER, AMETEPE, KOUTCHIKA et
LEGBODJO pour leur soutien inconditionnel ;
 Aux membres du jury qui nous ont fait l’honneur d’accepter de juger et
d’améliorer notre travail ;
 A tous nos camarades de classe et amis pour leur soutien et aide morale ;
 A toutes les personnes qui de près ou de loin ont apporté leur touche pour la
réussite de ce travail, recevez nos profondes et sincères reconnaissances.

iv
SIGLES ET ACRONYMES
CSS : Cascading Style Sheets

CMS Content Management System

HTML : Hyper Text Markup Language

HTTP : Hyper Text Transfer Protocol

IBM : International Business Machine

MERISE : Méthode d’Etude et de Réalisation Informatique pour les


Systèmes d’Entreprise

MVC : Modèle Vue Contrôleur

PHP : Hyper Text Preprocessor

SGBD : Système de Gestion de Base de Données

SQL : Structured Query Language

STIC : Science des Technologies de l’Information et de la


Communication

UML : Unified Modeling Language

WAMP : Windows Apache MySQL PHP

i
LISTE DES FIGURES

Figure 1 : Organigramme de IMHOTEP Labs


Figure 2 : Préinscription Don Bosco
Figure 3: Page d’accueil Les cours sonou
Figure 4: Page d’accueil de l’Ecole Leader HECM
Figure 5: Page d’accueil université Turkey
Figure 6: Pré-inscription Tunisie
Figure 7: Préinscription institut isembango
Figure 8: Diagramme de cas d’utilisation globale
Figure 9: Diagramme de Classe
Figure 10: Diagramme d'activité cas d'authentification
Figure 11: Diagramme d'activité cas étudiant
Figure 12: Diagramme d'activité cas du DE
Figure 13: Diagramme de séquence
Figure 14: Diagramme de séquence cas étudiant
Figure 15: Diagramme de séquence cas DE
Figure 16: Diagramme de déploiement
Figure 17: Page d'accueil
Figure 18: Formulaire de pré-inscription
Figure 19: Page connexion
Figure 20: Tableau de bord
Figure 21: Base de données

ii
LISTE DES TABLEAUX

Tableau 1: Infrastructure IMHOTEP


Tableau 2: Avantages et Inconvénients de la préinscription Don Bosco
Tableau 3: Avantages et inconvénients de l’inscription en ligne LES COURS
SONOU
Tableau 4: Avantages et inconvénients de la préinscription en ligne HECM
Tableau 5: Avantage et inconvénient de la préinscription Turkey
Tableau 6: Avantage et Inconvénient de la préinscription université Tunisie
Tableau 7: Avantage et Inconvénient de la préinscription Institut isembango
Tableau 8: Tableau comparatif de UML et de MERISE
Tableau 9: Besoin et Description

i
RESUME

Notre projet consiste à concevoir une application permettant de gérer la pré-


inscription dans le but d’améliorer la qualité des inscriptions à l’Ecole
Polytechnique IMHOTEP. Cette application permettra entre autres aux
responsables qui gèrent les inscriptions d’avoir un suivi sur tous les acteurs
inscrits dans leur structure. A cet effet, nous sommes partis de l’analyse des
besoins, suivie d’une collecte de données sur la gestion actuelle des
préinscriptions dans l’établissement, ensuite nous avons effectué une étude de
solutions existantes pour enfin déboucher sur le développement et la réalisation
d’une plateforme de préinscription.

ii
ABSTRACT

Our project was to design an application to manage pre-registration in the but to


improve the quality of registrations at the IMHOTEP Polytechnic School. This
application will allow, among other things, the managers who manage the
registrations to have a follow-up on all the actors registered in their structure. To
this end, we started from the analysis of needs, followed by a collection of data
on the current management of pre-registrations in the establishment, then we
carried out a study of an existing solution to finally lead to the development and
implementation of a pre-registration platform.

iii
SOMMAIRE

INTRODUCTION

PREMIER PARTIE : PRESENTATION DU CONTEXTE D’ETUDE

Chapitre 1 : Présentation de la structure d’accueil

Chapitre 2 : Présentation du projet

DEUXIEME PARTIE : ANALYSE DES BESOIN, SPECIFICATIONS, ET CONCEPTION

Chapitre 1 : Méthodes de modélisation

Chapitre 2 : Modélisation du système

TROISIEME PARTIE : IMPLEMENTATION DE « IMHO-INSCRIPTION »

Chapitre 1 : Développement et de conception

Chapitre 2 : Présentation de l’application IMHO-INSCRIPTION

CONCLUSION

REFERENCES BIBLIOGRAPHIQUES

WEBOGRAPHIE

TABLE DES MATIERE

iv
CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
INTRODUCTION

Il ne fait désormais plus aucun doute que l'informatique représente la révolution


la plus importante et la plus innovante qui a marqué la vie de l'humanité
principalement dans les domaines des études universitaires. L'inscription dans
une université ou une école supérieure est une étape cruciale pour tout étudiant.
Cependant, le processus de pré-inscription peut souvent être complexe et
fastidieux, nécessitant de remplir de nombreux formulaires et de fournir des
documents en respectant des délais stricts. Pour simplifier et améliorer
l'expérience de l'utilisateur, la création d'une plateforme de pré-inscription en
ligne pour les étudiants est une solution innovante et pratique. Cette plateforme
permet aux étudiants de remplir leur formulaire de pré-inscription en ligne, de
télécharger leurs documents et de suivre en temps réel l'état de leur demande
d'inscription.

De plus, cette plateforme aiderait également les établissements d'enseignement à


gérer efficacement les demandes d'inscription et à collecter des informations
précises sur les étudiants.

C’est dans ce cadre que lors de notre stage à IMHOTEP Labs pour la rédaction
de ce présent mémoire, notre maitre de stage nous a proposé de travailler sur la
création d'une plateforme de pré-inscription en ligne pour les étudiants.

Pour y parvenir, nous développerons ce travail en trois parties principales :

 Présentation du contexte d'étude


 Spécifications des besoins et conception
 Implémentation

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 5


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE

PREMIERE PARTIE : PRESENTATION DU


CONTEXTE D’ETUDE

Chapitre 1 : Présentation de la structure d’accueil

Dans cette partie, il sera question de présenter la structure IMHOTEP au sein


de laquelle nous avons effectué pendant la période de trois mois, un stage
académique qui s’est soldé par la rédaction de ce document.

I- Historique et Organisation d’IMHOTEP Labs

IMHOTEP Labs est une unité de recherche. Les missions de IMHOTEP Labs
s’articulent autour de trois axes principaux : recherche (théorique, appliquée),
valorisation, transfert de technologie et formation.

Le laboratoire est composé de six (06) équipes thématiques alliant recherche


fondamentale, recherche appliquée et transfert technologique :

 Utilisation pédagogique des Technologies de l’Information et la


Communication ;
 Bio-informatique ;
 Programmation, Réseaux et Systèmes ;
 Energies renouvelables ;
 Agriculture Bio
 Une unité de Génie civil, topographie et économie de la construction

Les chercheurs et enseignants-chercheurs d’IMHOTEP Labs participent à la


formation initiale et continue dans différents établissements de plusieurs
étudiants inscrits dans les spécialités des sciences de l’ingénieur, de
l’Entrepreneuriat et la gestion de projets du système L (Licence), M (Master) et

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 6


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

D (Doctorat). A travers des réseaux et structures variées, IMHOTEP Labs


collabore activement, sur les plans internationaux, africains et béninois, avec de
nombreux laboratoires et entreprises. Les chercheurs d’IMHOTEP Labs
collaborent activement avec d’autres laboratoires et entreprises que ce soit dans
des réseaux institutionnels résultant la plupart du temps d’appel d’offres ou de
façon directe.

Organigramme d’IMHOTEP Labs

Figure 1 : Organigramme de IMHOTEP Labs

Source : IMHOTEP Labs

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 7


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE

Activités, projets et infrastructure du laboratoire

Le laboratoire est un acteur majeur des sciences du numérique dans son


écosystème régional et transfrontalier. Il développe une activité de recherche
incluant l’informatique, les mathématiques appliquées et les thématiques
pluridisciplinaires située à la confluence des STIC et d’autres secteurs
scientifiques, notamment les sciences du vivant et les sciences humaines et
sociales.

Sa recherche s’articule autour des thématiques suivantes :

 imaginer des systèmes numériques plus sûrs, coopératifs et respectueux


de la vie privée;
 modéliser et simuler des phénomènes physiques toujours plus complexes;
 interagir avec les mondes réels et numériques ;

1- Projets

Voici la liste (non exhaustive) des projets développés ou en cours de réalisation


par IMHOTEP Labs.

 Plateforme de suivi médicale des personnes âgées ou malade : Buandobu ;


 Système de gestion des notes dans les universités dans le système LMD ;
 Plateforme de publication des micros services ;
 Plateforme de gestion des rendez-vous médicaux ;
 Logiciel de comptabilité pour les organisations à but non lucratif ;
 Logiciel de gestion des emplois du temps universitaire ;
 Agenda électronique portable ;
 Application de gestion du personnel ;
 Application de boutique en ligne ;
 etc.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 8


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

2- Infrastructure : Réseaux et système

IMHOTEP Labs dispose d’une de plusieurs outils matériels et logiciel exploités


pour l’atteinte de ses objectifs. Ses outils sont résumés dans le tableau

N° Equipements Nombres Caractéristiques

01 Ordinateur 5 HP dual Core HDD 500 Go Ram 4 Go

02 Serveur 2 Server DELL Power EDGE 2900

03 Switch 2 TP Link 24 ports Ethernet

04 Routeurs 1 Routeur ADSL Cisco Linksys

05 Vidéo projecteur 2 DELL 121OS

06 Imprimantes 2 HP laser Jet 2015d

N° Logiciel Version

01 Système d’exploitation Windows 10 et 7


Windows et Linux Ubuntu 16.04 LTS

02 Suite bureautique : Ubuntu Microsoft office

Libre office

03 WinDev Version 20

Tableau 1: Infrastructure IMHOTEP

Source : IMHOTEP

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 9


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
II- Déroulement du stage

Nous avons effectué un stage académique de trois (03) mois dans la


structure IMHOTEP Labs suite à l’avis favorable à notre demande de stage.
Durant ce stage, plusieurs thématiques portant sur les activités internes et
d’autres externes du laboratoire ont fait l’objet de notre réflexion. Parmi elles,
figurent les difficultés rencontrées par le personnel administratif dans la gestion
des préinscriptions des étudiants. Le présent projet a donc été élaboré en vue de
proposer une solution adéquate à cette situation. Les activités en laboratoire sont
généralement structurées en travail personnel par chaque stagiaire et des séances
plénières hebdomadaires pour présenter les grandes étapes d’avancement du
projet. Nous sommes donc partis de l’identification du problème à l’étude de
faisabilité, ensuite la modélisation de la solution et enfin la conception de la
solution.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 10


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

Chapitre 2 : Présentation du projet

I- Problématique

Les Pré-inscriptions en ligne sont adoptées par plusieurs organismes,


institutions, spécialement les universités et Ecole.

Cependant l’Ecole Polytechnique IMHOTEP ne dispose pas de cette technologie


pour la gestion des pré-inscriptions, de plus force de constater que les dossiers
d’inscription ne sont pas en sécurité et cet état des choses génère souvent la
perte de certaines données primordiales de même que l’encombrement des
dossiers qui ne sont pas classés dans l’ordre pour permettre une attribution
efficace des numéros matricules. De plus les dossiers des étudiants ne sont pas
souvent au complet, une situation qui est certainement due à la lenteur des
étudiants pour la constitution des pièces du dossier à fournir pour l’inscription.

Pourtant, les étudiants peuvent s’inscrire dans l’école à distance sans pour autant
se rendre physiquement pour l’inscription. C’est dans ce cadre que l'apport de
l'internet dans l'amélioration des conditions de vie des étudiants paraît ainsi bien
évident et réel. Ce qui occasionne une amélioration des conditions d'études ou
de travail et permet à certains de ces étudiants d’optimiser leur temps de façon
considérable. Comment optimiser donc la gestion de la pré-inscription en ligne
afin de permettre une bonne collecte d’information sur les étudiants qui désirent
s’inscrire à l’Ecole Polytechnique Imhotep ?

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 11


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
II- Contexte et justification

La pré-inscription est une pratique courante dans de nombreux établissements de


formation, qu'ils soient publics ou privés, universitaires ou professionnels. Cette
pratique est justifiée par plusieurs raisons :

 Anticipation de la demande : La pré-inscription permet aux


établissements de formation d'anticiper la demande pour leur programme,
ce qui leur permet de mieux planifier leurs ressources pour répondre aux
besoins des candidats.
 Simplification du processus d'inscription : La pré-inscription permet aux
candidats de s'inscrire plus facilement et plus rapidement lors de la
période d'inscription officielle, en leur permettant de fournir toutes les
informations nécessaires à l'avance.
 Meilleure gestion des ressources : La pré-inscription permet aux
établissements de mieux gérer leurs ressources humaines, matérielles et
financières pour répondre aux besoins des candidats inscrits, en ajustant
leur personnel, leurs horaires de cours, leur équipement, et leur budget.
 Meilleure planification des activités : La pré-inscription permet aux
établissements de planifier les activités de la formation, en fonction du
nombre de candidats inscrits et de leurs disponibilités, pour offrir une
expérience de formation de qualité.
 Meilleure adéquation formation-demande : La pré-inscription permet aux
établissements de mieux comprendre les besoins des candidats, et de
proposer des programmes de formation adaptés aux compétences et aux
connaissances recherchées par les candidats.
 Réduction des coûts : La pré-inscription permet aux établissements de
réduire les coûts de gestion liés à l'inscription, en automatisant la
collecte d'informations et la planification des activités de formation.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 12


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

En somme, la pré-inscription permet aux établissements de formation de mieux


gérer leur offre de formation, de répondre aux besoins des candidats, et d'offrir
une expérience de formation de qualité, tout en optimisant leur gestion des
ressources et en réduisant les coûts de gestion liés à l'inscription.

III- Objectifs et enjeux du projet


1- Objectif général

L’objectif général de notre projet est de mettre à la disposition de l’Ecole


Polytechnique IMHOTEP une plateforme de gestion de la pré-inscription en
ligne.

2- Objectifs spécifiques

De façon spécifique, il s’agira de :

- Collecter des informations sur les candidats : La pré-inscription permet


aux établissements de collecter des informations de base sur les candidats, telles
que leur nom, leur adresse, leur numéro de téléphone, leur adresse e-mail, leur
formation antérieure, et leurs intérêts en matière de formation.
- Évaluer la motivation des candidats : La pré-inscription peut également
permettre aux établissements de formation d'évaluer la motivation des candidats,
en leur demandant pourquoi ils sont intéressés par la formation et ce qu'ils
espèrent en tirer.
- Évaluer les besoins des candidats : La pré-inscription peut aider les
établissements de formation à évaluer les besoins des candidats, en leur
permettant de préciser les compétences et les connaissances qu'ils souhaitent
acquérir dans le cadre de la formation.
- Estimer le nombre de candidats intéressés : La pré-inscription permet aux
établissements de formation d'estimer le nombre de candidats qui s’intéressent à
leur programme, afin d'ajuster leur capacité d'accueil et de planifier leurs
ressources.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 13


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE

3- Les enjeux du projet

Notre projet a pour enjeux de permettre aux acteurs de la structure de


pourvoir faire les la pré-inscription à travers les nouvelles technologies et de
disposer d’une basse d’information bien structuré.

IV- Etude de l’existant

Actuellement dans le système béninois, la pré-inscription est présente dans


presque tous les structures d’universitaires et écoles. Voici quelque exemple

1- CPET DON BOSCO

Le site CPET Don Bosco abrite plusieurs formations. Il permet d’avoir les
renseignements nécessaires et de même réserver une place en initiant sa
demande de préinscription.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 14


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

Figure 2 : Préinscription Don Bosco

Source : https://parakou.cfpsdonboscobenin.com/inscription
Avantages Inconvénients
- Possibilité de remplir la fiche - Formulaire de préinscription
de pré-inscription disponible hors délai
- Possibilité de joindre des - Absence d’informations sur la
pièces justificatives période de préinscription
- Adaptabilité au mobile, PC et
MAC

Tableau 2: Avantages et Inconvénients de la préinscription Don Bosco

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 15


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
2- Inscription en ligne Les Cours Sonou

L’institut universitaire Les Cours Sonou à organiser par site l’inscription en ligne

Figure 3: Page d’accueil Les cours sonou

Source : https://inscriptions.easylmd.net/lcs/noteinscrit/19
Avantages Inconvénients
- Possibilité de remplir la fiche de - La charte graphique manque
pré-inscription de clarté
- Possibilité de joindre des pièces - Insuffisance de la navigabilité
justificatives
- Possibilité d’imprimer la fiche
- Adaptabilité au mobile, PC et
MAC

Tableau 3: Avantages et inconvénients de l’inscription en ligne LES COURS SONOU

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 16


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

3- Inscription en ligne Ecole Leader HECM

HECM dispose d’une plateforme d’inscription en ligne L’inscription en ligne se


fait avec le progiciel GestStudent qui est une plateforme dédiée à la gestion du
système LMD.

Figure 4: Page d’accueil de l’Ecole Leader HECM

Source : http://hecm-afrique.net/htdocs/inscription/
Avantages Inconvénients
- Possibilité de remplir la fiche - Formulaire de préinscription
de pré-inscription disponible hors délai
- Possibilité de joindre des - Absence d’informations sur la
pièces justificatives période de préinscription
- Adaptabilité au mobile, PC et
MAC
- Rapidité du site

Tableau 4: Avantages et inconvénients de la préinscription en ligne HECM

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 17


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
4- Inscription en ligne Université Turkey

Eduinturkey est une plateforme de préinscription dédié aux étudiants pour


débuter leurs inscriptions dans l’université Turkey.

Figure 5: Page d’accueil université Turkey


Source : https://www.eduinturkey.org/fr/inscription/pre-inscription-universitaire/

Avantages Inconvénients
- Possibilité de remplie la fiche - Formulaire de préinscription
de pré-inscription disponible hors délai
- Possibilité de joint des pièces - Absence d’informations sur la
justificatifs période de préinscription
- Adaptabilité au mobile, PC et
MAC
- Rapidité du site

Tableau 5: Avantage et inconvénient de la préinscription Turkey

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 18


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

5- Pré-Inscription Université Tunisie

C’est un site web qui donne un aperçue et renseigne sur les modalités des
formations dans l’université tunisienne ainsi il donne la possibilité de lancer sa
préinscription avant l’inscription proprement dite.

Figure 6: Pré-inscription Tunisie

Source : https://www.ult-tunisie.com/preinscription/
Avantages Inconvénients
- Possibilité de remplie la fiche - Formulaire de préinscription
de pré-inscription disponible hors délai
- Possibilité de joint des pièces - Absence d’informations sur la
justificatifs période de préinscription
- Adaptabilité au mobile, PC et
MAC
- Rapidité du site

Tableau 6: Avantage et Inconvénient de la préinscription université Tunisie

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 19


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
6- Institut universitaire Isembango

C’est une université privée dans l’Etat du Congo Brazzaville. Cette plateforme
permet de lancer sa préinscription avant l’inscription proprement dite.

Figure 7: Préinscription institut isembango

Source : https://institutfrancoisembango.com/preinscription-en-ligne/
Avantages Inconvénients
- Possibilité de remplir la fiche - Formulaire de préinscription
de pré-inscription disponible hors délai
- Possibilité de joint des pièces - Absence d’informations sur la
justificatifs période de préinscription
- Adaptabilité au mobile, PC et
MAC
- Rapidité du site
Tableau 7: Avantage et Inconvénient de la préinscription Institut isembango

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 20


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

PARTIE II : ANALYSE ET CONCEPTION DE IMHO-


INSCRIPTION

Chapitre 1 : les méthodes de modélisations


Dans cette partie nous allons étudier la méthode MERISE et le langage de
modélisation UML. Le choix de l’un ou de l’autre se fait selon trois axes à
savoir l’accessibilité, la précision et l’exploitabilité.

I- La méthode MERISE
1- Présentation de la méthode MERISE

Merise est une méthode d’analyse, de conception et de gestion de projet


informatique.
Merise a été très utilisée dans les années 1970 et 1980 pour l’informatisation
massive des organisations. Cette méthode reste adaptée pour la gestion des
projets internes aux organisations, se limitant à un domaine précis. Elle est en
revanche moins adaptée aux transverses aux organisations, qui gèrent le plus
souvent des informations à caractère sociétal (environnement et social) avec des
parties prenantes.

2- Avantages de la méthode MERISE

La méthode merise nous permet d’arriver à concevoir un système d’information.


Elle est basée sur la séparation des données et des traitements à effectuer en
plusieurs modèles conceptuels et physiques. C’est une méthode plus généraliste.
Elle donne une vue globale de la solution sans autant entrer dans petits détails.
Elle est basée sur la séparation des données et traitement en trois niveaux :
conceptuel, logique et physique.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 21


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
II- Le langage UML

1- Présentation du langage UML

Le Langage de Modélisation Unifié, de l'anglais « Unified Modeling


Language », est un langage de modélisation graphique à base de pictogrammes
conçu comme une méthode normalisée de visualisation dans les domaines du
développement logiciel et en conception orientée objet. C’est un langage créé en
1994 et est né de la fusion de trois méthodes de modélisation objet : OMT
(Object Modeling Technique) créé par Jim Rumbaugh ; BOOCH, nom tiré de
son inventeur (Grady Booch) et OOSE (Object Oriented Software Engineering).
UML nous fournit des diagrammes (représentations graphiques) pour
représenter le logiciel à développer : son fonctionnement, sa mise en route, les
actions susceptibles d’être effectuées par le logiciel, etc. Ces diagrammes, nous
permettent de modéliser un aspect bien précis du système, chaque type de
diagramme UML possède une structure et des concepts prédéfinis. Un
diagramme donne à l'utilisateur un moyen de visualiser et de manipuler des
éléments de modélisation. UML nous permet ainsi d’avoir la documentation du
système. Cette documentation est utilisée pour faciliter les échanges entre les
différents intervenants (maître d’ouvrage, maître d’œuvre, les développeurs et
les utilisateurs) dans toutes les phases du processus de développement et de
maintenance du système informatique.

2- Avantages du langage UML

Les avantages présentés par UML, nous permettent de faciliter la


modélisation des différents aspects de notre projet. En effet UML présente
l’avantage d’être le standard de la modélisation objet universellement
reconnu. Il est un langage visuel. Sa notation graphique permet d’exprimer
visuellement des solutions objets facilitant ainsi la comparaison et l’évaluation
de celles-ci. C’est un langage formel et normalisé doté d’un gain de précision
et d’un gage de stabilité. Il est aussi un support de communication performant

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 22


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

car il cadre l’analyse tout en facilitant la compréhension des représentations


abstraites complexes. En outre, UML sert à formaliser tous les documents
techniques d’un projet et permet d’affiner les détails de l’analyse au fur et à
mesure de l’avancée du projet. Il est possible d’utiliser le même atelier de
génie logiciel depuis l’expression des besoins jusqu’à la génération de tout ou
d’une partie du code. Enfin, il est indépendant des langages de programmation
et des processus de développement.

MERISE UML
Définition C’est une méthode C’est un langage de
d’analyse et de représentation d’un
conception de système système d’information
d’information
Approche fonctionnelle Merise propose une Les fonctions cèdent la
approche descendante place aux cas
où le système réel est d’utilisation qui
décomposé en activités, permettent de situer les
et mêmes déclinées en besoins de l’utilisateur
fonctions. Les fonctions dans le contexte réel. A
sont composées de règle chaque scénario
de gestion, elles même correspond des
regroupées en opération. diagrammes
Ces règles de gestion au d’interaction entre les
niveau conceptuel objets du système et non
génèrent des modules pas un diagramme de
décomposés en modules fonction.
plus simples et ainsi de
suite jusqu’à obtenir des
modules élémentaires.
Niveau d’abstraction Le cycle d’abstraction UML propose
permet de sérier les différentes notion (cas
niveaux de d’utilisation, paquetage,
préoccupations lors de la classe, composant,
description ou de nœud) et différents
l’analyse du système. diagrammes pour
Les trois niveaux modéliser le système

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 23


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
retenus correspondent à aux différents niveaux
des degrés de stabilité et d’abstraction
d’invariance de moins
en moins élevés
- Le niveau
conceptuel,
- Le niveau
logique,
- Le niveau
physique.
Dualité des données Merise propose de L’approche objet associe
traitements considérer le système les informations et les
réel selon deux points de traitements. De cette
vue : un point de vue façon, elle assure un
statique (les données), certain niveau de
un point de vue cohérence.
dynamique (les
traitements). Il s’agit
d’avoir une vision duale
du système réel pour
bénéficier de
l’impression de relief
qui en résulte, et donc
consolider et valider le
système final.
Tableau 8: Tableau comparatif de UML et de MERISE

III- Choix de la solution

Dans le cadre de ce projet nous avons choisir UML pour la modélisation. Nous
estimons cependant qu’UML offre de nombreux avantages par rapport au
Merise, elle permet :

 D’obtenir une modélisation de très meilleures indépendante des langages


et des environnements ;
 D’obtenir une démarche pilotée par les besoins des utilisateurs ;
 De faire des simulations avant de construire notre système.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 24


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

Chapitre 2 : Modélisation de IMHO-INSCRIPTION

Dans ce chapitre il sera question d’abord d’énumérer les différents acteurs


de notre système, ensuite les différents besoins fonctionnels du système et enfin
concevoir les diagrammes UML dont on aura besoin pour l’implémentation du
système.

I- Spécifications des besoins


1- Identification des acteurs

 Acteur : c’est une entité physique ou morale qui interagit de façon directe
ou indirecte avec le système. De ce fait, il émet et reçois des flux
d’information lies aux activités du système. Il existe deux types d’acteurs :
- Acteurs principaux : un acteur principal est un acteur qui interagit
directement avec le système. Il est une entité qui a des besoins
d’utilisation du système.
Dans le cadre de ce projet, les acteurs principaux sont :
 Le Visiteur
 L’Etudiant
 La Direction des Etudes (DE)
- Acteurs secondaires : un acteur secondaire n’a pas de besoin direct
d’utilisation. Il est un autre système (logiciel) avec lequel le nôtre doit
échanger des informations.

Dans le cadre de ce projet l’acteur secondaire est la Banque, transaction Momo


paye et Moov Monney.

2- Description textuelle des acteurs

Elle permet de lister les rôles liés à chaque acteur qui interagit avec
l’application.

- Le visiteur : c’est une personne qui visite le site et s’imprègne de tous


les informations fournis.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 25


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
- L’Etudiant : c’est une personne qui s’inscrire sur le site web dans une
formation dans l’école polytechnique IMHOTEP
- La Direction des Etudes (DE) : c’est la personne qui vérifie et valide les
pré-inscriptions, et qui gère le site web

3- Besoins fonctionnels

Ce sont les rôles assignés à chaque acteur qui interagit avec le système.

- Le Visiteur : l’application doit permet juste aux visiteurs de parcourir le


site
- L’Etudiant : l’application doit permettre aux étudiants de :
 Consulter le site ;
 Faire la pré-inscription ;
 Visualiser la fiche de pré-inscription avant validation ;
- La Direction des Etudes (DE) : l’application doit permettre au DE de :
 Consulter le nombre inscrit sur le site ;
 Vérifier les documents joints par charque étudiant ;
 Valider les inscriptions ;
 Télécharger la fiche ;
 Faire le bilan de nombre d’apprenant inscrit
 Gérer son profil

4- Besoins non fonctionnels

Les besoins non fonctionnels correspondent à la manipulation de l’application


et précisent son environnement.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 26


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

Besoin Descriptions

Sauvegarde Le système va sauvegarder les données quotidiennement pour


éviter des pertes d’information ;

Lisibilité La plateforme sera claire et lisible (contraste, police, etc.). Les


vues de la page d’accueil seront hiérarchiques et cohérentes ;

Sécurité La confidentialité des informations sensible sera assurée de


façon rigoureuse à travers des contrôles ;

Rapidité Le changement des pages Web sera simple et rapide pour éviter
des pertes de temps aux utilisateurs ;

Convivialité La plateforme sera simple et facile à utiliser. Les interfaces


seront lisibles et adaptées aux utilisateurs.

Tableau 9: Besoin et Description

II- Les diagrammes

Un diagramme UML (Unified Modeling Language) fournit une représentation


visuelle des aspects d’un système.

Les diagrammes UML illustrent les aspects quantifiables d’un système qui
peuvent être décrits visuellement, tel que les relations, le comportement, la
structure ou la fonctionnalité. Par exemple, un diagramme de classes décrit la
structure du système ou les détails d’une implémentation, tandis qu’un
diagramme de séquence montre l’interaction entre des objets dans le temps.

Dans un diagramme UML, les éléments du diagramme représentent


visuellement les discriminants dans un système ou une application. Ces
discriminants sont la représentation schématique d’un élément source. Les

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 27


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
diagrammes UML fournissent des vues d’éléments source, mais les éléments
de diagramme n’ont pas de valeur sémantique.

1- Diagramme de cas d’utilisation

C’est un diagramme UML qui permet d’identifier les possibilités d’interaction


entre le système et les acteurs (intervenant extérieure au système), c’est-à-dire
toutes les fonctionnalités que doit fournir le système. Autrement dit, le
diagramme de cas d’utilisation permet de représenter les interactions entre le
système et les utilisateurs (et autres système externes). Il aide dans la
visualisation des exigences ou besoins.

Figure 8: Diagramme de cas d’utilisation globale

Source : Auteurs, 2023


Description textuelle des cas d’utilisation

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 28


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

Quand acteur vient sur la plateforme, il consulte le site avant de décider de faire
sa pré-inscription. Lors de la pré-inscription il rempli la fiche et joint les
documents demander et soumet sa pré-inscription. La Direction des études se
connecte en s’identifiant avec son email et mot de passe, si les informations de
connexion sont correctes le système affiche le tableau de bord dans le cas
contraire le système lui renvoie le formulaire de connexion s’il arrivait que
celui-ci oubli son mot de passe, il peut toutefois le réinitialiser. Après la
connexion, le DE consulte les demandes en vérifiant les informations. Le DE
octroie un statut à la demande (validé ou refus).

2- Diagramme de classe

Le diagramme de classe est un schéma utilisé en génie logiciel pour présenter


les classes et les interfaces des systèmes ainsi que leurs relations. Il fait partie de
la statique d’UML.

Une classe décrit les responsabilités, le comportement et le types d’un ensemble


d’objets. Les éléments de cet ensemble sont les instances de la classe (objets).
Elle est un ensemble de fonctions (méthodes) et de données (attributs) qui sont
liées ensemble par un champ sémantique permettant ainsi de modéliser un
programme et de découper une tâche complexe en plusieurs petits travaux
simples. Les classes peuvent être reliées grâce au mécanisme d’héritage qui
permet de mettre en évidence des relations de parenté.

En ce qui concerne notre application web, le diagramme de classes


correspondant est le suivant :

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 29


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE

Figure 9: Diagramme de Classe

Source : Auteurs, 2023

Description du diagramme de classe

 Chaque utilisateur du système est caractérisé par : un identifiant, son nom


et ses prénoms, le sexe, sa date de naissance, son e-mail, son numéro de
téléphone.
 En plus de ses caractéristique d’utilisation, seul la direction des études
s’authentifie avec un mot de passe, il se charge de la validation de la
préinscription avant le paiement de l’étudiant

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 30


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

3- Diagramme d’activité du système

Le diagramme d’activité d’écrit le déroulement d’un processus formalisé


éventuellement dans un cas d’utilisation. Il montre l’enchaînement des activités
qui concourent au processus. Dans le cadre de notre projet nous avons
essentiellement réalisés les diagrammes d’activité détaillant les différents cas
d’utilisation.
3-1 Diagramme d’activité : cas d’authentification

Figure 10: Diagramme d'activité cas d'authentification

Source : Auteurs, 2023


Description du diagramme :
Ce diagramme représente le diagramme d’activité d’authentification pour
l’utilisateur. En effet, quand l’utilisateur désire opérer sur le site, la page
d’authentification lui est soumis ; celui-ci renseigne son e-mail et son mot de
passe et valide l’authentification. Le système vérifie si tous les champs sont bien
remplis. Si l’un des champs est vide, le système notifie à l’utilisateur que le

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 31


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
champ non renseigner doit l’être. Si tous les champs sont bien renseignés, le
système lui affiche le Tableau de bord.

3-2 Diagramme d’activité : cas étudiant

Figure 11: Diagramme d'activité cas étudiant

Source : Auteurs, 2023


Description du diagramme :
Ce diagramme représente l’activité de l’étudiant. En effet l’étudiant demande
le formulaire de pré-inscription, renseigne la fiche avant de la soumettre ; le
système vérifie tous les champs remplis ; si tous les champs ne sont pas
remplis, le système affiche un message d’erreur et il reprend la saisie. Si tous

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 32


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

les champs sont bien remplis, le système enregistre le formulaire de pré-


inscription et affiche un message de succès.

3-3 Diagramme d’activité : cas du DE

Figure 12: Diagramme d'activité cas du DE

Source : Auteurs, 2023

Description du diagramme :
Ce diagramme représente l’activité gérer par la direction des études. En effet
quand le DE s’authentifie, le système lui affiche son tableau de bord sur lequel
il y a toutes les demandes de pré-inscription. Il sélectionne une demande,
vérifie les informations et les documents joint avant de décider de son statut

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 33


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
(valider ou refus). Après le statut le système donne la possibilité de télécharger
la fiche remplie de la pré-inscription.

4- Diagramme de séquence

4-1 Diagramme de séquence d’authentification


Le diagramme de séquence est la représentation graphique des interactions entre
les acteurs et le système selon un ordre chronologique. Il indique les messages
échangés entre les objets. Pour analyser les comportements des cas d’utilisation,
nous utiliserons les diagrammes de séquences suivants :

Figure 13: Diagramme de séquence d’authentification

Source : Auteurs, 2023

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 34


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

Description textuelle du diagramme :


Utilisateur : demande le formulaire d’authentification
Système : affiche le formulaire d’authentification à l’utilisateur
Utilisateur : remplie le formulaire (ses identifiants) puis valider
Système : vérifie ensuite dans la base de données si les informations saisies
par l’utilisateur sont correctes :
 Si les informations ne sont pas correctes le système renvoie l’utilisation
aux formulations d’authentification.
 Si elles sont correctes le système lui affiche le tableau de bord.

4-2 Diagramme de séquence d’étudiant

Figure 14: Diagramme de séquence cas étudiant

Source : Auteurs, 2023


Description textuelle du diagramme :
Etudiant : demande le formulaire pré-inscription
Système : affiche le formulaire à l’étudiant
Etudiant : remplie le formulaire (et joints les documents) puis valider
Système : vérifie ensuite dans la base de données si les informations saisies
par l’utilisateur sont correctes :
 Si les informations ne sont pas correctes le système renvoie l’utilisation
au formulaire en marquant en rouge les cases mal remplies.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 35


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
 Si elles sont correctes le système lui envoie un message de remerciement.
Étudiant : visualisation possible de la fiche remplie de pré-inscription

4-3 Diagramme de séquence Direction des Etudes

Figure 15: Diagramme de séquence cas DE

Source : Auteurs, 2023

Description textuelle du diagramme :


DE : après authentification, consulte la liste de demande
Système : affiche les demandes à l’étudiant

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 36


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

DE : vérifie les information et document joint de charque étudiant. Après


vérification le DE attribut un statut à la demande (Validé ou Refus)
Système : enregistre et envoie un message en fonction du statut à l’étudiant

5- Diagramme de déploiement

Le diagramme de déploiement est une vue statique qui sert à représenter


l’utilisation de l’infrastructure physique par le système et la manière dont les
composants du système sont répartis ainsi que leurs relations entre eux.

Le diagramme ci-dessous illustre les protocoles de communication de notre


système :

Figure 16: Diagramme de déploiement

Source : Auteurs, 2023

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 37


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
PARTIE III : IMPLEMENTATION
Chapitre 1 : Langage et outils de conception
I- Les langages utilisés

Dans le cadre de notre projet nous avons utilisé les langages suivants : HTML ;
CSS ; PHP ; MySQL

1- HTML

HTML signifie « Hyper Text Markup Language » qu’on peut traduire par
« langage de balise pour l’hypertexte ». Il est utilisé afin de créer et de
représenter le contenu d’une page web et sa structure. D’autres technologies
sont utilisées avec HTML pour décrire la présentation d’une page (CSS) et/ou
ses fonctionnalités interactives (JavaScript). HTML est inspiré du Standard
Generalized Markup Language (SGML).

L’ « hypertexte » désigne les liens qui relient les pages web entre elles, que ce
soit au sein d’un même site web ou entre différents sites web.

2- CSS
Les feuilles de style en cascade, généralement appelées CSS de l’anglais
Cascading Style Sheets, forment un langage informatique qui décrit la
présentation des documents HTML et XML. Les standards définissant CSS sont
publiés par le World Wide Web Consortium (W3C). Introduit au milieu des
années 1990, CSS est couramment utilisé dans la conception de site Web et bien
pris en charge par les navigateurs Web dans les années 2000.

3- PHP
Le PHP est le principal langage de programmation dans la réalisation de
la plateforme IMHO-Inscription. PHP est un langage script utilisé le plus
souvent côté serveur : dans cette architecture, le serveur interprète le code PHP
des pages web demandées et génère du code (HTML, XHTML, CSS par

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 38


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

exemple) et des données (JPEG, GIF, PNG par exemple) pouvant être interpréter
et rendus par un navigateur web.

Il a été conçu pour permettre la création d’applications dynamiques, le plus


souvent développées pour le web. PHP est le plus souvent couplé à un serveur
Apache bien qu’il puisse être installé sur la plupart des serveur http tels que IIS
ou NGINX. Ce couplage permet de récupérer des informations issues d’une base
de données, d’un système de fichiers (contenu de fichiers et de l’arborescence)
ou plus simplement des données envoyées par le navigateur afin d’être
interprétées ou stockées pour une utilisation ultérieure.

4- Le langage requête SQL

SQL est un langage informatique permettant de stocker, manipuler et récupérer


des données stockées dans une base de données relationnelle.

SQL est le langage standard pour le système de base de données relationnelle.


Tous les systèmes de gestion de base de données relationnelle (SGBDR) comme
MySQL, MS Access, Oracle, Sybase, Informix, Postgre et SQL Server utilisent
SQL comme langage de base de données standard.

SQL est très populaire car il offre les avantages suivants :

 Permet aux utilisateurs de définir les données dans la base de données et


de manipuler ces données ;
 Permet d’incorporer dans d’autres langages à l’aide de modules SQL, de
bibliothèque et de pré-compilateurs ;
 Permet aux utilisateurs de créer et de supprimer des bases de données et
des tables ;
 Permet aux utilisateurs de définir des autorisations sur les tables, les
procédures et les vues.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 39


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
II- Outils de conception

1- Présentation et justification du système de gestion de base de données


MySQL

Le développement d’une application web nécessite la conception d’une


base de données. La base de données sert au stockage et à la manipulation des
données. Une base de données est un ensemble structuré et logique de données
qui sert de support aux applications informatiques.

Pour concevoir et manipuler les bases de données, nous avons besoin d’un
logiciel appelé système de gestion de base de données (SGBD). Dans notre
dynamique d’utilisation des outils libre pour la conception de notre application,
nous choisissons d’utiliser le MySQL qui est un SGBD open source le plus
utilisé pour la gestion des bases de données. Il faut noter également que les
programmeurs PHP utilisent en majorité le MySQL comme système de gestion
de base de données (SGBD) depuis des années. Il existe plusieurs systèmes de
gestion de base de données PostgreSQL ; Oracle dont la licence coute cher.
MySQL répond parfaitement aux exigences de notre projet tant en termes de
performance que de qualité d’information à traiter. Il est également dérivé du
langage de requête de base de données SQL (Structured Query Language) que
nous utilisons pour créer, interroger, modifier et supprimer (CRUD : Create
Read Update Delete) les données. MySQL présente plusieurs avantages, car :

 Il est facile à comprendre ;


 Le langage est fonctionnel : MySQL fonctionne sur de nombreuses
plateformes différentes ;
 Haute capacité de stockage : MySQL permet d’avoir plus de 100 000
tables et plus de 1 000 000 000 d’enregistrements.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 40


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

2- Justification du choix du serveur Web Apache

L’utilisation d’un langage de script serveur tel que PHP oblige l’usage
d’un serveur contrairement au HTML, CSS et JavaScript qui peuvent s’exécuter
à partir du navigateur du client. Les clients envoient donc des requêtes HTTP au
serveur distant qui reçoit les requêtes, les traite à l’aide du PHP pour ensuite
renvoyer une réponse en HTML afin qu’il soit interprétable par le navigateur du
client. Nous utilisons le serveur Apache dans la carde de notre projet. Apache est
un serveur libre répandu sur la toile qui fonctionne sur les systèmes
d’exploitation de type Unix et plusieurs autres notamment Microsoft Windows.
Convivial et facile à utiliser, il est l’un des piliers du succès du trio
Apache/MySQL/PHP de développement web.

3- Justification de l’utilisation de Wordpress

WordPress est un système de gestion de contenu (SGC ou content


management system (CMS) en anglais) gratuit, libre et open-source. Ce logiciel
écrit en PHP repose sur une base de données MySQL et est distribué par la
fondation WordPress.org. Les fonctionnalités de WordPress lui permettent de
créer et gérer différents types de sites Web : site vitrine, site de vente en ligne,
site applicatif, blog, portfolio, site institutionnel, site d'enseignement…
Il est distribué selon les termes de la licence GNU GPL version 2. Le logiciel est
aussi utilisé comme socle du service multi-site WordPress.com, et qui supporte
plusieurs millions de site. WordPress trouve ses origines dans le logiciel b2
développé par Michel Valdrighi en 2001. Michel Valdrighi ajoute de nombreuses
fonctionnalités avant d'arrêter le développement du logiciel pour des raisons
personnelles à la fin de 2002

WordPress possède une structure modulaire, dans laquelle les modules


individuels sont écrits dans le langage de programmation PHP. Il faut faire la
distinction entre les modules de base, qui constituent le cadre de départ pour

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 41


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
l’installation du logiciel, et les modules supplémentaires (plugins, thèmes), qui
étendent le CMS avec de nouvelles fonctions ou mises en page. WordPress
fournit un système de gestion de base de données relationnelles pour le
traitement des données.
Les éléments fonctionnels ainsi que le design et le contenu peuvent être
implémentés et adaptés via l’interface intuitive du Backend WordPress sans
avoir à écrire votre propre code. Le logiciel CMS génère ce code
automatiquement en arrière-plan.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 42


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE

Chapitre 2 : Présentation de la plateforme IMHO-Inscription

IMHO-INSCIPTION est une plateforme de préinscription en ligne. Son objectif


est de mettre à la disposition des nouveau bachelier une plateforme pour
démarrer son inscription à l’Ecole Polytechnique IMHOTEP à distance.

Nous avons opté pour une couleur blanche pour le fond et une couleur rose pour
l’entête en lien avec la charte graphique de l’école. En effet, la plupart des
moteurs de recherche ou des sites virtuelles s’affichent sur un fond blanc. En
plus le fond blanc renvoie au papier. Il conforte le lecteur et communique une
impression de sérieux, de sobriété, de détachement et d’objectivité. Ainsi la
couleur rose donne l’attention particulière au site.

Nous avons choisi ce nom (IMHO-INSCRIPTION) afin de permettre aux


étudiants de garder plus facilement le nom du site et aussi montrer que la
plateforme est spécialement conçue pour l’Ecole Polytechnique IMHOTEP.

Les principales captures ci-dessous donnent un aperçu de notre implémentation :

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 43


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE

 Page d’accueil

Figure 17: Page d'accueil

Source : Auteurs, 2023

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 44


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
 Formulaire pré-inscription

Figure 18: Formulaire de pré-inscription

Source : Auteurs, 2023

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 45


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE

 Page connexion

Figure 19: Page connexion

Source : Auteurs, 2023

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 46


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
 Tableau de bord

Figure 20: Tableau de bord

Source : Auteurs, 2023

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 47


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE

 Base de données

Figure 21: Base de données

Source : Auteurs, 2023

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 48


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN

CONCLUSION
Notre projet de fin d’étude consistait à réaliser une plateforme de préinscription
en ligne pour l’Ecole Polytechnique IMHOTEP.

Afin de résoudre le problème de disponibilité de l'information et la lenteur du


processus d'inscription, l'objectif visé dans ce projet de fin d'études était la
création d'un site web avec système de préinscription en ligne. Pour atteindre
notre objectif, nous avons présenté les différentes étapes de la conception et la
réalisation de l'application pour la gestion de la préinscription.

La réalisation de ce projet nous a permis d’approfondir nos connaissances sur le


plan de la nouvelle technologie du numérique, d’améliorer nos compétences et
de mettre en pratique les connaissances acquises au cours de notre formation.

Notre projet en plus de la gestion de la préinscription, pourra être amélioré par


l’ajout d’autres fonctionnalités relatives au suivi des étudiants durant leur cursus
académique une fois leur inscription bouclée.

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 49


CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
REFERENCES BIBLIOGRAPHIQUES
 Mémoire de fin d’étude : « conception et réalisation d’une plateforme
pour la gestion de la scolarité » soutenu par AMRANE Samia et
AMRANE Hassina sous la supervision du Dr Y.Chaieb
 Mémoire de fin d’étude : « conception et réalisation d’une plateforme
d’apprentissage en ligne » soutenu par BOURAIMA Fréjus et CHABI
Faris Castro, 2021 sous la supervision du Dr Didier ANAGO ;

REALISE PAR ASSOHOUME DEO GRATIAS & KOUTCHIKA JUDICAEL 50


REFERENCES WEBOGRAPHIQUES
 https://parakou.cfpsdonboscobenin.com/inscription (visité le
24/03/2023 à 8h16 min)
 https://inscriptions.easylmd.net/lcs/noteinscrit/19 (visité le 24/03/2023
à 11h00)
 http://hecm-afrique.net/htdocs/inscription/ (visité le 24/03/2023 à
12h30min)
 https://www.eduinturkey.org/fr/inscription/pre-inscription-
universitaire/ (visité le 24/03/2023 à 15h00min)
 https://www.ult-tunisie.com/preinscription/ (visité le 24/03/2023 à
16h00min)
 https://institutfrancoisembango.com/preinscription-en-ligne/ (visité le
24/03/2023 à 18h00min)

 https://www.memoireonline.com/ visité le 24/03/2023 à 09h28min


 https://fr.m.wikipedia.org/wiki/WordPress#:~:text=En%20janvier
%202003%2C%20Matthew%20Mullenweg,une%20amie%20de
%20Matthew%20Mullenweg) visité le 24/03/2023 à 10h30min
 https://developer.mozilla.org/fr/docs/Web/HTML visité le 24/03/2023 à
15h30min
 https://www.journaldunet.fr/web-tech/dictionnaire-du-webmastering/
1203255-html-hypertext-markup-langage-definition-traduction/ visité le
25/03/2023 à 11h12min
 https://www.ionos.fr/digitalguide/hebergement/cms/wordpress-le-plus-
populaire-des-cms-a-la-loupe/ visité le 04/04/2023 à 09h30min
 https://www.salesforce.com/fr/resources/articles/definition-cms/
#:~:text=D%C3%A9finition%20de%20CMS%20%3A%20CMS
%20est,connaissances%20techniques%20en%20langage%20informatique.
visité le 04/04/2023 à 09h30min

A
TABLE DES MATIERES
AVERTISSEMENT.....................................................................................................................i
DEDICACE 1.............................................................................................................................ii
DEDICACE 2............................................................................................................................iii
REMERCIEMENTS.................................................................................................................iv
SIGLES ET ACRONYMES........................................................................................................i
LISTE DES FIGURES...............................................................................................................ii
LISTE DES TABLEAUX............................................................................................................i
RESUME....................................................................................................................................ii
ABSTRACT..............................................................................................................................iii
SOMMAIRE..............................................................................................................................iv
INTRODUCTION......................................................................................................................5
PREMIERE PARTIE : PRESENTATION DU CONTEXTE D’ETUDE...................................6
Chapitre 1 : Présentation de la structure d’accueil.....................................................................6
I- Historique et Organisation d’IMHOTEP Labs....................................................................6
Activités, projets et infrastructure du laboratoire.......................................................................8
1- Projets..................................................................................................................................8
2- Infrastructure : Réseaux et système.....................................................................................9
II- Déroulement du stage....................................................................................................10
Chapitre 2 : Présentation du projet............................................................................................11
I- Problématique....................................................................................................................11
II- Contexte et justification.................................................................................................12
III- Objectifs et enjeux du projet..........................................................................................13
1- Objectif général.................................................................................................................13
2- Objectifs spécifiques.........................................................................................................13
3- Les enjeux du projet..........................................................................................................14
IV- Etude de l’existant.........................................................................................................14
1- CPET DON BOSCO.........................................................................................................14
2- Inscription en ligne Les Cours Sonou...............................................................................16
3- Inscription en ligne Ecole Leader HECM.........................................................................17
4- Inscription en ligne Université Turkey..............................................................................18
5- Pré-Inscription Université Tunisie....................................................................................19
6- Institut universitaire Isembango........................................................................................20
PARTIE II : ANALYSE ET CONCEPTION DE IMHO-INSCRIPTION................................21

A
I- La méthode MERISE........................................................................................................21
1- Présentation de la méthode MERISE................................................................................21
2- Avantages de la méthode MERISE...................................................................................21
II- Le langage UML............................................................................................................22
1- Présentation du langage UML...........................................................................................22
2- Avantages du langage UML..............................................................................................22
III- Choix de la solution.......................................................................................................24
Chapitre 2 : Modélisation de IMHO-INSCRIPTION...............................................................25
I- Spécifications des besoins.................................................................................................25
1- Identification des acteurs...................................................................................................25
2- Description textuelle des acteurs.......................................................................................25
3- Besoins fonctionnels.........................................................................................................26
4- Besoins non fonctionnels..................................................................................................26
II- Les diagrammes.............................................................................................................27
1- Diagramme de cas d’utilisation.........................................................................................28
2- Diagramme de classe.........................................................................................................29
3- Diagramme d’activité du système.....................................................................................31
3-1 Diagramme d’activité : cas d’authentification...................................................................31
3-2 Diagramme d’activité : cas étudiant...................................................................................32
3-3 Diagramme d’activité : cas du DE.....................................................................................33
4- Diagramme de séquence....................................................................................................34
4-2 Diagramme de séquence d’étudiant...................................................................................35
4-3 Diagramme de séquence Direction des Etudes..................................................................36
5- Diagramme de déploiement..............................................................................................37
PARTIE III : IMPLEMENTATION..........................................................................................38
Chapitre 1 : Langage et outils de conception............................................................................38
I- Les langages utilisés..........................................................................................................38
1- HTML................................................................................................................................38
2- CSS....................................................................................................................................38
3- PHP....................................................................................................................................38
4- Le langage requête SQL....................................................................................................39
II- Outils de conception......................................................................................................40
1- Présentation et justification du système de gestion de base de données MySQL.............40
2- Justification du choix du serveur Web Apache..................................................................41

B
3- Justification de l’utilisation de Wordpress........................................................................41
Chapitre 2 : Présentation de la plateforme IMHO-Inscription.................................................43
CONCLUSION.........................................................................................................................49
REFERENCES BIBLIOGRAPHIQUES..................................................................................50
REFERENCES WEBOGRAPHIQUES....................................................................................A

REFERENCES BIBLIOGRAPHIQUES .................................................................................. A


REFERENCES WEBOGRAPHIQUES ....................................................................................
B
TABLE DES MATIERES ........................................................................................................ D

Vous aimerez peut-être aussi