Académique Documents
Professionnel Documents
Culture Documents
********
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
********
Réalisé par :
i
DEDICACE 1
A:
ASSOHOUME Déo-gratias
ii
DEDICACE 2
A:
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 :
iv
SIGLES ET ACRONYMES
CSS : Cascading Style Sheets
i
LISTE DES FIGURES
ii
LISTE DES TABLEAUX
i
RESUME
ii
ABSTRACT
iii
SOMMAIRE
INTRODUCTION
CONCLUSION
REFERENCES BIBLIOGRAPHIQUES
WEBOGRAPHIE
iv
CONCEPTION ET REALISATION D’UNE PLATEFORME DE PRE-INSCRIPTION EN
LIGNE
INTRODUCTION
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.
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.
1- Projets
N° Logiciel Version
Libre office
03 WinDev Version 20
Source : IMHOTEP
I- Problématique
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 ?
2- Objectifs spécifiques
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.
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
L’institut universitaire Les Cours Sonou à organiser par site l’inscription en ligne
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
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
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
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.
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
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.
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
I- La méthode MERISE
1- Présentation de la méthode MERISE
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
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 :
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.
Elle permet de lister les rôles liés à chaque acteur qui interagit avec
l’application.
3- Besoins fonctionnels
Ce sont les rôles assignés à chaque acteur qui interagit avec le système.
Besoin Descriptions
Rapidité Le changement des pages Web sera simple et rapide pour éviter
des pertes de temps aux utilisateurs ;
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.
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
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
4- Diagramme de séquence
5- Diagramme de déploiement
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
exemple) et des données (JPEG, GIF, PNG par exemple) pouvant être interpréter
et rendus par un navigateur web.
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 :
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.
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.
Page d’accueil
Page connexion
Base de données
CONCLUSION
Notre projet de fin d’étude consistait à réaliser une plateforme de préinscription
en ligne pour l’Ecole Polytechnique IMHOTEP.
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