Académique Documents
Professionnel Documents
Culture Documents
UNIKAM
OCTOBRE 2021
ÉPIGRAPHE
Isaac NARY N.
DÉDICACE
Je dédie ce travail.
Moses KAZEMBE
REMERCIEMENT
D’abord, notre reconnaissance au tout puissant, le Dieu vivant, lui qui mérite nos
remerciements, pour son soutien et accompagnement tout au long de notre parcours académique de
ce premier cycle.
Nos sentiments de remerciements vont tout droit vers nos autorités facultaires,
notamment le Doyen de la faculté Lucain KASONGO MWADIAVITA, le vice-Doyen chargé de
l’enseignement Milord YAMBA YAMBA, le vice-Doyen chargé de la recherche Gabin NDAY-A-
MANDE, ainsi qu’à tout personnel décanal.
Mes camarades de lutte, collaborateurs, ceux avec qui nous avons traversé des
moments difficiles, nous citons : Fiston BAMBI, Shadrack KAYEMBE, Nora MWILA, Nackson
NKUMWIMBA, Abigaël LIKANGO, Doudou KAVULA, Prince MUGO, Valdry MBUKANI, etc. ;
recevez nos sincères remerciements.
Moses KAZEMBE
INTRODUCTION GÉNÉRALE
1. PRÉSENTATION DU PROJET
Ces années ont aussi été marquées par l’entrée en scène du World Wide
Web (www), l’un des services qui a popularisé internet, et qui a fait exploser le nombre de
ses utilisateurs. Par conséquent, le web suscite l’intérêt de la majorité des organisations qui
réalisent d’enrichir leur présentation via le Web.
Le monde de l'informatique est sûrement l'un des milieux qui évolue plus
rapidement, et avec la révolution de l'Internet le rêve de milliers d'entreprises s'est réalisé,
en apportant une incroyable possibilité d'extension et d'épanouissement au monde ainsi
que dans les différentes relations humaines ; plus particulièrement dans plusieurs Institutions
Scolaires, Supérieur et Universitaires. La majuscule d’un Site Web dans le monde éducatif
est qu’il est un outil de communication pour l’école, vu au monde extérieur, et pour cela, il
apporterait un plus en son sein.
2.1.
Il n’est pas un fait hasardeux, mais plutôt une question de constat fait sur
la manière dont quelque chose se passe au sein d’une organisation. Raison pour laquelle
nous avons porté le choix sur le sujet intitulé « Conception et Réalisation d’un site web au
sein d’une institution scolaire. Cas de Gad School », afin d’y apporter une solution
informatique concernant les inscriptions des élèves, le communiqué à passer, la
communication entre les enseignants et/ou élèves hors les horaires scolaires, la publication
des résultats, etc.
2.2.
Écrire un travail scientifique qui ne servira à rien, c’est mettre en cause tout
son parcours scientifique. Car une sagesse dit : « faire du bien aux autres, C’est s’en faire à
soi-même ». Sur ce, notre travail s’articule autour d’un triple intérêt, en l’occurrence :
Vu l’importance que revêt ce sujet, notre choix étant motivé par entre
autres son influence dans les institutions scolaires congolaises, et de Kamina en particulier.
Pour ne pas nous débarrasser de la sincérité scientifique, nous ne prétendons pas être le
premier à avoir abordé les aspects de la conception d’un site Web, dans la mesure où,
nombreux chercheurs en auraient déjà parlé, tels que :
Quant à nous, nous allons concevoir un site web, qui va rendre efficace
différents services du Complexe Scolaire Gad School, dans sa manière de gérer les données
des élèves et/ou enseignants, d’inscrire les élèves, de passer le communiqué, de publier les
résultats pour la fin de l’année, etc. Ce site Web ouvrira le complexe scolaire et toutes ses
activités au monde extérieur.
4. PROBLÉMATIQUE ET HYPOTHÈSES
4.1.
4.3.
,
4.4.
Pour la récolte des données, nous avons utilisé les techniques ci-après :
6. DÉLIMITATION DU SUJET
λ
La réalisation est l’action de réaliser quelque chose, de la faire passer du
stade de la conception à celui de la chose existante.14 Elle est encore définie comme étant
une action de faire passer du stade de la conception, du projet, à celui de l’existence
effective.15
λ
Le Web n’est qu’une technologie informatique permettant de consulter
des pages regroupées sur des sites.16 Ou encore, il est un terme employé pour parler du
World Wide Web ou www ou W3, traduit en français par la toile d’araignée mondiale,
désignant un ensemble de services accessibles via le réseau internet.17
λ
Un site Web ou tout simplement site, est un ensemble de pages Web et
d’éventuelles autres ressources, liées dans une structure cohérente, publiées par un
propriétaire (une entreprise, une administration, une association, un particulier, etc.) et
hébergées sur un ou plusieurs serveurs Web.18
Il est encore défini comme un ensemble de pages Web et de ressources
inter-liées entre elles par des hypertextes, auxquelles l’internaute peut accéder par une
adresse Web appelée URL, le tout enregistré sous un nom de domaine.19
Une institution est une structure d’origine coutumière ou légale, faite d’un
ensemble de règles orienté vers une fin, qui participe à l’organisation de la société ou de
l’État.20
Une institution scolaire est une forme ou une structure sociale établie par
la loi ou la coutume, un ensemble socialement organisé où s’exercent les fonctions
publiques, un système organisé et stable qui structure des activités sociales (par exemple
l’enseignement, la justice, le travail, etc.).23
I.3.1.
a.
b.
I.3.2.
À partir du modèle des cas d’utilisation, les développeurs créent une série
de modèles de conception et d’implémentation réalisant les cas d’utilisation. Les cas
d’utilisation permettent d’exprimer les interactions du système avec les utilisateurs, donc de
capturer les besoins. Une seconde orientation est de montrer comment les cas d’utilisation
constituent un vecteur structurant pour le développement et les tests du système.
I.3.3.
Ce qui compte beaucoup plus ici, est le respect du plan du projet du début
jusqu’à la fin ; tout système complexe doit être décomposé en partie modulaire afin d’en
faciliter la maintenance et l’évolution. Cette architecture (fonctionnelle, logique, matérielle,
etc.) doit être modélisée en UML, et pas seulement documentée en texte.
I.3.6.
Le cycle de vie d’un logiciel (en anglais software life cycle), désigne toutes
les étapes du développement d’un logiciel, de sa conception à sa disparition. Le cycle de
vie permet de détecter les erreurs au plus tôt et ainsi de maîtriser la qualité du logiciel, les
délais de sa réalisation et les coûts associés.
L’objectif d’un processus unifié est de maîtriser la complexité des projets
informatiques en diminuant les risques.28 UP est un ensemble de principes génériques
adapté en fonction des spécificités des projets et répond aux préoccupations suivantes :
λ QUI participe au projet ?
λ QUOI, qu’est ce qui est produit durant le projet ?
λ COMMENT doit-il être réalisé ?
λ QUAND est réalisé chaque livrable ?
Le cycle de vie de la méthode UP se décompose en 4 phases ou étapes
principales au cours desquelles 5 activités d’ingénierie sont mises en œuvre.
I.3.7.
a.
b.
c.
d.
Vise à livre, diffuser ou déployer le produit de sorte qu’il soit prêt à être
utilisé ; cette phase inclut la formation des utilisateurs si nécessaire. 30 Il s’agit dans cette
phase de livrer le produit pour une exploitation réelle.
I.3.8.
a.
L’expression des besoins comme son nom l’indique, permet de définir les
différents besoins. UP distingue deux types de besoins, entre autres :
Un modèle d’analyse livre une spécification complète des besoins issus des
cas d’utilisations et les structures sous une forme qui facilite la compréhension (scenarios),
la préparation (définition de l’architecture), la modification et la maintenance du futur
système.
c.
d.
Consiste à produire les logiciels (taper les codes sources). Elle est
l’implémentation de la conception pour implémenter le système sous forme de composants,
c’est-à-dire, des codes sources, de scripts, de binaires, d’exécutables et d’autres éléments
du même type.
e.
UML (Unified Modeling Language en anglais, qui veut dire juste Langage
de Modélisation Unifié en français). La modélisation qui n’est rien d’autre qu’une
représentation virtuelle du problème auquel on s’intéresse.
UML 1.0 été normalisé en janvier 1997 ; UML 2.0 a été adopté par l’OMG
en juillet 2005. La dernière version de la spécification validée par l’OMG est UML 2.5.1 (2017).
UML est destiné à faciliter la conception des documents nécessaires au développement d’un
logiciel orienté objet, comme standard de modélisation de l’architecture logicielle.
UML n’étant pas une méthode, l’utilisation des diagrammes est laissée à
l’appréciation de chacun. Le diagramme de classes est généralement considéré comme
l’élément central d’UML. Des méthodes, telles que le processus unifié (UP) proposé par les
créateurs originels de UML utilisent plus systématiquement l’ensemble de diagrammes et
axent l’analyse sur les cas d’utilisation (« use case ») pour développer par itérations
successives un modèle d’analyse, un modèle de conception et d’autres modèles.
I.3.10.
I.4.1.
I.4.2.
I.4.3.
Par-là, pour réaliser des actions que l’ordinateur doit exécuter, il existe
plusieurs langages de programmation selon le type de développement, nous citons :
PYTHON, JAVA, JAVASCRIPT, C Sharp, PHP, C++, R, C, SWIFT, MATLAB.39
HTML, CSS, JS, PHP, SQL qui sont les langages du web.
En effet, pour conception du site web, nous avons choisi le langage PHP,
Bloc note comme éditeur de code et en utilisant plus les langages du web comme nous
l’avons décrit ci-haut et MySQL pour la gestion de données.
Chapitre Deuxième : PRÉSENTATION DE L’EXISTANT, SPÉCIFICATION
DES BESOINS ET ANALYSE DU MÉTIER
II.1. GÉNÉRALITÉS
II.2.1.
II.2.3.
II.2.4.
λ La Qualité ;
λ La Référence ;
λ La Différence.
Enfin, pour éviter le déjà « fait », « dit » et « entendu », l’école est appelée
à marquer toujours la différence dans ce qu’elle mène comme activités.
II.2.5.
II.3.1.
a.
Un processus métier est un ensemble d’activités liées les unes aux autres
et qui prennent fin qu’à la livraison d’un produit ou service aux clients.41
b.
c.
En d’autres mots, c’est une entité externe qui agit sur un système. Les
principaux acteurs sont les suivants :
1. Tuteur/élève : c’est la personne qui joue un grand rôle au sein d’une institution
scolaire, elle inscrit son élève, lit le communiqué, etc. ;
2. Caissier : c’est la personne qui enregistre les inscriptions, livre les reçus aux différents
élèves, établit le rapport journalier ;
3. Chef d’établissement : c’est la personne qui gère les activités éducationnelles du
complexe, elle reçoit en premier le tuteur pour l’inscription de l’élève.
d.
e.
Voilà pourquoi, nous allons concevoir un site web qui permettra de palier
à la situation de sa gestion non acceptable.
II.3.4.
a.
λ Inscrire élève ;
λ Établir rapport ;
λ Effectuer paiement.
b.
Pour décrire un cas d’utilisation, nous allons par six (6) étapes, entre autres :
1. Cas d’utilisation : « »
a. Résumé : ce cas d’utilisation permet au tuteur d’inscrire un élève.
b. Acteurs :
• Principal : Tuteur/Élève
• Secondaire : chef d’établissement, Caissier
- Précondition : l’élève doit avoir un minimum de trois ans.
- Scénario nominal :
1. Le tuteur se présente et passe une demande d’inscription chez le chef
d’établissement ;
2. Le chef d’établissement traite la demande et demande au tuteur de
déposer le dossier de l’élève ;
3. Le tuteur dépose le dossier de l’élève auprès du chef d’établissement ;
4. Le chef d’établissement établit le document appelé Bon d’inscription
- Scénario alternatif :
3.a. Le processus s’arrête en cas de non-conformité de la demande ;
3.b. Le chef d’établissement établit un document appelé « Bon
d’inscription » ;
3.b.1. Le tuteur se présente à la caisse, muni du bon d’inscription et
paie les frais ;
3.b.2. Le caissier établit et archive le reçu, puis le remet au tuteur,
pour en fin établir un rapport journalier adressé au chef
d’établissement ;
3.b.3. Le chef d’établissement reçoit, lit et approuve le rapport
journalier.
2. Cas d’utilisation : « »
1. Résumé : permettre au tuteur de l’élève d’effectuer le paiement des frais
d’inscription
2. Acteurs :
• Principal : tuteur/élève
• Secondaire : caissier
- Précondition : avoir passé une demande d’inscription
- Scenario nominal :
1. Le tuteur paie la somme demandée ;
2. Le cassier établit un reçu de paiement ;
3. Le tuteur reçoit un reçu de paiement ;
4. Le caissier archive le reçu.
- Scenario alternatif :
2.a. le reçu ne sera pas établit lorsque le tuteur ne paie pas la somme
demandée ;
- Post condition : inscription validée
3. Cas d’utilisation : « »
- Résumé : ce cas d’utilisation va permettre au caissier d’établir un rapport
journalier
- Acteurs :
• Principal : caissier
• Secondaire : chef d’établissement
- Précondition : avoir perçu un paiement des frais d’inscription
- Scenario nominal :
1. Le caissier établit un rapport journalier et le dépose auprès du chef
d’établissement ;
2. Le chef d’établissement reçoit, lit et approuve le rapport ;
3. Le chef d’établissement archive le rapport journalier.
- Scenario alternatif :
- Post condition : rapport journalier approuvé
III.1. INTRODUCTION
III.2.1.
1. : toute personne qui navigue sur le site du complexe pour lire les
informations, envoyer un message ;
2. : toute personne qui utilise le système informatique du complexe
scolaire Gad School, pour demander l’inscription ;
3. : toute personne qui utilise le système informatique du complexe
scolaire Gad School, pour ajouter les fichiers ;
4. : toute personne qui manipule le système informatique
du complexe scolaire Gad School, pour traiter la demande d’inscription, inscrire
l’élève, fournir le document « Bon d’inscription » au tuteur ;
5. : toute personne qui enregistre le paiement, établit le rapport
journalier adressé au chef d’établissement du complexe scolaire Gad School ;
6. : toute personne chargée de gérer le système informatique.
III.2.2.
a.
b.
1. Acteur : un acteur qui est une entité externe qui agit sur le système. Nous avons aussi
quatre catégories d’acteurs, notamment :
Acteur principal : est celui qui utilise les fonctionnalités principales d’un système.
Acteurs secondaires : sont ceux qui utilisent des tâches administratives ou de
maintenance.
Les matériels externes : sont des dispositifs matériels incontournables qui font
partie du domaine de l’application, et qui doivent être utilisés.
Les autres systèmes : sont les systèmes avec lesquels le système doit interagir
(communiquer).
Un acteur est représenté par un petit bonhomme avec son nom inscrit
(rôle qu’il joue) dessous.
2. Cas d’utilisation : c’est une fonction offerte par le système à son environnement. Un
cas d’utilisation est spécifié uniquement par un intitulé.
III.3.2.
À cet effet, il convient en premier lieu d’identifier les cas d’utilisation les
plus critiques en termes de gestion des risques. Ces cas d’utilisation devront être traités
prioritairement afin de lever au plus tôt les risques majeurs. Il sera également demandé au
client d’affecter une priorité fonctionnelle à chaque cas d’utilisation, afin de livrer d’abord
les cas d’utilisation les plus demandés.
Le concept d’objet ;
Le concept de classe comprenant les attributs et les opérations ;
Les différents types d’association entre classes.
III.5.1.
III.5.2.
a.
b.
C’est pourquoi, il est conseillé au développeur d’avoir une idée nette sur
les outils à utiliser dans l’implémentation. Parmi ces outils, nous pouvons citer ceux qui
suivent :
IV.1.1.
IV.1.2.
Tous les outils utilisés dans XAMPP sont similaires à ceux utilisés
dans les différents hébergeurs en ligne. D’où ce logiciel est considéré comme
un hébergeur local. Il existe d’autres alternatifs concurrentiels à ce dernier, c’est le cas de
EASYPHP, WampServer, etc.
IV.2. OUTILS DE DÉVELOPPEMENT
IV.2.1.
IV.2.3.
Une bibliothèque JavaScript libre qui porte sur l’interaction entre JavaScript
(comprenant Ajax) et HTML, et a pour but de simplifier des commandes communes de
JavaScript.
IV.3. PRÉSENTATION DES INTERFACES DU SITE WEB https://moses.bal-oy.net
IV.3.1.
Cette page est le point d’entrée du site web, elle fournit des informations
supplémentaires sur le système informatique mis en place et certaines modalités sur le
processus d’inscription des élèves. Il est à signalé que le site web est hébergé à l’adresse
web : https://moses.bal-oy.net.
IV.3.2.
Cette page nous donne un aperçu sur les dernières publications sur le site
web du Complexe Scolaire GAD SCHOOL, voici ce dont à quoi elle ressemble :
IV.3.3.
IV.3.4.
L’enseignement académique fait que tout étudiant ayant passé tout son
parcours au sein d’une université, de rédiger un travail fin de cycle pour le premier cycle,
TFC en sigle. Pour ce faire, nous voici à la fin du notre.
Ceci étant, pour remédier aux différents problèmes de gestion qui mettait
le bâton dans les roues du Complexe Scolaire Gad School, nous avons jugé bon de
concevoir un Site Web, qui servirait de miroir, d’effectuer les inscriptions des élèves à
distance, mais aussi de consulter les communiqués et actualités publiés par le Complexe
Scolaire.
Pour clore ce travail, nous sommes restés ouverts à toutes les remarques
et critiques, qui nous seront adressées par qui, aura lu ce travail.
BIBLIOGRAPHIE
1. OUVRAGES
λ
λ
λ
λ
λ
λ
λ
2. NOTES DE COURS
λ
3. TRAVAUX
λ
λ
λ
4. DICTIONNAIRES
λ
λ
λ
5. SITES INTERNET
λ
λ
λ
λ
λ
λ
λ
λ
λ
λ
λ
λ
λ
λ
TABLE DES MATIÈRES
ÉPIGRAPHE ______________________________________________________________________________________ I
DÉDICACE _______________________________________________________________________________________ II
REMERCIEMENT _________________________________________________________________________________III
INTRODUCTION GÉNÉRALE________________________________________________________________________ 1
1. PRÉSENTATION DU PROJET ________________________________________________ 1
2. CHOIX ET INTÉRÊT DU SUJET ______________________________________________ 2
2.1. _____________________________________________________________ 2
2.2. ____________________________________________________________ 2
3. ÉTAT DE LA QUESTION ____________________________________________________ 3
4. PROBLÉMATIQUE ET HYPOTHÈSES __________________________________________ 4
4.1. _____________________________________________________________ 4
4.2. _________________________________________________________________ 5
5. MÉTHODE ET TECHNIQUES UTILISÉES _______________________________________ 6
4.3. ____________________________________________________________________ 6
4.4. _________________________________________________________________ 7
6. DÉLIMITATION DU SUJET __________________________________________________ 7
7. SUBDIVISION DU TRAVAIL __________________________________________________ 8
Chapitre Premier : DÉFINITION DES CONCEPTS ET CONSIDÉRATIONS THÉORIQUES _________________ 9
I.1. INTRODUCTION _________________________________________________________ 9
I.2. DÉFINITION DES CONCEPTS ______________________________________________ 9
I.3. CONSIDÉRATIONS THÉORIQUES __________________________________________ 10
I.3.1. _______________________________________ 10
a. ______________________________________________ 10
b. _______________________________________________ 11
I.3.2. _________________ 11
I.3.3. ______________________ 11
I.3.4. __________________________ 12
I.3.5. ___________ 12
I.3.6. _________________________________________ 12
I.3.7. _______________________________________________ 13
a. __________________________________________ 13
b. ______________________________________________________ 13
c. __________________________________________________ 13
d. _______________________________________________________ 13
I.3.8. ____________________________________________ 13
a. ___________________________________________________ 13
b. ____________________________________________________________________ 14
c. _______________________________________________________________ 14
d. ___________________________________________________________ 14
e. ________________________________________________________________________ 14
I.3.9. ___________________________________________ 15
I.3.10. _________________________________________________________ 17
I.4. LE LANGAGE DE PROGRAMMATION ______________________________________ 19
I.4.1. _________________________________________________ 19
I.4.2. _________________________________ 20
I.4.3. __________________________________ 20
Chapitre Deuxième : PRÉSENTATION DE L’EXISTANT, SPÉCIFICATION DES BESOINS ET ANALYSE DU
MÉTIER_________________________________________________________________________________________ 21
II.1. GÉNÉRALITÉS__________________________________________________________ 21
II.2. PRÉSENTATION DE L’ENTREPRISE _______________________________________ 21
II.2.1. _________________________________________________________________ 21
II.2.2. _______________________________________________ 21
II.2.3. ____________________________________________________________ 22
II.2.4. _____________________________ 22
II.2.5. __________________________________________ 24
II.3. ANALYSE DU MÉTIER ___________________________________________________ 24
II.3.1. _____________________________________________________ 24
II.3.2. ______________________________________________________ 25
a. _____________________________ 25
b. __________________________________________________________ 26
c. _______________________________________________ 26
d. ________________________________________ 27
e. ____________________________________________________ 27
II.3.3. __________________________________________ 29
II.3.4. ____________________________________ 29
a. ______________________________ 29
b. ___________________ 30
Chapitre Troisième : CONCEPTION DU SYSTÈME INFORMATIQUE ___________________________________ 36
III.1. INTRODUCTION ________________________________________________________ 36
III.2. CAPTURE DES BESOINS DU SYSTÈME INFORMATIQUE ______________________ 36
III.2.1. _____________________________________ 36
III.2.2. __________________________ 37
a. ____________________________________________________ 37
b. _______________________________________________ 37
III.3. ANALYSE DU SYSTÈME INFORMATIQUE ___________________________________ 37
III.3.1. _____________________ 37
III.3.2. _________________________________________________ 39
III.3.3. ________________ 40
III.4. CONCEPTION DES INTERACTIONS SYSTÈME _______________________________ 45
III.4.1. ________________________________ 45
III.5. CONCEPTION DES ARCHITECTURES DU LOGICIEL __________________________ 47
III.5.1. __________________________________ 47
III.5.2. _____________________ 47
a. _______________________________________ 47
b. _______________________________________________________ 47
III.5.3. ____________________________________________ 48
Chapitre Quatrième : IMPLÉMENTATION DE LA SOLUTION NOUVELLE ______________________________ 49
IV.1. DESCRIPTION DES OUTILS ET PLATEFORMES ______________________________ 49
IV.1.1. ______________________________________ 49
IV.1.2. ____________________________________ 49
IV.2. OUTILS DE DÉVELOPPEMENT ____________________________________________ 50
IV.2.1. _______________________________________ 50
IV.2.2. _________________________________________ 51
IV.2.3. _____________________________________ 51
IV.3. PRÉSENTATION DES INTERFACES DU SITE WEB https://moses.bal-oy.net ___________ 52
IV.3.1. _______________________________________________________ 52
IV.3.2. _____________________________________ 52
IV.3.3. _____________________________________________ 53
IV.3.4. ____________________________________________________ 53
CONCLUSION GÉNÉRALE _______________________________________________________________________ 54
BIBLIOGRAPHIE ________________________________________________________________________________ 55
1. OUVRAGES ______________________________________________________________ 55
2. NOTES DE COURS ________________________________________________________ 55
3. TRAVAUX _______________________________________________________________ 55
4. DICTIONNAIRES __________________________________________________________ 56
5. SITES INTERNET _________________________________________________________ 56
TABLE DES MATIÈRES __________________________________________________________________________ 57