Memoire Edouard KINGALU V

Télécharger au format docx, pdf ou txt
Télécharger au format docx, pdf ou txt
Vous êtes sur la page 1sur 97

REPUBLIQUE DEMOCRATIQUE DU CONGO

ENSEIGNEMENT SUPERIEUR ET UNIVERSITAIRE


INSTITUT SUPERIEUR PEDAGOGIQUE DE KASONGO
ISP/KASONGO

E-mail : ispkasongo1@gmail.com

SECTION DES SCIENCES ET TECHNOLOGIES


DEPARTEMENT D’INFORMATIQUE DE GESTION

« LA CONCEPTION D’UN SITE WEB POUR LA GESTION DES INSCRIPTIONS

DANS UN ETABLISSEMENT DE L’ESU : Cas de l’ISP/Kasongo »

Par
KINGALU BULOGE Edouard

Mémoire présenté et soutenu en vue de l’obtention


du diplôme de licencié en Pédagogie Appliquée,
Orientation Conception de Système d’Information,
Option Informatique de Gestion

Dirigé par MINANI MUDERHWA Jean-Paul


Chef de Travaux

ANNEE ACADEMIQUE : 2022-2023


I

EPIGRAPHE

« On a raison, dans l'Ecole de dire que les vertus sont des habitudes, car en
effet, on ne manque guère, faute d'avoir en théorie la connaissance de ce qu'on doit
faire, mais seulement faute de l'avoir en pratique c'est-à-dire faute d'avoir une ferme
habitude de la croire.»

[DESCARTES, Correspondance 15 septembre 1645]


II

DEDICACE

A nos parents KINGALU FARAY MWANAMUVULA et AMNANZO KUNGWA


YUMBAIZA., Sans qui, ce travail ne verrait le jour ; grâce à votre amour, patience et
vos innombrables sacrifices à mon égard ; je vous dois ce que je suis aujourd'hui. Que
ce modeste travail, soit pour vous une reconnaissance pour tout ce que vous avez fait
d'inoubliable pour nous ;

A vous nos enfants John MYSTERE, Esther ZADIA et Pascal NYANGA


KINGALU, pour avoir été privés de notre affection, de notre chaleur paternelle à
cause des impératifs académiques. Que ce modeste travail, soit pour vous un signe
de plusieurs privations.

A toi notre chère épouse Thérèse SEFU VUMILIA, notre mignonne


consolatrice, pour tes sacrifices sans précèdent et tes multiples privations consentis
au compte de nos cinq ans d’études. Cela est une marque grandiose d’une
abnégation conjugale. Que ce travail soit un plus pour notre future.
III

REMERCIEMENTS

La fin d'une chose vaut plus que son début dit-on. Ce travail marquant la fin de
mon cycle de licence en informatique de gestion, un mérite de ces cinq années
d'études supérieures, est l'expression de divers efforts physiques et intellectuels. C’est
ainsi que je tiens à exprimer mes vifs remerciements à tous ceux qui par leurs travaux,
assistances, leurs idées, leurs collaborations ainsi que leurs expériences ; ont
participé de près ou de loin à la réalisation de ce travail ; qu'ils trouvent ici,
l'expression de notre gratitude.

Avant tout, rendons grâce à l'éternel Dieu Tout Puissant, pour la protection et
ses bienfaits qu'il ne cesse de renouveler à notre égard, sans oublier le souffle qu'il
nous prête du jour le jour afin d'arriver à la réalisation du présent travail.

Mes remerciements s'adressent à toutes les autorités académiques de


l'I.S.P/Kasongo pour avoir accepté et supporté nos caprices durant ces années
passées en formation.

Il serait d'une ingratitude accentuée de passer sous le silence les sacrifices du


Chef de travaux MINANI MUNDERHWA Jean-Paul, Directeur du présent travail qui, a
bien voulu accepter de nous accompagner dans cette épreuve en dépit de ses
multiples occupations. Que puisse Dieu lui procure vie et santé ; un merci du fin fond
de cœur vous est réservé.

Que tous les membres de notre famille qui ont contribué de près ou de loin à
notre formation trouvent leurs parts dans cette investigation, nous citons : DESIMBA,
BUTREZI, SAFI, DADA, WAZO, ISHARA, BIBI, MWAVITA et Martin KINGALU, aucun
remerciement ne serait exprimée assez profondément que ce que je ressens envers
vous.

La boucle de remerciements ne peut se fermer sans penser à tous ceux qui ont
contribué sur le plan tant affectif qu'amical et le goût du savoir, à l'arrivé à terme de
IV

notre entreprise. De ce fait une vue directe à tous les amis, camarades,
connaissances sans oublier nos condisciples de la deuxième licence en informatique
de gestion : MWAMBA SWEDI Dieudonné, LUMINAGULU SALIMA, UDI OMARI
BONGO, SEFU IDI Kelly et TAMBWE RAMAZANI MILONGO pour le séjour passé à
l’I.S.P/Kasongo ensemble. Que ses souvenirs ne se perdent jamais.

S'il nous était en fin demandé de mettre à jour ce tableau de remerciements,


nous ouvrions une fenêtre pour ceux dont les noms ne transparaissent pas
expressément à travers ce travail, mais dont les efforts valent la peine d'avoir droit au
chapitre. Puisse cette garantie de reconnaissance pour leurs labeurs les rassurent.
V

KINGALU BULOGE Edouard

ABREVIATIONS ET ACRONYMES

ASP : Active Server Pages

C.T : Chef de Travaux

COMBA : Common Object Request Broker Architecture

CSS : Cascadind Style Sheets (Feuille de Style en Cascade)

D.G : Directeur Général

FAI : Fournisseur d’Accès Internet

FTP : File Transfert Protocol

HTML : HyperText Markup Language (langage de balises

Http : Hypertext Transfer Protocol

I.G : Informatique de Gestion

ISP : Institut Supérieur Pédagogique

MySQL : My Structured Query Language

PHP : Personal Home Page(Hypertext Prepocessor)

Pour hypertexte)

Prof. : Professeur

RD Congo : République Démocratique du Congo

TCP/IP : Transmission Control Protocol/Internet Protocol

TFC : Travail de Fin de Cycle

TLD : Top Level Domain

UML : Unified Makeup-Language


VI

URL : Uniform Resouce Locator

www : World wide web

LISTE DES TABLEAUX

Tableau 1:Cahier d'Enregistrement des Candidats......................................................35


Tableau 2:Bulletin d'inscription....................................................................................35
Tableau 3:Estimation de coût...................................................................................... 41
Tableau 4:Table candidat............................................................................................ 64
Tableau 5:Table étudiant.............................................................................................65
Tableau 6:Table utilisateurs.........................................................................................65
Tableau 7:Caractéristique de machine de différente Poste.........................................66
Tableau 8:Matériels d’Interconnexion..........................................................................66
Tableau 9:Autres matériels..........................................................................................66
Tableau 10:Table de plan d’adressage........................................................................69
VII

LISTE DES FIGURES

Figure 1:Principe de fonctionnement du site web statique...........................................16


Figure 2: Principe de fonctionnement du site web Dynamique....................................17
Figure 3: Exemple d’un Editeur de texte......................................................................25
Figure 4: Diagramme des flux......................................................................................32
Figure 5: Démarche centrée sur l'Architecture.............................................................47
Figure 6: Représentation du Diagramme de déploiement...........................................49
Figure 7 : Représentation du diagramme de Cas d’utilisation......................................50
Figure 8: Représentation du diagramme de Cas d'utilisation avec relation Inclusion. .51
Figure 9: Représentation du diagramme de Cas d'utilisation avec relation d'Exclusion
..................................................................................................................................... 51
Figure 10: Présentation du cycle de vie de Processus Unifié......................................56
Figure 11: Diagramme de cas d'utilisation...................................................................58
Figure 12: Diagramme de séquence d'accès au système...........................................59
Figure 13: Diagramme de Classe................................................................................60
Figure 14: Diagramme d'Objet.....................................................................................61
Figure 15: Présentation phpMyAdmin..........................................................................63
Figure 16: présentation de EasyPHP...........................................................................70
Figure 17:Diagramme de navigation............................................................................71
Figure 18:Diagramme de déploiement.........................................................................72
Figure 19:Page d’accueil............................................................................................. 72
Figure 20:Formulaire d'appel d’inscription de Candidat..............................................73
Figure 21:Formulaire d’inscription de Candidat...........................................................74
Figure 22:Résultat de la satisfaction de l’inscription retourné par le site.....................75
VIII

Figure 23:Le formulaire d’authentification de l’administrateur du Site Web.................75


Figure 24:Formulaire d’affichage de liste des étudiants...............................................76
Figure 25:Formulaire de recherche des étudiants parmi ceux présent sur la liste.....77

RESUME

Notre travail consiste à mettre en place une Application web pour la gestion des
inscriptions en ligne dans une institution universitaire « cas de l'ISP/ Kasongo ».

Le candidat voulant s'inscrire à l’ISP/Kasongo doit se déplacer et se présenter


directement au Bureau Administratif de cette institution supérieure le plus vite
possible, de peur de perdre la place par rapport au temps lui imparti lors de la période
d'inscription. Le nouveau candidat à l'inscription, une fois arrivé au Bureau
Administratif de l’ISP/Kasongo doit faire parfois de tours dans le bureau, celui de
services Académiques pour l'inscription ainsi que dans celui de la comptabilité pour le
payement des frais d'inscription et la réception d'un reçu de payement. Et puis, celui
des services académiques, pour la présentation du reçu de payement et des
documents nécessaires à l'inscription, remplissage des identités lui concernant sur le
formulaire de demande d'inscription et sur bulletin de l'inscription, etc.

Sans faire allusion à la distance, les déplacements effectués par les candidats
de chez eux jusqu'au Bureau Administratif; semblent être inutiles et provoquent ainsi,
un gaspillage de temps et d’argent.
L'une de grande institution de la province du Maniema, l'Institut Supérieur
Pédagogique de Kasongo, ne possède pas un site web, malheureusement incapable
de mettre les internautes au courant des activités qui se passent au sein de cet institut
supérieur. C'est ainsi que, pour la diffusion des informations concernant le public,
l'ISP/Kasongo dépose les communiqués aux stations de chaînes de Radio locales qui
sont captées difficilement à 100 kilomètres de la station Radio.

Ce travail vise à améliorer le système existant d’inscription des étudiants à


l’ISP/Kasongo en mettant en place un système d'inscription en ligne afin de permettre
IX

tous ceux-là qui veulent s’inscrire de s’inspirer du principe « Just in time and any
where» et à l'ISP/Kasongo qui voudrait faire connaître sa philosophie et rester ouverte
à toute la communauté.

Mots clés : Mondialisation, Web, Sciences

ABSTRACT

Our work consists of setting up a Web Application for the management of online
registrations in a university institution “case of ISP/Kasongo”.

The candidate wishing to register at ISP/Kasongo must travel and present


themselves directly to the Administrative Office of this higher institution as quickly as
possible, for fear of losing the place in relation to the time allotted to them during the
registration period. The new candidate for registration, once arrived at the
Administrative Office of the ISP/Kasongo must sometimes make rounds in the office
that of Academic services for registration as well as in that of accounting for the
payment of fees. Registration and receipt of a payment receipt. And then, that of the
academic services, for the presentation of the payment receipt and the documents
necessary for registration, filling in the identities concerning him on the registration
request form and on the registration form, etc.

Without referring to the distance, the trips made by the candidates from their
homes to the Administrative Office; seem to be useless and thus cause a waste of
time and money.

One of the major institutions in the province of Maniema, the Higher


Pedagogical Institute of Kasongo, does not have a website, unfortunately unable to
inform Internet users of the activities that take place within this higher institute. Thus,
for the dissemination of information concerning the public, the ISP/Kasongo submits
press releases to the stations of local radio channels which are difficult to receive 100
kilometers from the radio station.

This work aims to improve the existing student registration system at


ISP/Kasongo by setting up an online registration system to allow all those who want to
X

register to be inspired by the principle “Just in time and anywhere” and to ISP/Kasongo
which would like to make its philosophy known and remain open to the whole
community.

Keywords: Globalization, Web, Sciences

SOMMAIRES
EPIGRAPHE................................................................................................................................I

DEDICACE..................................................................................................................................II

REMERCIEMENTS....................................................................................................................III

KINGALU BULOGE Edouard....................................................................................................IV

ABREVIATION ET ACRONYME................................................................................................V

LISTE DES TABLEAUX.............................................................................................................VI

LISTE DES FIGURES...............................................................................................................VII

ABSTRACT................................................................................................................................IX

SOMMAIRES..............................................................................................................................X

0. INTRODUCTION..............................................................................................................1

0.1. Problématique.................................................................................................................1

0.2. Hypothèses du travail....................................................................................................3

0.3. Objectif du Travail..........................................................................................................3

0.4. Choix et Intérêts du Sujet..............................................................................................4

0.5. Délimitation du travail....................................................................................................5

0.6. Méthodes et techniques Utilisées.................................................................................5

0.6.1. Méthodes.....................................................................................................................6

0.6.1.1. La méthode analytique...........................................................................................6

0.6.1.2. Le Processus Unifié (UP).......................................................................................6

0.6.2. Techniques..................................................................................................................7

0.6.2.1. La technique d'interview........................................................................................7

0.6.2.2. L'observation participante.....................................................................................7


XI

0.6.2.3. La technique documentaire...................................................................................7

0.7. Etat de la question..........................................................................................................7

0.8. Subdivision du Travail...................................................................................................8

0.9. Difficultés Rencontrées.................................................................................................9

Premier Chapitre : LES BASES DE LA TECHNOLOGIES WEB..............................................10

1.1. Notions Sur les Technologies Web...............................................................................10

1.1.1. Le réseau informatique...............................................................................................10

1.1.2. Le Protocole................................................................................................................11

1.1.3. L’Internet.....................................................................................................................11

1.1.4. Le Web (World Wide Web).........................................................................................13

1.1.5. L’accès à Internet.......................................................................................................13

1.2. Page web et le site web................................................................................................14

1.2.1. Page web....................................................................................................................14

1.2.1.1. Pages Web dynamiques PHP (Personal Home Page)...........................................15

1.2.1.2. Le site web..............................................................................................................15

1.2.1.3. Hébergement..........................................................................................................18

1.2.1.4. DNS (Domain Name System).................................................................................18

1.2.1.5. Les Bases du Web..................................................................................................19

1.2.1.5.1. Architecture Client/serveur......................................................................................19

1.2.1.5.1.1. Les Serveurs Web...............................................................................................19

1.2.1.5.1.3. Les langages du web...........................................................................................21

1.3. Les éditeurs de texte et Navigateurs..............................................................................24

1.3.1. Les éditeurs de texte..................................................................................................24

Deuxième Chapitre : ANALYSE PREALABLE DE l’EXISTANT................................................26

2.0. Etudes existants.................................................................................................................26

2.1. Présentation du milieu d’étude...........................................................................................26

2.1.1. Situation géographique...................................................................................................26


XII

2.1.2. Historique........................................................................................................................26

2.1.4.3. Organigramme de l’Institut Supérieur Pédagogique de Kasongo................................31

2.2.1 Modèle conceptuel de communication.............................................................................32

2.2.1.1. Diagramme des flux.....................................................................................................32

2.2.2. Etudes des documents manuels utilisés.........................................................................34

2.2.2.1. Cahier d'enregistrement des candidats........................................................................34

2.2.2.2. Bulletin d'inscription......................................................................................................35

2.3. Inventaire des intervenants................................................................................................36

2.3.1. Intervenants....................................................................................................................36

2.3.2. Acteur interne..................................................................................................................36

2.3.3. Acteurs externes.............................................................................................................37

2.4.1. Formation........................................................................................................................37

2.4.2. Diplôme agréés...............................................................................................................37

2.5. Etude préalable..................................................................................................................38

2.5.1. Critiques de l'existant......................................................................................................38

2.5.2. Solutions proposées........................................................................................................38

2.6. Estimation de coût..............................................................................................................41

2.4.3. Avantage.........................................................................................................................41

2.4.4. Désavantage...................................................................................................................41

Troisième Chapitre : MODELISATION DU SYSTEME.............................................................42

3.1. GENERALITES SUR LE LANGAGE UML ET PROCESSUS UNIFIE(UP)...................42

3.1.1. Généralité sur le langage UML...................................................................................42

3.3.1. Définition.....................................................................................................................47

3.3.2. Les types de diagramme............................................................................................47

3.3.2.1. Diagrammes structurels..........................................................................................47

3.3.2.3. Diagramme de collaboration...................................................................................53

3.4. LE PROCESSUS UNIFIE...............................................................................................54


XIII

3.4.1. Définition.....................................................................................................................54

3.4.2. Les Caractéristiques du Processus Unifié..................................................................54

3.4.2.1. Le processus unifié est itératif et incrémental.........................................................54

3.4.2.2. Le processus unifié est centrée sur l’architecture...................................................55

3.4.2.3. Le processus unifié est piloté par les cas d’utilisation.............................................55

3.4.3. Le cycle de vie du processus unifié............................................................................55

3.4.3.1. Les Phases.............................................................................................................56

3.4.3.1.1. Phase de création...................................................................................................56

3.4.3.1.2. Phase d’élaboration................................................................................................57

3.4.3.1.3. Phase de construction.............................................................................................57

3.4.3.1.4. Phase de transition.................................................................................................57

3.5. LES DIAGRAMMES DU PROCESSUS UNIFIE DU SYSTEME CONCEPTUEL..........58

3.5.1. Diagramme de Cas d’utilisation..................................................................................58

3.5.2. Diagramme de séquence............................................................................................59

Quatrième Chapitre : LA REALISATION CONCEPTUELLE DE L’INTERFACE UTILISATEUR


..................................................................................................................................................62

4.1.1.2. La composition de PhpMyAdmin.............................................................................63

L’interface de PhpMyAdmin est composé de :..........................................................................63

4.1.2. MySQL........................................................................................................................63

4.2. GUIDE D’UTILISATION DU SITE WEB.............................................................................72

4.2.1. Page d’accueil de l’interface utilisateur...........................................................................72

4.2.3. Formulaire d’inscription de Candidat étudiant.................................................................73

4.2.4. Résultat de la satisfaction de l’inscription retourné par le site........................................75

4.2.5. Le formulaire d’authentification de l’administrateur du Site Web...................................75

4.2.6. Formulaire d’affichage de liste des étudiants déjà inscrit dans la base de l’ISP/Kasongo
par l’administrateur du site........................................................................................................76

4.2.7. Formulaire d’affichage de liste des étudiants déjà inscrit dans la base de l’ISP/Kasongo
par l’utilisateur du site...............................................................................................................76
XIV

CONCLUSION..........................................................................................................................78

Bibliographie..............................................................................................................................81
1

0. INTRODUCTION
0.1. Problématique

A l’heure actuelle où l’humanité est confrontée à plusieurs défis apparaissant du


jour au jour dans les quatre coins du monde, nombreux et multiples sont les formes
d’accès à l’information et à la communication appropriées à envisager. 1 Le plus
souvent, elles vont d’une action d’information réfléchie et méthodique vers une action
de modification des habitudes d’un milieu spécialisé et à un milieu estudiantin faisant
intervenir les ressources disponibles d’accès à des technologies web de pointe.

Les nouvelles technologies de l’information refaçonnent le monde et créent de


nouveaux paradigmes dans les domaines sociaux, culturels, économiques et
politiques. Des personnes situées sur des continents différents peuvent à présent,
grâce à ces nouvelles autoroutes de l’information, communiquer, faire de la recherche
et échanger des biens et des services sans obstacles temporels ou spatiaux et en
passant par moins d’intermédiaires qu’auparavant.

L’apport de l’internet dans l’amélioration des conditions de vie des populations


paraît ainsi bien évident et réel car, les avantages de ce dernier brandissent pour
expliquer ce satisfecit et sont multiples et variés; nous citons : acquérir des nouvelles
connaissances de la vie et du monde grâce à un accès rapide, facile et gratuit à
l’information et aussi à de nouvelles relations établies sur ce réseau. Ce qui
occasionne une amélioration des conditions d’études ou de travail. En outre, la
rapidité de la communication et le coût peu onéreux de la nouvelle technologie de
communication, permet à certains de ces usagers d'effectuer des gains de temps
considérables.

Face à ce qui précède, il serait souhaitable pour les institutions et organisations


du Maniema en particulier et de la RD Congo en général, d’adhérer à cette nouvelle
formule de diffusion des informations sur Internet qui leur permettra la mise à ligne de

1
Prof. Mahdi Elmandjira (1983), « où va l’information», Dossiers de l'IFDA/IUED, Genève.
2

tous les services concernant le public afin de transcender les problèmes de lenteur et
d'encombrement au sein de leurs sièges.2

Pendant que les demandes d’informations ou d’adhésion et d'échange relatives


à la vision de l'Institut Supérieur Pédagogique de Kasongo fusent de partout,
l'ISP/Kasongo est sans site web pour satisfaire les besoins exprimés par les
internautes répandus à travers le monde en voulant s’inscrire et faire de cours par
correspondance en ligne sans être à l’institut.

Certes , il est impérieux que l'Institut Supérieur Pédagogique de Kasongo qui


voudrait faire connaître sa philosophie et rester ouverte à toute la communauté pour
ainsi la transformer, de se doter de cette nouvelle technologie d’information et de
communication ; en mettant en place le site web dynamique capable de répondre aux
besoins des étudiants voulant s’inscrire à distance via l'Internet, consulter les grilles
horaires et demander une information en cas de nécessité.

Touchés par ces situations et envisageant travailler pour que notre chère
Institution soit compté parmi les vraies et grandes Institutions Supérieures
Pédagogiques Congolaises, connues au niveau international et dotée d’un site web
dynamique avec un système d’inscription en ligne pour ainsi avoir des étudiants de
partout ailleurs.

Cependant, les questions suivantes relatives à la nouvelle façon d'inscrire les


étudiants au sein de l'Institut Supérieur Pédagogique de Kasongo méritent un regard
particulier :

- Est-il possible de mettre en place une application web pour les inscriptions en
ligne pour l'ISP/Kasongo?
- Quels sont les avantages offerts par la mise en place d’une application web
pour les inscriptions en ligne des étudiants à l’ISP/Kasongo?
- Quelles sont les technologies web pouvons-nous emprunter pour la mise en
place de cette application ?

2
Frétigny N., Grausaz (2009), Conception d'un site web, Extrait de guide des meilleures pratiques web,
Université de FRIB OURG, p.3.
3

0.2. Hypothèses du travail


Selon M. GRAWITZ, l’hypothèse d’un travail scientifique est une proposition
des réponses à la question de départ, elle tend à formuler une relation entre le fait de
signification et aide à sélectionner les faits observés une fois ceux-ci rassemblés, elle
permet de les interpréter, de leur donner une signification qui vérifiée, constitue un
élément possible de la théorie.3

De manière anticipative, les différentes réponses que nous annonçons


constituent dans cette investigation nos hypothèses de recherche :

 De manière fondamentale, nous soutenons que la mise en place d’une


application Web serait possible.
 L’hébergement et le déploiement du site sur la toile offriraient à l’ISP/Kasongo
des avantages onéreux permettant de regrouper et créer une génération
spontanée pour l’institution avec résultat satisfaisant dans la consultation et un
lieu de rencontre pour les étudiants inscrits localement et ceux internationalement
motivés. L’impact réel ou palpable dans l’évolution et la modernité de
l’ISP/Kasongo serait Certaine et donnerait plus de fiertés dans l’existant des
étudiants avec une visibilité sur la toile. Cette application faciliterait les
inscriptions en ligne tout en se connectant sur Internet et en démarrant un
navigateur d’accès pour insérer le URL de l’application
 La technologie web participative serait fructueuse pour ce genre de système
compte tenu de son interactivité avec système opérant par appui au PHP,
XHTML, CSS et le JavaScript pour une application web dynamique et responsive.
0.3. Objectif du Travail

Ce travail si ambitieux, vise à améliorer le système existant d’inscription des


étudiants à l’ISP/Kasongo en mettant en place un système d'inscription en ligne afin
de permettre tous ceux-là qui veulent s’inscrire de s’inspirer du principe « Just in time
and any where» comme disent les anglais.

En plus de cela, notre système permettra :


3
M. GWAWITZ, cité par ESISIO dans le cours de méthode de recherche en sciences sociales, ESEG,
UNIKI, G2 2009-2010, Inédit.
4

- aux internautes voulant s’inscrire à distance au sein de ce dernier, de (d’) :


o Consulter toutes les options organisées au sein de l’ISP/Kasongo;
o Envoyer puis joindre facilement les documents (fichiers) nécessaires à
l’inscription des étudiants dans la Base de Données mise en ligne, tels
que : une copie de la fiche de scolarité, bulletin d’inscription mise à la
disposition des étudiants par l’institution et l’original du Diplôme d'Etat,
attestation d'aptitude physique, attestation de naissance, copies des
bulletins 3ème et 4ème des humanité, etc ;
o Recevoir et signaler automatiquement des news Letters via les mails
après chaque envoi d’un document ;
- A L’ISP/Kasongo de stoker toutes les données et informations utiles au bon
fonctionnement de l’institution chaque fois, qu’il y a des nouvelles inscriptions.
0.4. Choix et Intérêts du Sujet
0.4.1. Choix du sujet

Le choix est motivé par le fait que la plupart des applications actuelles sont
orientées vers le web occasionnant la facilité d’accès et d’utilisation ; la visibilité
qu’apporte cette dernière, car l’hébergement de cette application Internet conçue
fonctionnera à l’interface réseau accessible au grand nombre d’étudiants internautes.

0.4.2. Intérêts du sujet

a) Sur le plan personnel

A notre qualité de futur Licencié en informatique de gestion et futur


gestionnaire, nous avons voulu apporter notre modeste contribution à l'amélioration
des stratégies de gestion moderne au sein de notre institution l’ISP/Kasongo, pour que
ce denier soit compétitif sur le marché adapté à des nouvelles technologies et le
modèle de la société informatique à travers l’application en ligne.

b) Intérêt scientifique
5

Ce travail pourra servir d’outil référentiel à d’autres chercheurs intéressés par


le secteur des Nouvelles Technologies de l’Information et de la Communication à
travers la programmation web et ouvre la voie au futurs chercheurs voulant s’orienter
vers les langages de programmation web.

c) Intérêt institutionnel

Ce présent travail permettra à l’ISP/Kasongo, d’appliquer les méthodes


modernes des Technologies de l’Information et de la Communication utilisées déjà par
les grandes Institutions Universitaires du monde et de la République Démocratique du
Congo. Cette application aura une Base des Données comme toute application web
moderne tout en apportant la modernité et la visibilité de l’ISP/Kasongo dans le
monde entier.

0.5. Délimitation du travail

Pour mieux étudier en profondeur le sujet, il est conseillé de délimiter le travail


pour afin éviter le débordement. C’est ainsi que ce travail est délimité dans le temps,
dans l’espace et dans la matière.

Et étant donné qu’une application web est utilisée dans plusieurs organisations
du monde, notre travail concerne l’Institut Supérieure Pédagogique de Kasongo dans
son système d’inscription.

Ce projet de conception d’une application web pour les inscriptions en ligne au


sein de l'ISP/Kasongo va de la période allant de Janvier en Août 2023.

0.6. Méthodes et techniques Utilisées


Voulant mener à bien notre travail scientifique, il importe de choisir
judicieusement les méthodes et les techniques à suivre.

0.6.1. Méthodes
6

La méthode est l’ensemble des opérations intellectuelles par lesquelles, une


discipline cherche à atteindre les vérités qu’elle poursuit, en vue de les dénombrer et
de les vérifier.4

Pour la réalisation de ce travail, l’utilisation des méthodes ci-dessous a été


indispensable :

0.6.1.1. La méthode analytique

Cette méthode nous a aidé dans la décomposition, de manière détaillée de


l'ancien système pour ainsi, parvenir à la modélisation du nouveau système à mettre
en place.

0.6.1.2. Le Processus Unifié (UP)

Un processus unifié utilise le langage UML, c’est un langage de modélisation


Informatique pour le Système d'Entreprise. Le langage UML représente une période
de temps pour l’exécution d’une opération d’un objet par un étroit rectangle et c’est ce
que l’on nomme activation ou période d’activation. Une activation représente la
période pendant laquelle un appel de méthode est traité, y compris le moment où la
méthode appelée a invoqué une autre opération. La période pendant laquelle un objet
existe, mais n’est pas actif est indiquée par une ligne pointillée.

Elle nous a permis de faire la spécification initiale du système avec rigueur dans
l’analyse les besoins du système d’information existant pour parvenir à faire la
modélisation en utilisant des diagrammes et la conception du système de site web de
gestion.

0.6.2. Techniques

4
Roger PINTO et Madeleine GRAWITZ. (1971). Méthode de recherche en science social, Edition
Dalloz, Paris.
7

La technique est définie comme un instrument au service de la méthode qui


permet au chercheur de combiner et de mettre en œuvre les données nécessaires à
la réalisation d’un travail qu’il poursuit.5

Pour la récolte d'informations concernant notre travail, les techniques suivantes


ont été appliquées :

0.6.2.1. La technique d'interview

Elle nous a servi d’organiser les entretiens pour le recueil des informations
relatives à la procédure d’inscription au sein de l’ISP/Kasongo et auprès des services
académiques concernés (service d’apparitorat).

0.6.2.2. L'observation participante

Etant un moyen pour arriver à la connaissance du milieu, elle nous a


permis de vivre en réalité ce qui se passe à l'ISP/Kasongo lors du processus
d’inscription pour comprendre le degré du problème auquel les étudiants ou les
bureaux concernés font face lors du processus l'inscription.

0.6.2.3. La technique documentaire

Cette technique nous a servi de parcourir plusieurs archives et documents à


rapport avec l'Institut Supérieur Pédagogique de Kasongo, notre milieu d'étude et en
rapport avec les technologies utilisées pour la réalisation du travail; afin de nous
ressourcer davantage sur le système d'information existant pour ainsi améliorer
sensiblement le système futur.

0.7. Etat de la question

Dans tout cet effectif des gens et surtout de la planète terre, il serait risqué de
dire que nous sommes premiers de pouvoir mener des investigations dans le sens
de cette thématique, mais la réalité est que d’autres chercheurs en ont mené et

5
MBOKO NDJANDIMA (2004), Principes et usages en matière de rédaction d’un travail universitaire,
Kinshasa, éd. CADICEC, p.22.
8

continuent de le poursuivre dans le même sens que nous. Quitte à nous de soulever la
démarcation entre notre labeur et celui de nos prédécesseurs.

Voici quelques chercheurs que nous avions pu lire et qui ont dirigé leurs
attentions dans le même ordre d’idée que nous :

 KABONGO MPANGA Claude. (2014). sa recherche a porté sur le sujet intitulé : «


informatisation de la gestion des ouvrages dans une bibliothèque publique ; cas de
la bibliothèque de l’ISP/KAMINA ». Il a démontré l’importance de la gestion assistée
par ordinateur ; en concevant la solution par l’entreprise de la démarche
séquentielle.
 Stéphane MAZANZA MBALA. (2016).quant à lui, a parlé de la « Mise en place
d'une application web pour la gestion des inscriptions dans une institution
universitaire. Cas de l'ISP/Mbanaza-Ngungu ». Il visait à améliorer le système
d'inscription de l'ISP/Mbanza-Ngungu en mettant en place un système d'inscription
en ligne; permettant à tous ceux-là qui veulent s’inscrire de le faire avec toute
convivialité et certitude. Il est arrivé à conclure que L'application web qu’il avait mis
en place était bel est bien responsive.

Pour nous démarquer de nos prédécesseurs, nous avons parlé l’inscription en


ligne des étudiants à l’ISP/Kasongo. Que nul parmi eux n’auraient songé parlé.

0.8. Subdivision du Travail

Hormis l’Introduction et la conclusion, ce présent travail comporte quatre


Chapitres dont :

- Le premier chapitre parlera des Bases de la technologie web. Cette partie du


travail explique les notions générales et les différentes technologies utilisées dans
le web.
- Le deuxième chapitre qui sera axé sur l’analyse préalable de l’existant, nous présente
notre monde réel, univers et quelques critiques sur son système d'information et
enfin nous y trouverons les propositions pour palier à ce problème.
9

- Le Troisième chapitre qui parlera de la Conception et Modélisation, cette partie


montre l'enchainement conceptuel du nouveau système d'information par le
différents diagramme du langage UML et enfin,
- Le Quatrième et le dernier chapitre qui sera la présentation des outils utilisés pour
le développement de l'environnement et des interfaces graphiques constituant
notre application web.

0.9. Difficultés Rencontrées

La programmation web qui fait l'objet de notre travail a été une nouvelle
technologie dans notre formation, car elle n'a pas apparu dans notre programme de
formation au premier cycle ; ni au deuxième cycle. La participation dans de forum à
internet nous a donné le goût du web avec le HTML. Pari cochet, pour la réalisation de
ce présent travail ; hormis les explications et les encouragements réussis de la part de
mon Directeur, il a fallu d'énormes efforts ; nous avons fourni d’énormes efforts en
lisant de gros ouvrages orientés web pour la bonne maîtrise de ce domaine
intéressant dont je resterai fidèle.
10

Premier Chapitre : LES BASES DE LA TECHNOLOGIE WEB

1.1. Notions Sur les Technologies Web


La technologie est destinée à pouvoir être lu universellement par tout
ordinateur, et ce, à travers plusieurs langages permettant la publication, la génération
et la gestion des documents sur le web ainsi que rapidité d’ajouter de l’interactivité aux
pages web.

La mise en place d’une application web nécessite le rappel de quelques


concepts de base liés aux technologies web.

1.1.1. Le réseau informatique6

Le vocable réseau étant antérieur à l'informatique, est compris comme un


ensemble d'éléments reliés entre eux par un ensemble des chemins. C'est ainsi qu'on
peut parler du réseau routier, du réseau maritime, du réseau ferroviaire... Le terme a
beaucoup évolué dans le temps pour désigner également tout groupe d'individus
réunis dans le cadre d'une activité réalisée en commun. Nous parlons alors de
réseaux de terroristes, de réseaux de documentalistes, de réseaux des étudiants etc.

Appliqué à l'informatique, le réseau désigne un ensemble d'ordinateurs et


parfois de terminaux reliés entre eux, de manière à échanger des informations et des
programmes ou de partager des ressources (imprimante, scanner). Dans ce cas de
figure, la notion de réseau fait sortir une idée d'échange et de partage des ressources.
Ce partage fonctionne le plus souvent en mode client/serveur. Le client représenté par
l'ordinateur de l'utilisateur qui formule une demande de service, envoie une requête à
l'ordinateur principal qui sert de lieu de stockage des données. Cet ordinateur serveur,
après l'analyse de la requête du client envoie l'information qui correspond au service
demandé.7

6
MINANI MUNDERHWA Jean-Paul. (2021-2022). Note de cours du réseau informatique, L1IG
ISP/Kasongo, Inédit.
7
P. ROLIN, G. MARTINEAU, L. TOUTAIN, A. LEROY (1997), Les réseaux, principes fondamentaux,
Éditions Hermès.
11

Les réseaux informatiques sont ainsi généralement différenciés à travers


l'étendue géographique de leur couverture. C'est ainsi qu'on parle de réseau étendu
ou international lorsque les ordinateurs sont distants de plusieurs centaines ou de
milliers de kilomètres. Ces types de réseau sont appelés WAN (Wide Area Network en
Jargon Informatique). Le plus connu d'entre eux, est l'Internet. Il existe un autre type
de réseau dont les ordinateurs ne sont distants que de quelques mètres à quelques
kilomètres. Ce sont les réseaux locaux, en anglais LAN (Local Area Network). Et entre
ces deux réseaux, il peut exister des réseaux intermédiaires tels que les réseaux
métropolitains dont les ordinateurs se trouvent dans la même ville.

1.1.2. Le Protocole8

Le protocole est un ensemble de règles (codes) à respecter pour établir un


échange d'informations entre deux ou plusieurs entités (ordinateurs, applications
logicielles, périphériques d'ordinateur, etc.). Ces règles régissent la communication
entre les systèmes informatiques.

Ainsi, les systèmes informatiques utilisent plusieurs protocoles avec un service


bien précis à effectuer, nous citons par exemple: le plus utilisé par l’Internet est le
protocole TCP/IP (Transmission Control Protocol/Internet Protocol) FTP (File Transfert
Protocol).

Le protocole IP permet l'envoi des données par petits paquets. Il existe d'autres
types de protocoles tels que le FTP pour le transfert des fichiers, SMTP (Simple Mail
Transfert Protocol) pour la messagerie locale(E-mail), http (HyperText Transfert
Protocol) pour la toile ou le web (www), etc.

1.1.3. L’Internet

a) Définition

En effet, l'internet est défini comme un réseau informatique mondial, constitué


d'un ensemble de réseaux, reliant des millions d'ordinateurs de types différents, mais

8
() Idem
12

pouvant échanger des informations, grâce à un ensemble des protocoles communs à


plusieurs réseaux que ce dernier définit. Cette connexion, se fait le plus souvent au
moyen de lignes téléphoniques publiques et privées.

b) Historique

Bien que ce soit dans les années 90, que l'on constate la vie publique
d'Internet, il sied de signaler que la naissance de cette technologie remonte des
années 60. Ainsi, c'est au début des années 60, que les premiers concepts techniques
sont imaginés, mais il faut attendre lors de la guerre froide en 1969, la toute première
mise en application avec le programme ARPANET du Pentagone. Aujourd'hui, les
réseaux qui constituent l'Internet sont des propriétés d'Instituts universitaires, des
agences gouvernementales et internationales, des associations à but ou sans but
lucratif, des sociétés publiques et privées etc., qui autorisent l'accès à leurs
informations. L'Internet n'est donc la propriété de personne et nul ne peut en réclamer
le monopole, même l'armée américaine qui en est à l'origine.

Ainsi, l'Internet devient donc pour chacun ce qu'il en fera, puisque chacun peut
maintenant y trouver un intérêt différent de celui des autres. Pour certains, l'Internet
devient juste une distraction, pour d'autres un outil de travail et pour d'autres encore
un compagnon de tous les jours pour rompre la solitude.

c) Services9

L’internet offre à ses utilisateurs une très grande variété de services, parmi
ceux-ci, trois de base simples ; le courrier (messagerie électronique), le transfert de
fichiers, FTP(le World Wild Web (WWW)) et la connexion à distance (le pilotage
d'ordinateur à distance (Telnet), la conversion en temps réel (IRC).

Ces fonctions, classiques pour l’informatique, sont la base de toute une série de
développement qui enrichit et diversifie les services offerts par Internet. Grace à ces
trois services de base, les chercheurs ont pu exploiter les possibilités de ce nouvel
environnement et utiliser comme outil de travail et de collaboration à travers le monde.
9
Ibidem
13

1.1.4. Le Web (World Wide Web)

Le web repose principalement sur le protocole HTTP (HyperText Transfer


Protocol) et une architecture client-serveur permettant à travers le navigateur (le
client) de consulter les pages web localisées le serveur (le serveur). Le web (World
Wide Web) n’est qu’une toute petite partie de l’Internet. Un système hypertexte est un
système contenant des documents, liés entre eux par des hyperliens, permettant de
passer automatiquement (en pratique grâce à l’informatique) du document consulté à
un autre document lié. Un document hypertexte est un document qui contient des
hyperliens.
Le web est document à consulter à travers votre navigateur par les sites web
qui sont eux-mêmes constitués de pages web au sein desquelles on trouvera du texte
et des éléments multimédia.
Le World Wide Web (ou le Web ou la Toile ou WWW ou W3), littéralement la «
toile (d’araignée) mondiale», est un système hypertexte accessible au public, réparti
sur Internet, consultable avec un navigateur Web. Il est principalement constitué de
pages Web regroupées dans des sites Web. Les pages Web se référencent entre
elles avec des hyperliens, d'où l'image de la toile.

Une page web est le document qui apparaît sur un écran d'ordinateur et qui se
présente sous forme de texte, de son, d'images etc. Il sied de souligner que le Web
n'est pas l'Internet. Il en est juste une application parmi tant d'autres. Crée en 1989
par le professeur Tim Berners-Lee du Centre Européen de recherche Nucléaire
(CERN de Genève), pour améliorer la convivialité de l'exploitation de l'Internet, le Web
se définit de par son contenu comme un grand réservoir d'informations exploitables
sur l'Internet. C'est donc la partie multimédia de l'Internet permettant à la fois la
diffusion de textes, de sons, d'images etc.

1.1.5. L’accès à Internet

La carte réseau est l'élément de l'ordinateur qui permet de se connecter à un


réseau par des lignes spécialement prévues pour faire transiter des informations
numériques. Le modem permet, lui, de se connecter à un réseau par l'intermédiaire
14

des lignes téléphoniques, qui ne sont pas prévues à cet effet à l'origine, mais qui
restent le moyen de communication le plus répandu. A la carte réseau est associée
une adresse IP, permettant de caractériser l'ordinateur sur le réseau.

La connexion par l'intermédiaire d'un modem est totalement différente. En effet,


un modem permet d'établir une communication entre deux ordinateurs par
l'intermédiaire d'une ligne téléphonique. Vous pouvez toutefois avoir accès à un
réseau (donc par extension à Internet) en contactant un ordinateur relié ("d'un côté") à
une ou plusieurs lignes téléphoniques (pour recevoir l'appel) et ("de l'autre côté") à un
réseau par l'intermédiaire d'une carte réseau.

Cet ordinateur appartient généralement à votre fournisseur d'accès internet


(FAI). Lorsqu'il vous connecte par son intermédiaire, il prête une adresse IP que
l'ordinateur gardera le temps de la connexion. A chaque connexion il attribue
arbitrairement une des adresses IP libres qu'il possède. S'il est en mesure de fournir la
même adresse à chaque connexion, on parle alors «d'adresse IP fixe ».

1.2. Page web et le site web10


1.2.1. Page web

Une page web est écrite dans un langage particulier appelé le HTML. Ce
langage est basé sur des balises(ou tags), qui contiennent des instructions, lesquelles
sont interprétées par les différents navigateurs et apparaissent sur l'écran. Il s'agit
donc d'un langage de mise en forme du texte. Le code HTML d’une page est appelé le
code Source. Le HTML est le langage de base des pages web, cependant, il existe de
nombreux autres langages qui interviennent dans la programmation d'une page web
(PHP, ASP etc.).

1.2.1.1. Pages Web dynamiques PHP (Personal Home Page)


10
Ladréa M. (1998), Internet et le World Wide Web : Formation des professeurs aux outils informatiques
du multimédia et de l'internet, France, p.18.
15

a) Définition et services PHP

Personal Home Page puis HyperText Préprocesseur est un langage de script


orienté objet permettant de gérer des applications web de A à Z en allant de simple
génération de documents HTML à la production d'images, GIF à la volée en passant
par les requêtes aux serveurs de données, l'envoi automatique de mail ou encore le
chiffrement. Il est très complet, évoqué et évolue vite, en parfaite adéquation avec le
couple terrible Linux/Apache. C'est un logiciel libre. Depuis la version 4, il est
officiellement conseillé d'utiliser «PHP» comme extension du nom d'un fichier
contenant un script PHP au lieu de PHP3 Par exemple.

b) Problèmes liés aux manipulations des données

Pour afficher des pages différentes en fonction de l’utilisateur, de


l’environnement et de générer le contenu de la page au moment où elle est
demandée, il faut le faire en fonction :

- du contenu d’une base de données;


- de paramètres fournis avec la demande (ex : formulaires).

1.2.1.2. Le site web11

Un site web quant à lui est constitué de l’ensemble des pages créées par une
structure ou un individu, reliées entre elles par des liens hypertextes, stockées sur un
serveur et accessibles via l’Internet.

a) Type des sites web12


11
MINANI MUDERHWA Jean-Paul (2023), Cours de la Télématique et Réseau Informatique1,
L1 IG, ISP-KASONGO, Inédit.
12
Http//:Www.google.com, La programmation web//Récupéré à partir de l'encyclopédie libre
Wikipédia. Consulter le 12 JUIN 2023 à 20 H 12’
16

La typologie des sites web oppose souvent les sites statiques à ceux dits
dynamiques. La présentation des propriétés et du mode de fonctionnement de
chacune de ces deux architectures est d'une grande importance, afin de permettre à
tout un chacun d'opérer un bon choix en fonction de ses objectifs et ses moyens.

1°) Les Sites web statiques

Ce sont des sites réalisés uniquement à l’aide des langages (X) HTML et CSS
et sont constituées des pages HTML prédéfinies, créées une fois pour toute à l'aide
d'un éditeur HTML par le concepteur du site et stockées sur le serveur web. Celui-ci
renvoie ces pages à la demande au visiteur. Par la suite, ces pages ne pourront être
modifiées que via un éditeur HTML à travers le concepteur ou le webmaster.

Le contenu de ces pages est donc fixe et n'est pas modifié par le serveur. Le
site est donc dit "statique", car son contenu ne change que par une intervention
humaine et non pas, par des fonctions automatiques opérées par le serveur.

Figure 1:Principe de fonctionnement du site web statique

Ainsi, un site web statique ne présente pas souvent de séparation entre le fond
et la forme de présentation du contenu mais sa mise en place nécessite un minimum
de compétence en conception web (programmation et webdesign). Il est à signaler
aussi que, le coup de réalisation d'un site web statique est beaucoup moins élevé que
17

celui d'un site dynamique et son hébergement ne pose pas de contraintes


particulières.

2°) Les Sites Web Dynamiques

Plus complexes que les sites web statiques, ils utilisent d'autres langages et
outils en plus de (X) HTML et CSS, tels que PHP, les requêtes SQL, le SGBD MySQL
et autres. Un site dynamique est un site Web dont les pages HTML se construisent
lors de sa consultation par un internaute en sollicitant des bases de données filtrées
par des outils logiciels de mise en forme. Ainsi, la mise à jour des sites web
dynamiques tant sur le fond que sur la forme est facilitée.

Le site web dynamique permet de plus d'intégrer des fonctions de


personnalisation. Cette architecture peut en revanche se révéler coûteuse à mettre en
place, délicate à piloter notamment au niveau de l'hébergement et peu performante au
niveau du référencement.

Figure 2: Principe de fonctionnement du site web Dynamique

1.2.1.3. Hébergement13

13
Mathieu Nebra (2012), Concevez votre site web avec PHP et MySQL, Licence Creative
Commons BY-NC-SA 2.0
18

L’hébergement consiste à louer l’espace d'un ordinateur serveur relié en


permanence à Internet pour y placer son site afin que celui-ci soit accessible en
permanence. La société gérant le serveur demande ainsi, en retour, une contribution
financière par mois ou par an, ou encore le fait gratuitement (ce qui ne garantit pas
souvent un bon service). Une fois que l'hébergeur est choisi, quel que soit sa
localisation géographique, les internautes seront en mesure d'accéder au site web en
utilisant l'URL ou encore l'adresse web du site. Ainsi, l’hébergement implique ;

- Une procédure d'enregistrement de nom de domaine (ou adresse internet) ; On


peut opter pour un enregistrement personnel de son nom de domaine ou en laisser
la charge à un spécialiste ;
- L’aménagement d'un espace réservé pour les fichiers sur un serveur ;
- Le transfert en mode FTP, la méthode la plus utilisée pour transmettre les pages
d'un site web au service qui l’héberge.

1.2.1.4. DNS (Domain Name System)14

Un service essentiel de l’internet, assurant la conversion des noms de domaine


en adresse IP. Au début du réseau Internet, le nombre d’ordinateurs connectés était
très faible et il était facile de connaître leurs adresses. Alors que, le nombre de
connexions augmente du jour le jour, la mémorisation de l'adresse IP est devenue
difficile et l'utilisation à la place, un nom plus facile à mémoriser s'avère indispensable.

En effet, le système des noms de domaine permet de faciliter la navigation des


utilisateurs sur Internet. Il s'agit d'une organisation hiérarchique des noms de domaine,
avec au premier niveau les noms de domaine génériques et les codes de pays. Ainsi,
le nom de domaine d'un site est composé de deux parties séparées par un point.

Exemple : www.ispkasongo.edu.cd dans ce cas ;

 ispkasongo : représente la première partie dite, nom de domaine proprement dit. Il


s'agit d'un nom que l'on peut généralement choisir librement, du tant que personne
14
Mathieu Nebra (2011), Apprenez à créer votre site web avec HTML5 et CSS3, Creative
Commons, Site du zéro, paris Pp12, Pp. 272, Pp.313-315.
19

ne l'a réservé avant vous. Il peut contenir des lettres et des chiffres, mais pas de
symboles particuliers (comme le ç français, le é, le è, les espaces, etc.).
 .edu.cd : est l’extension aussi appelée TLD (Top Level Domain). Il existe en grosso
modo une extension par pays (.cd pour la RD Congo, .fr pour la France, .be pour la
Belgique, …). Toutefois, il y a aussi des extensions utilisées au niveau international
comme .com, .net, .org. Ces dernières, étaient au départ réservées aux sites
commerciaux, aux organisations, etc... Mais cela fait longtemps que tout le monde
peut les réserver. D'ailleurs, .com est très probablement l'extension la plus utilisée
sur le Web.

N.B : En général, un site web voit son adresse précédée par "www", comme par
exemple " www.Isp.org". Cela ne fait pas partie du nom de domaine : en fait, "www"
est ce qu'on appelle un sous-domaine, et on peut en théorie en créer autant qu'on
veut une fois qu'on est propriétaire du nom de domaine. Le www a été adopté par tous
les webmasters, c'est une sorte de convention, mais elle n'est absolument pas
obligatoire.

1.2.1.5. Les Bases du Web


1.2.1.5.1. Architecture Client/serveur
1.2.1.5.1.1. Les Serveurs Web

Un serveur est une machine qui est capable de servir d’autres machines en
fonction de leur requête, ces dernières sont appelées clients. Pour cela, elle doit
toujours être connectée au réseau et exécuter le démon (daemon) correspondant au
service rendu.

On appelle démon un programme qui tourne en tâche de fond sur une machine
et le cas échéant répond à des requêtes qui lui sont adressées ou déclenche des
actions en réponse à des événements ou un planning.

Matériellement, un site web est constitué d'un ordinateur connecté à l’Internet,


d’un programme tournant en permanence sur cet ordinateur et le serveur. Le
programme serveur est en attente des requêtes transmises à son attention sur le
réseau par un programme client. Quand une requête est reçue, le programme serveur
20

fait l'analyse afin de déterminer quel est le document demandé, ensuite recherche ce
document et le transmet au programme client.

1.2.1.5.1.2. Le Document Web

Les documents échangés sur le Web peuvent être de types très divers. De ce
fait, afin de ne pas entretenir de confusion, la terminologie à récemment changé et
nous utilisons le terme plus général de « ressource » pour désigner les informations
disponibles sur le Web. Cela dit, le principal type de ressource est le document
hypertexte, un texte dans lequel certains mots, où groupes de mots, sont des liens, ou
ancres, donnant accès à d'autres documents. Le langage qui permet de spécifier des
documents hypertextes et donc de fait le principal langage du Web, est HTML, qui
sera décrit plus loin.

Un des principaux mécanismes du Web est le principe de localisation, dit


Universal Resource Location (URL), qui permet de faire référence de manière unique
à un document. Une URL est constituée de plusieurs parties :

- Le nom du protocole utilisé pour accéder à la ressource ;


- Le nom du serveur hébergeant la ressource ;
- Le numéro du port réseau sur lequel le serveur est à l'écoute ;
- Le chemin d'accès, sur la machine serveur, à la ressource.
A titre d'exemple, nous avons : http://www.kingalu.cd/tfc.html

Cette URL s'interprète de la manière suivante : il s’agit d'un document


accessible via le Protocole HTTP, sur le serveur kingalu.cd qui est à l'écoute sur le
port 80, numéro par défaut, donc non précisé dans l'URL et dont le nom est
memoire.html.

A chaque lien dans un document HTML est associée une URL qui donne la
localisation de la ressource. Les navigateurs permettent à l'utilisateur de suivre un lien
par simple clic de souris, et se chargent de récupérer le document correspondant
grâce à l'URL. Ce mécanisme rend transparent, dans la plupart des cas, les adresses
des documents Web pour les utilisateurs.
21

1.2.1.5.1.3. Les langages du web

La conception et réalisation d'une application web, nécessite la connaissance


d'un certain nombre d'outils et langages de programmation qui interviennent dans la
programmation des pages web constituant le site. Ainsi, l'objectif de cette partie est de
faire une découverte d'un certain nombre des langages de programmation et Outils les
plus utilisés actuellement dans la conception des pages web ; pour enfin , être à
mesure de faire un choix en fonction des besoins, les outils et langages de
programmation répondant mieux à l'objectif du site web.

1) Le langage HTML15

HTML : HyperText Mark-UpLanguage, qui est un langage de description de


pages permettant de contrôler par l'intermédiaire d’éléments appelés balises (tags),
l'apparence que la page aura sur l'écran d'un utilisateur du serveur Web.

Ce langage de balisage programmation est interprété par le logiciel client


(navigateur) installé sur le poste de consultation. L'objectif à l'origine de ce langage
était de créer, un moyen universel de stocker et afficher de l'information avec l'idée
que le contenu est plus important que la forme.

Cependant les nouvelles spécifications permettent de créer des effets


esthétiques, avec du CSS, qui s'éloignent des idées de base du concepteur, Tim
Berners-Lee en 1992, mais qui sont particulièrement appréciés des internautes.

Il est à noter que, le XHTML (eXtensible HyperText Mark-up Langage ou


langage de balisage hypertexte extensibles ): un langage de description des données
qui veut dire extensible HyperText Mark-up Langage; n'a pas été créé comme une
nouvelle version de HTML, mais comme une reformulation de HTML en tant
qu'application XML.

Ainsi, pour la structuration du document HTML, il faut toujours commencer par


la balise d'ouverture <HTML>et terminer par la balise de fermeture </HTML>.

15
N. CHU (2008), Réussir un projet de site web, 5ème édition, N°12400, 246p.
22

2) Le langage PHP16
Le langage PHP est un langage de script, c'est-à-dire que le code est
enregistré sous forme de fichier texte sur le disque dur, et qu'il est exécuté à la
demande par un programme chargé de l'interpréter.
C'est habituellement l’internaute (par l’intermédiaire de son navigateur Web) qui
demande l'exécution d'un script lorsqu'il consulte une page Web. La demande est
reçue par le serveur Web (par exemple Apache HTTPD), qui se rend compte qu'il doit
la sous-traiter à PHP.
Le sigle PHP signifiait à l’origine Personal Home Page. Pour Rasmus Lerdorf,
l’auteur de ce qui allait devenir le langage de script côté serveur incorporable dans
tout document XHTML que nous connaissons, il s’agissait alors d’ajouter quelques
fonctionnalités à ses pages personnelles. Le langage PHP signifie aujourd’hui Php
Hypertext Preprocessor car, il renvoie à un navigateur un document XHTML construit
par le moteur de script Zend Engine 2 de PHP. Il permet de créer des pages Web
dynamiques et interactives.

Il est à signaler que, les modules serveurs PHP sont implémentés sur des
serveurs Apache et Unix, mais PHP peut être implémenté sur d'autres plateforme via
des CGI. PHP travail généralement avec des bases de données MySQL. Elle a une
très bonne performance.

a) Eléments de PHP

a) Commentaires ;
b) Variables ;
c) Opérations ;
d) structure de contrôle ;
e) Formulaires ;
f) Fonctions.

16
G. Ponçon (2005), Best practices PHP 5 : Les meilleures pratiques de développement en
PHP, N°11676, 480p.
23

Le développement a été influencé par un certain nombre d'autres langages tels


que Perl, C, Java et, dans une certaine mesure même, par les ASP (Active Server
Pages) ; il accepte des variables non typées pour faciliter le développement.

3) Le langage CSS(le cascading style sheets)17

Le rôle du CSS est de gérer l'apparence de la page web (agencement,


positionnement, décoration, couleur, taille du texte...). Ainsi, ce langage est venu
compléter le HTML en 1996.

Ainsi donc, un site web peut très bien être créé uniquement en HTML, mais
celui-ci ne sera pas très beau : l'information apparaîtra brute. C'est pour cela que
l'utilisation du langage CSS vient compléter le HTML.

Le CSS permet donc, d'arranger le contenu et de définir la présentation :


couleurs, images de fond, marges, taille du texte,...En effet, la sélection d'un élément
de la page et l'attribution d'une propriété de mise en forme se fait en utilisant une
déclaration de style qui comporte plusieurs parties, selon l'ordre suivant : Un secteur,
il s'agit des balises concernées par cette règle et il détermine à quelle élément et
éventuellement dans quelle conditions va s'appliquer le style. Par exemple, si on veut
modifier l'apparence de tous les titres <hl>, on doit écrire hl.

4) Le langage JavaScript

Le JavaScript est un langage de script incorporé dans un document HTML. Ce


langage est un langage de programmation qui permet d'apporter des améliorations au
langage HTML en permettant d'exécuter des commandes du côté client. On parle du
comportement client-side, par opposition au server-side lorsque le code est exécuté
par le serveur. C’est-à-dire au niveau du navigateur et non du serveur web.

Ainsi le langage JavaScript, est fortement dépendant du navigateur appelant la


page web dans laquelle le script est incorporé, mais en contrepartie il ne nécessite
17
A. BOUCHER (2009), Ergonomie web, 2ème édition, N°12479, 456p.
24

pas de compilateur, contrairement au langage Java, avec lequel il a longtemps été


confondu. PHP est un langage de script orienté objet permettant de gérer un site web
en allant de la simple génération de documents HTML à la production d'images GIF à
la volée, en passant par les requêtes aux serveurs de données, l'envoie automatique
de mail ou encore le chiffrement.
1.3. Les éditeurs de texte et Navigateurs
1.3.1. Les éditeurs de texte

Un éditeur de texte c'est un programme dont la fonction principale est de


permettre l'édition (création, ajout, modification ou suppression) de texte, sans
enrichissement ni fioriture. Souvent, c'est un programme dédié à l'écriture de code.

Dans ce cas, il peut en général être utilisé pour de multiples langages. Ils se
révèlent être de puissants alliés pour les créateurs de sites web. Nous citons :
Notepad++ (l'un des plus utilisés sous Windows. Ce logiciel est simple et gratuit), Web
page maker, Bloc note, Tex mate, Coda, Aptana, Macromedia Dreamweaver8, PHP
Storm, etc...18

Figure 3: Exemple d’un Editeur de texte

1.3.2. Navigateurs19

18
J. M. DEFRANCE (2008), PHPStorm CSS, N°12234, 602 pages.
25

Le navigateur (en anglais browser), c'est logiciel conçu pour le Web, permettant
aux utilisateurs d'explorer les ressources à l'intérieur d'un réseau intranet, extranet ou
Internet. Ainsi, Le navigateur gère l'affichage des pages Web et le suivi des liens
hypertextes ou hypermédias entre les différentes pages.

En plus de la fonction de navigation, les navigateurs offrent de nombreuses


possibilités pour aider l'utilisateur dans son utilisation d'Internet. Ils permettent de
sauvegarder sur le disque dur de l'utilisateur tout ou partie du document consulté et
d'afficher le code source HTML correspondant à la page en cours. Par ailleurs, la
plupart des navigateurs permet de conserver en mémoire les références des
documents, pages ou sites consultés par l'utilisateur afin d'y avoir accès facilement et
rapidement lors d'une prochaine navigation.

Enfin, les navigateurs font office d'interface d'accès au courrier électronique


(email) et aux groupes de discussion. Nous citons, par exemple : Internet Explorer de
Microsoft, Firefox, Chrome, Safari, Opéra, etc.

Deuxième Chapitre : ANALYSE PREALABLE DE l’EXISTANT

2.0. Etudes de l’existant

Ce chapitre consiste à faire le diagnostic sur la situation actuelle du système et


nous aide à comprendre le fonctionnement de L'ISP/ Kasongo dans sa structure
organisationnelle. Le but de cette étude est de recueillir les données qui vont servir à
l'élaboration du diagnostic en vue de la recherche et de choix de solution pour
améliorer les performances, les qualités ainsi que la capacité. Elle permet de prendre
une connaissance générale et suffisante de l'entreprise afin d'en faire la synthèse et
de concevoir la solution.

2.1. Présentation du milieu d’étude

19
Ladréa M. (1998), Internet et le World Wide Web. Formation des professeurs aux outils
informatiques du multimédia et de l'internet, France, p18.
26

2.1.1. Situation géographique

L'ISP/Kasongo est implanté sur le boulevard Tongoni, dans la Commune


Rurale de Kasongo. Ses coordonnées géographiques sont : latitude : S
4°26’10,48632’’, Longitude : E 26°40’2,58204’’, L’Altitude : 637 m

2.1.2. Historique
L’Institut Supérieur Pédagogique de kasongo est implanté au Sud-Maniema
composé des trois territoires : Kabambare, KIBOMBO et Kasongo le plus peuplés de
sept territoires de la Province du Maniema.20

Ces trois territoires possèdent plus de 150 écoles secondaires au sein


desquelles la plupart des enseignants ne sont pas qualifiés. Devant cette situation de
pénurie d’enseignants qualifiés, Monsieur Victor Mussa GALU, Directeur Adjoint de la
Banque Centrale Congolaise et originaire de la Chefferie de Wazura, en territoire de
Kasongo, entreprit la double démarche ci-après :

 Solliciter auprès du Ministère de l’Enseignement Supérieur et Universitaire


la création d’un Institut Supérieur Pédagogique à Kasongo ;
 Obtenir l’implication de l’Eglise Catholique du Diocèse de Kasongo dans la
gestion de cette institution en sollicitant à Monseigneur l’Evêque du Diocèse
de Kasongo de bien vouloir accepter que la Direction de l’ISP/Kasongo soit
placée sous l’autorité d’un ecclésiastique, en occurrence de Révérend Abbé
TATA KAHENGA Pontien, Docteur en Sciences de l’Education, à condition
que le statut juridique de l’ISP/Kasongo soit public et laïc.21

2.1.3. Création de l’institut supérieur pédagogique, en sigle « ISP/kasongo »

L’institut Supérieur Pédagogique de Kasongo (ISP/Kasongo), fut créé par


l’Arrêté ministériel n°281/MINESU/CABMIN/MNL/CB/RB/2010 du 30 décembre
2010, du Ministre de l’Enseignement Supérieur et Universitaire, portant création d’un

NGONGO KAHAMBO Raphael, l’historique de l’Institut Supérieur Pédagogique de Kasongo


20

de sa création à 2023, Inédit, Archive ISP/Kasongo.


21
Idem
27

établissement d’Enseignement Supérieur Pédagogique dénommé « Institut Supérieur


Pédagogique de Kasongo »

Par l’arrêté ministériel n°284/MINESU/CABMIN/MNL/CB/RB/2010 du 31


décembre 2010 du même Ministre de L’Enseignement Supérieur et Universitaire,
portant désignation et nomination des membres du comité de gestion de l’Institut
Supérieur Pédagogique de Kasongo « ISP/Kasongo » en sigle, les personnes ci-après
furent désignées et nommées membres du comité de gestion dudit Institut :

- Le Révérend Abbé TATA KAHENGA Pontien, Docteur en Sciences de


l’Education et Professeur Associé, désigné et nommé Directeur Général, à
titre intérimaire, de l’Institut Supérieur Pédagogique de Kasongo ;
- Monsieur l’Assistant KITAMBALA FARAY Fidèle, désigné et nommé membre
du comité de gestion de l’ISP/kasongo aux fonctions de Secrétaire Général
Académique ;
- Monsieur NGAMBWA NGONGO Janvier, désigné et nommé membre du
comité de gestion de l’ISP/Kasongo aux fonctions de Secrétaire Général
Administratif et financier.22

Par son arrêté ministériel n°010/MINESU/CABMIN/MNL/CD/JN/2012 du 20


Janvier 2012 portant nomination des membres du comité de gestion de l’Institut
Supérieur Pédagogique de Kasongo, en sigle « ISP/Kasongo » dans la Province du
Maniema, Monsieur le Ministre de l’Enseignement Supérieur et Universitaire, tout en
maintenant le Directeur Général à ses fonctions, désigna et nomma les personnes ci-
après, aux fonctions suivantes :

- Aux fonctions de Secrétaire Général Académique, Monsieur l’Assistant


BUSHIRI BABY WA BULAFI Richard, licencié en Histoire, Sciences
Sociales et Gestion du Patrimoine ;
- Aux fonctions du Secrétaire Général Administratif, Monsieur l’Assistant
Ingénieur Agronome John KILUNDA LUHANGA, licencié en Sciences
Agronomiques.

22
Ibidem
28

Entretemps, Monsieur BUSHIRI BABY WA BULAFI Richard, Secrétaire Général


Académique abandonna son poste, pour des raisons personnelles, ses fonctions de
Secrétaire Général Académique pour occuper un poste de choix à la DGRMA/Kindu
tout en étant membre du corps scientifique (Assistant de 2ème mandat) de l’ISP/Kindu.

Le 09 octobre 2021, la mort frappa le Révérend Abbé TATA KAHENGA


Pontien, Directeur Général de l’ISP/Kasongo et, Ingénieur John KILUNDA LUHANGA,
devint l’unique autorité Académique, en occurrence Secrétaire Général Administratif à
diriger l’ISP/Kasongo en exerçant en même temps les fonctions de Directeur Général,
poste laissé vacant par la mort inopinée du Révérend Abbé TATA KAHENGA Pontien.

Par la décision n°003/ISP-KGO/D.G/JKL/2022 du 18 janvier 2022, portant


nouvelles dispositions sur les attributions des tâches des agents de l’ISP/Kasongo,
Monsieur le Chef de Travaux Ir John KILUNDA LUHANGA, Directeur Général a.i. de
l’ISP/Kasongo, désigna et nomma comme collaborateurs de l’unique membre du
comité de gestion de l’ISP/Kasongo, spécialement en son article premier, les
personnes dont les noms, post-noms, prénoms et fonctions sont repris ci-après :

- Monsieur l’Assistant de 2ème mandat AWAZI MUNYIALI Adrien en qualité de


« chargé des affaires Académiques » de l’ISP/Kasongo ;
- Monsieur l’Assistant de 2ème mandat NGONGO KAHAMBO Raphaël, en
qualité de « chargé des affaires Administratives » de l’ISP/Kasongo ;
- Monsieur le Chef de Travaux KILUNDA MWANAMUHOYO Jaloux, en
qualité de «chargé des Affaires Budgétaires » de l’ISP/Kasongo.

Par la décision n°010/ISP-KGO/D.G/JKL/2022 du 18 septembre 2022, portant


nomination et promotion de quelques membres de service académique de
l’ISP/Kasongo, le Directeur Général a.i. de l’ISP/Kasongo, spécialement en son article,
alinéa 1, Monsieur le Chef de Travaux SUMBU MANYONGA fut désigné et nommé
« chargé des Affaires Académiques de l’ISP/Kasongo en remplacement de Monsieur
l’Assistant de 2ème mandat AWAZI MUNYIALI Adrien.

Par l’arrêté ministériel n°171/MINESU/CABMIN/MNB/RMM/2023 du 10 mars


2023 du Ministre de l’Enseignement Supérieur et Universitaire, portant désignation et
29

nomination des membres des comités de gestion de quelques établissements de


l’Enseignement Supérieur et Universitaire, Provinces du Kongo Central, du Maniema
et du Haut-Lomami, République Démocratique du Congo, spécialement en son article
premier, point II, le Chef de Travaux Ir John KILUNDA LUHANGA fut désigné
Directeur Général de l’ISP/Kasongo ; le Chef de Travaux, Maître MASUDI BULONGO
Gabriel fut désigné et nommé Secrétaire Général Académique de l’ISP/Kasongo ; le
Chef de Travaux KAYUMBA IDRISSA bin RAMAZANI fut désigné et nommé
Secrétaire Général Administratif de l’ISP/Kasongo et, Monsieur SONGOLO YUMA fut
désigné nommé Administrateur du Budget de l’ISP/Kasongo.

2.1.4. Organisation administrative

2.1.4.1. Les conseils d’administration

2.1.4.2. Aspect Enseignement

Les enseignements, tout comme les autres activités académiques, sont


directement gérés par la section unique dirigé par un Chef de section secondé par
deux Adjoints, un chargé des Affaires Académiques et celui chargé de la recherche
scientifique.

Actuellement, l'ISP/Kasongo compte quatre (4) départements qui sont : le


département de lettres et Sciences Sociales, Le département Sciences exactes, le
département de Sciences d’appuis à l’enseignement et le département de
l’informatique.

Dans cette optique nous dénotons les filières ci-après :

- Anglais et Cultures Africaines ;


- Français Langues Africaines ;
- Géographie et Gestion de l’environnement
- Gestion des Institutions Scolaire et de Formation ;
- Histoire Sciences Sociales et Gestion du Patrimoine ;
- Informatique de Gestion ;
30

- Mathématique Physique ;
- Sciences Agronomiques et Vétérinaires : avec deux orientation : Zootechnie
et santé animale et la phytotechnie et la défense de culture ;
- Sciences Commerciales et Administratives.
31

2.1.4.3. Organigramme de l’Institut Supérieur Pédagogique de Kasongo

Conseil de l’Etablissement

Comité de gestion

Service d’Assurance Qualité


Chef d’Etablissement (D.G)
Cabinet D.G
Secrétariat du D.G

Secrétaire Général Académique (SGAC) Secrétaire Général Administratif (SGAD) Administration du Budget (A.B.)

Secrétariat du SGAD Secrétariat de l’A.B.


Secrétariat
du SGAC
Gestion des ressources humaines Service de
Service d’Apparitorat comptabilités et
Patrimoines et Relations Publiques finances
Bibliothèque Perception frais
Service des opérations de saisie
académiques K
EDAP/ISP/KASONGO
Service de garde et sécurité
Section Unique CAISSE
Service de police universitaire
Perception frais
Secrétariat Recherche Service technique, entretient et production connexes Apparitorat
scientifique

Enseignement Départements
32

2.2. ETUDE DU SERVICE CONCERNE

2.2.1. Modèle conceptuel de communication

2.2.1.1. Diagramme des flux

a) Présentation

1
2 COMMISSION
CANDIDAT 4 D'INSCRIPTION
5
6

7
11
14 SECTION
SERVICE
9 10 13
ACADEMI
QUE 16

8 12 15

VALVE SGAC
COMPTABILITÉ OU
SITE

Figure 4: Diagramme des flux

b) Description de flux
- Flux 1 : Demande d'inscription ;
- Flux 2 : Remise des conditions d'inscription ;
- Flux 3 : Paiement Frais de test ;
- Flux 4 : Remise reçu de paiement ;
- Flux 5: Test;
- Flux 6: Résultat test;
- Flux 7 : Liste des candidats ayant réussi le test ;
33

- Flux 8 : Publication liste des candidats retenus ;


- Flux 9 : Paiement de frais inscription et acompte ;
- Flux 10 : Remise de bordereau ou reçu ;
- Flux 11 : Dépôt dossier ;
- Flux 12 : Listes des étudiants ;
- Flux 13 : Listes des étudiants
- Flux 14 : PV de réussite de la session
- Flux 15 : Palmarès
- Flux 16 : Diplôme rédiger plus liste.
b) Narration
Pour s'inscrire au sein de l'Institut Supérieure Pédagogique de Kasongo, le
candidat voulant s'inscrire, doit se déplacer et se présenter directement au Bureau
Administratif de cette institution supérieure le plus vite possible, de peur de perdre la
place par rapport au temps lui imparti lors de la période d'inscription dans cet institut
supérieur pédagogique.
Le nouveau Candidat à l'inscription, une fois arrivé au Bureau Administratif de
l’institution, doit faire parfois de tours dans le bureau, celui de services Académiques,
de la Comptabilité, pour l'inscription ainsi que pour le payement des frais d'inscription
et la réception d'un reçu de payement. Et puis, celui des services académiques, pour
la présentation du reçu de payement et des documents nécessaires à l'inscription,
remplissage des identités (renseignements) lui concernant sur le formulaire de
demande d'inscription et sur bulletin de l'inscription, etc...
Sans faire allusion à la distance, les déplacements effectués par les candidats
de chez eux jusqu'au Bureau Administratif; semblent être inutiles et provoquent ainsi,
un gaspillage de temps et d’argent.
L'une de grande institution de la Commune Rurale de Kasongo même de la
province du Maniema, l'Institut Supérieur Pédagogique de Kasongo, ne possède pas
un site web, malheureusement incapable de mettre les internautes au courant des
activités qui se passent au sein de cet institut supérieur. C'est ainsi que, pour la
diffusion des informations concernant le public, l'ISP/Kasongo dépose les
34

communiqués aux stations de chaînes de Radio locales qui sont captées difficilement
à 100 kilomètres de la station Radio.
En effet, lors de l'inscription d'un candidat, divers autres traitements au sein du
bureau sont, d'ailleurs, sources de problèmes, adoptant les méthodes traditionnelles
de travail :
- L'enregistrement des étudiants se fait manuellement dans un cahier nommé
cahier d'inscription ;
- Les documents étant conservés dans les classeurs à papiers, armoire et l'accès
est difficile et occasionne une perte de temps. Etant donné qu'il faut toujours
une recherche sérieuse pour retrouver un document d’un étudiant;
- Les documents sont ainsi nombreux ce qui explique, qu'ils sont aussi mal
organisés.
Vu l'accroissement de la technologie Internet, la mise en place d'une application
web dynamique avec une base de données en ligne, est devenue une nécessité
incontournable pour l’ISP/Kasongo pour aider postérieurement le Bureau d'Inscription
via un administrateur du site à recevoir et vérifier les éléments des dossiers constitués
par le candidat.
2.2.2. Etudes des documents manuels utilisés
Toujours pour les soucis de notre recherche, nous avons réunis tous les
documents utilisés dans le service d’inscription et contrôle de scolarité des services
académiques de l'ISP/Kasongo. Il s'agit :
- Cahier d'enregistrement des candidats ;
- Bulletin d'inscription à la licence ;
- Liste des étudiants inscrits par promotions.
Ainsi, ceux-ci aideront à prendre de décision et de résoudre certains problèmes
dans notre recherche qui est la gestion des étudiants, par rapport à l'inscription et au
contrôle de scolarité auxquels nous nous intéressons les plus dans cette recherche.

2.2.2.1. Cahier d'enregistrement des candidats

Ce document permet d'enregistrer les candidats qui s'inscrivent après avoir déposé
leurs dossiers au bureau l’appariteur.
35

Tableau 1:Cahier d'Enregistrement des Candidats

N° Code Libelle Nature


01 Nom Nom Alphanumérique
02 Post nom Post nom Alphanumérique
03 Sexe Sexe Alphanumérique
04 NumMat Numéro Matricule Alphanumérique
05 Lieu nais Lieu de naissance Alphanumérique
06 Date nais Date de naissance Date
07 Terr.Orig Territoire d'origine Alphanumérique
08 Prov.Orig Province d'origine Alphanumérique
09 AnnéeOpt. Année d'obtention d'état du diplôme Numérique
10 Section Section Alphanumérique
11 Pourcentage Pourcentage obtenu d'état à l'examen Numérique

2.2.2.2. Bulletin d'inscription

Ce document porte les renseignements d'un étudiant qui veut avoir l'inscription en
licence
Tableau 2:Bulletin d'inscription

N° Code Libelle Nature


01 Nom Nom de l'étudiant Alpha numérique
02 Post Nom Post nom de l'étudiant Alpha numérique
03 Prénoms prénoms de l'étudiant Alpha numérique
04 LieuNaiss Lieu de naissance Alpha numérique
05 DateNaiss Date de naissance Date
06 Sexe Sexe Alpha numérique
07 Nationalité Nationalité Alpha numérique
08 Etatcivil Etat civil Alpha numérique
09 Nom père Nom père Alpha numérique
10 Nom de la mère Nom de la mère Alpha numérique
11 Prov D'origine Province d'origine Alpha numérique
36

12 District District Alpha numérique


13 Comm.ouTerrit. Commune ou territoire Alpha numérique
14 Nom Nom de la personne à contacter Alpha numérique
15 Adresse adresse de la personne à contacter Alpha numérique
16 AdresseKas Adresse à Kasongo Alpha numérique
17 NomEcole Nom de l'école Alpha numérique
18 Adr.Dern.Ecole Adresse de la dernière Ecole second. Alpha numérique
19 Province Province Alpha numérique
20 Commune Commune Alpha numérique
21 Territ. Territoire Alpha numérique
22 Sections La section suivie Alpha numérique
23 AnnObtDip Année d'obtention diplôme Numérique
24 Pourcentage Pourcentage Numérique
25 Numdipl Numéro du diplôme d'état Numérique
26 Activité Profess Activité Professionnelles Alpha numérique
27 AnnAcad Année académique Numérique
28 Etment Etablissement Numérique
29 AnnEtudes Année d'études Numérique
30 Résultats Résultats Alpha numérique
31 Activité proffess Activité Professionnelles Alpha numérique
32 Section Section Alpha numérique
33 Option Option Alpha numérique
34 Avis_comInscr. Avis de la commission des inscriptions Alpha numérique

2.3. INVENTAIRE DES INTERVENANTS


2.3.1. Intervenants

Nous retenons les acteurs ci- après pour les informations que nous avons
récoltées après avoir analysé.
2.3.2. Acteur interne

- Appariteur (Administrateur du site).


37

2.3.3. Acteurs externes

1. Etudiants
2. Secrétariat du SGAC.
3. Assistant du SGAC.
2.4. TYPE DE FORMATION ET DIPLOMES AGREES A L'ISP/KASONGO

2.4.1. Formation
L'ISP/Kasongo organise une formation en triade qui consiste à une
combinaison de l'académie, du travail et du service qui développe une formation
sortant du cadre traditionnel de l'auditoire pour se lancer dans le champs de recherche
et dans la communauté en faisant des apprenants de vrais agents de changement et
de transformation. Ceci dans le but de réfléchir sur le sens et la valeur des autres
comme obligation à la fois intellectuelle et morale ainsi que produire des finalistes
intellectuellement bien outillés, aimant le travail et engagés à servir les autres tout en
transformant leurs communautés respectives.
Cette transformation se résume par la lutte pour l'excellence dans la formation
académique et une formation associant l'instruction à la vie pratique. En plus, chaque
étudiant, par le travail, développe ses dons et aptitudes, la gestion du temps et aussi
le travail en équipe.
Enfin, les étudiants mettent leurs connaissances acquises et leurs aptitudes au
service de la communauté qui permet ainsi aux étudiants, de définir et de comprendre
leur rôle d'agents du changement social et de justice sociale.

2.4.2. Diplôme agréés


Voici la liste des diplômes délivrés par l'ISP/Kasongo (DUPC Diplôme
Universitaire de Premier Cycle) :
- Sciences Commerciale et Administrative (SCA) ;
- Informatique de Gestion (IG) ;
- Histoire Sciences Sociales et Gestion du patrimoine (HSS & GP);
- Anglais Culture Africaine (ACA);
- Français Langues Africaines (F-LA) ;
- Biologie Chimie (BC);
- Sciences Agronomiques et Vétérinaires :
38

o Phytotechnie et Défense des Cultures (PDC) ;


o Zootechnie et Santé Animale (ZSA) ;
- Mathématiques Physique(MP).

2.5. ETUDE PREALABLE

2.5.1. Critiques de l'existant

La solution actuelle étant manuelle, elle pose ainsi des certains problèmes, à
savoir :

- L'impossibilité de s'inscrire en ligne au sein de l'ISP/Kasongo, d'où la présence


du candidat au Bureau Administratif de l’ISP/Kasongo ;
- La perte du candidat est possible, surtout quand le processus d'inscription
traîne ou prend beaucoup de temps pour être effectué et surtout en voyant la
distance qui sépare le candidat du Bureau Administratif de l’ISP/Kasongo;
- L'abondance des documents dans le bureau de services académiques qui peut
ralentir les services et on risque de les mélanger; ce qui peut être fatal.

2.5.2. Solutions proposées

Grâce à Internet, de nouvelles perspectives de développement apparaissent


dans l'élargissement de l'éducation dans les universités. La création d'un site Internet
a pour but de valoriser l'image d'une organisation et faire des économies en mettant
tous ses services en ligne. Ainsi, l'utilisation d'Internet, comme segment de
communication de masse, permet également de baisser les coûts de marketing et
d'autres frais.

Ce présent système, consiste donc à la mise en place d'une application Web


avec inscription en ligne par l'Institut Supérieure Pédagogique de Kasongo pour gérer
le processus d'inscription en conservant tous les documents s'y rapportant. Ceci sera
possible à travers des formulaires à compléter en ligne par le nouveau candidat à
l'inscription.

Cette inscription en ligne permettra d'offrir beaucoup des services à savoir :


39

- Téléchargement (downloading) des documents par le candidat : le formulaire


de demande d'inscription puis l'attestation de l'inscription. Ces deux documents
seront ensuite, joints puis renvoyés par le candidat après les avoir complétés.
- Dépôt des documents requis pour l'inscription. Ce dépôt sera effectué dans un
formulaire du site, dans lequel formulaire le candidat va joindre ces documents
qui ont été scannés par le candidat et devenus fichiers (images ou en format
PDF).
- Paiement des frais d'inscription en ligne.

A part la présence du candidat au BATAM, pour le paiement au sein du bureau


des services de finance de l'ISP/Kasongo, notre système permettra d'autres modes de
paiement entre autre :

- Paiement par chèque libellé au nom de l'ISP/Kasongo ;


- Paiement par argent comptant ou par carte de débit ;
- Paiement par transfert bancaire en provenance de la RDC ou d'un autre pays ;
- Paiement par virement de fond.

Ainsi, l'administration de l'ISP/Kasongo devra donner un délai à respecter, date


à laquelle le candidat devra payer ses frais d'inscription ; si non, il risque de perdre sa
place.

- Le candidat aura un formulaire sur le site, qui lui permettra d'entrer facilement
ses renseignements (identités du candidat, adresses,...) ;
- Le bureau (l'administration) aura la possibilité de mettre en ligne les annonces
en rapport avec l'inscription ou autres (Faire des publicités concernant
l'ISP/Kasongo en général) pour informer les internautes de ce qui se passe au
BATAM de l’ISP/Kasongo et produire des rapports de tous les candidats qui se
sont inscrits dans la base de données.

Après que le candidat aie déposé tous les documents, tous les renseignements
et payement de frais d'inscription, le bureau des services académiques passera alors
à une analyse minutieuse des dossiers déposés par les candidats, pour enfin, envoyer
le message dans la boîte e-mail chaque candidat; le résultat de cette analyse.
40

Ainsi, Tous les candidats ayant fait une demande d'admission à l'ISP/Kasongo
recevront une réponse parmi les suivantes :

- Admission définitive : le candidat a satisfait aux formalités et aux conditions


d'admission.
- Admission conditionnelle : le candidat ne répond pas à certaines conditions;
il est cependant autorisé à s'inscrire aux cours pourvu qu'il satisfasse aux
conditions stipulées par le comité de sélection dans les délais prévus. Lorsque
le candidat a satisfait à ces conditions, il est admis définitivement. Un candidat
peut être admis conditionnellement s'il n'a pas une préparation jugée adéquate.
- Liste d'attente : lorsque la décision du comité de sélection est positive mais
que le nombre des places disponibles n'est pas suffisant pour permettre son
admission à ce moment-là.
- Refus : dans ce cas, le Bureau de services académiques doit communiquer la
raison du refus de la demande du candidat.

A travers le cahier des charges libellé ci-dessus, nous comprenons bien que le
système que nous voulons réaliser, est une application web. Pour son implémentation,
nous avons besoins d'une étude conceptuelle de la base de données du présent site.
Dans cette étape, nous donnons une vision globale du processus d'inscription à
l'ISP/Kasongo.

Il est à noter que, le frais de demande d'admission ou d'inscription n'est pas


remboursable lors que le candidat n'est pas accepté (ses documents et
renseignements fournis ne répondent pas aux exigences ou conditions prévues par
l'ISP/Kasongo pour l'inscription), et que ce frais est obligatoire avant que le candidat
ne soit inscrit définitivement. Problèmes existants lors de l'inscription de l’étudiant et
qui bloquent l’institution à atteindre certains des objectifs fixés.
41

2.6. ESTIMATION DE COUT

Tableau 3:Estimation de coût

Matériel Marque Quantité Prix unitaire Prix total


Micro-ordinateur Pentium 4 5 300$ 1500$
Imprimante Laser jet 2 350$ 700$
Onduleur - 2 75$ 150$
Stabilisateur - 2 50$ 100$
Frais informatisation (logiciel) - - - 1800$
Total - - - 4500 $

2.4.3. Avantage
Ces équipements informatiques faciliteront le personnel de l’ISP/Kasongo de
bien exécuter leurs travaux en toute facilité, rapidité et fiabilité.

2.4.4. Désavantage

Le désavantage est que l'ISP/Kasongo dépensera trop des fortunes pour l'achat
des différents équipements informatiques et ensuite, un bon nombre de travailleurs
sera licencié à cause de mis en place des matériels informatiques qui exécutera leurs
tâches à leurs place avec toute rapidité.
42

Troisième Chapitre : MODELISATION DU SYSTEME

3.1. GENERALITES SUR LE LANGAGE UML ET PROCESSUS UNIFIE(UP) 23


3.1.1. Généralités sur le langage UML

1) Définition du langage UML

L’UML est un langage de modélisation graphique à base de pictogrammes,


conçu pour représenter, spécifier les artefacts de systèmes logiciels. De plus, il est
destiné à comprendre et décrire des besoins, spécifier et documenter les systèmes,
esquisser des architectures logicielles, concevoir des solutions et communiquer des
points de vue, comme il peut être appliqué à toutes sortes des systèmes ne se limitant
pas au domaine informatique.24

Le langage UML résulte de l’unification des techniques ayant fait leurs preuves
pour l'analyse et conception de grands logiciels et de systèmes complexes. C’est
pourquoi le langage UML est une Norme.

Ainsi, il est nécessaire qu'une méthode objet soit définie de manière rigoureuse
et unique afin de lever les ambiguïtés. De nombreuses méthodes objet ont été
définies, mais aucune n'a su s'imposer en raison du manque de standardisation.25

A partir de 1997, UML est devenue une norme de l'OMG, ce qui lui a permis de
s'imposer en tant que méthode de développement objet et être reconnue et utilisée
par de nombreuses entreprises. L'OMG est un organisme à but non lucratif, créé en
1989 à l'initiative de grandes sociétés (HP, Sun, Unisys, American Airlines, Philips...).
Aujourd'hui, l'OMG fédère plus de 850 acteurs du monde informatique. Son rôle est de
promouvoir des standards qui garantissent l'interopérabilité entre applications
orientées objet, développées sur des réseaux hétérogènes. L'OMG propose

23
Christian SOUTOU (2006), UML 2 pour les bases de données, Edition Eyroles, Paris.
24
Michael Blaha & James Rumbaugh (2005), Modélisation et conception orientées objet avec
UML, Pearson Education, 2ème édition.
25
Tom Mens (2006), Génie Logiciel Orienté Objet, Université de Mons-Hainaut, Service de
Génie Logiciel.
43

notamment l'architecture CORBA (Common Object Request Broker Architecture), un


modèle standard pour la construction d'applications à objets distribués (répartis sur un
réseau). Pour rester simple, on peut considérer CORBA comme une généralisation de
l'architecture clients/serveurs aux objets.26

2) Caractéristiques du langage27

 Le langage UML est basé sur un méta-modèle

UML est un moyen d'exprimer des modèles objet en faisant abstraction de leur
implémentation, c'est-à-dire que le modèle fourni par UML est valable pour n'importe
quel langage de programmation. UML est un langage qui s'appuie sur un méta
modèle, un modèle de plus haut niveau qui définit les éléments d'UML (les concepts
utilisables) et leur sémantique (leur signification et leur mode d'utilisation). Le méta
modèle permet de se placer à un niveau d'abstraction supérieur et il est étudié pour
être plus générique que le modèle qu'il permet de construire. Le méta modèle d'UML
en fait, un langage formel possédant les caractéristiques suivantes:

- Un langage sans ambiguïtés ;


- Un langage universel pouvant servir de support pour tout langage orienté
objet ;
- Un moyen de définir la structure d'un programme ;
- Une représentation visuelle permettant la communication entre acteurs d'un
même projet.
 Le langage UML avec Visualisation complète d'un système

Le langage UML offre une manière élégante de représenter le système selon


différentes vues complémentaires grâce aux diagrammes. Dans un cas comme dans
l'autre, il est nécessaire de définir l’ensemble des fonctionnalités que le logiciel doit
posséder.

26
Idem.
27
Ibidem
44

 Le langage UML n'est pas une méthode ou un processus

Si l’on parle de méthode objet pour UML, c'est par abus de langage car, ce
constat vaut aussi pour d'autres techniques comme langage de modélisation et une
méthode qui propose un processus et qui conduit l'enchaînement des activités de
production d'une entreprise.

Le langage UML a été pensé pour permettre de modéliser les activités de


l'entreprise, pas pour les régir (ce n'est pas CMM ou SPICE) et son processus de
développement logiciel universel est une utopie :

o Impossible de prendre en compte toutes les organisations et cultures


d'entreprises ;
o Un processus est adapté (donc très lié) au domaine d'activité de l'entreprise ;
o Même si un processus constitué d’un cadre général, il faut l'adapter de manière
précise au contexte de l'entreprise.
 Le langage UML est un langage pseudo-formel

Le langage UML est fondé sur un méta modèle, qui définit les éléments de
modélisation (les concepts manipulés par le langage), la sémantique de ces éléments
(leur définition et le sens de leur utilisation) en limitant les ambiguïtés et encourage la
construction d'outils et un méta modèle, est une description très formelle de tous les
concepts d'un langage.

 Le langage UML cadre d'analyse d’objet28

Le langage UML permet différentes vues (perspectives) complémentaires d'un


système, qui guide l'utilisation des concepts objets avec plusieurs niveaux
d'abstraction, qui permettent de mieux contrôler la complexité dans l'expression des
solutions objets étant un support de communication et sa notation graphique permet
d’exprimer visuellement une solution objet avec l’aspect formel de sa notation qui
limite les ambiguïtés et les incompréhensions. Son aspect visuel facilite la

28
Ivar Jacobson & Grady Booch (2003), Le Processus Unifié de développement logiciel,
Eyrolles, 2ème tirage, Paris.
45

comparaison et l’évaluation de solutions et enfin, son indépendance par rapport aux


langages d'implémentation et domaine.

3.1.2. Les points forts d’UML

Le langage UML est un langage formel et normalisé qui occasionne :

 Gain de précision ;
 Gage de stabilité.
a) Encourage l’utilisation d'outils

Le langage UML est un support de communication performant :

- Il cadre l’analyse ;
- Il facilite la compréhension de représentations abstraites complexes ;
- Son caractère polyvalent et sa souplesse en font un langage universel.
3.1.3. Les points faibles d'UML

La mise en pratique du langage UML nécessite un apprentissage pour passer


par une période d’adaptation et la nécessité de s’accorder sur des modes
d’expression communs est vitale en informatique. Ainsi, le processus (non couvert par
UML) est une autre clé de la réussite d’un projet. Or, l’intégration d’UML dans un
processus n'est pas triviale et améliorer un processus, est une tâche complexe et
longue.29

3.2. LA MODELISATION AVEC LE LANGAGE UML

UML est un langage qui permet de représenter des modèles, mais il ne définit
pas le processus d'élaboration des modèles! Cependant, dans le cadre de la
modélisation d'une application informatique, les auteurs d'UML préconisent d'utiliser
une démarche :

29
Christian SOUTOU, (2006).UML 2 pour les bases de données, Edition Eyroles.
46

 Itérative et incrémentale ;
 Guidée par les besoins des utilisateurs du système ;
 Centrée sur l'architecture logicielle.

D’après les auteurs du langage UML, le processus de développement possède


des qualités qui favorisent la réussite d’un projet :

1) Une démarche itérative et incrémentale

L’idée est simple du langage UML consiste à modéliser (comprendre et


représenter) un système complexe en affinant l’analyse par étapes. Cette démarche
devrait aussi s'appliquer au cycle de développement dans son ensemble en favorisant
le prototypage. Le but est de mieux maîtriser la part d’inconnu et d’incertitudes qui
caractérisent les systèmes complexes.

2) Une démarche pilotée par les besoins des utilisateurs ?

Avec le langage UML, ce sont les utilisateurs qui guident la définition des
modèles avec le périmètre du système à modéliser qui définit les besoins des
utilisateurs (les utilisateurs définissent ce que doit être le système) et le but du
système à modéliser est de répondre aux besoins de ses utilisateurs (les utilisateurs
sont les clients du système).

Les besoins des utilisateurs servent aussi au long du cycle de développement


(itératif et incrémental) à chaque itération de la phase d’analyse en clarifiant, affinant
et validant les besoins des utilisateurs. A chaque itération de la phase de conception
et de réalisation, on veille à la prise en compte des besoins des utilisateurs. A chaque
itération de la phase de test, on vérifie que les besoins des utilisateurs sont satisfaits.

3) Une démarche centrée sur l’architecture

Le langage UML possède une architecture adaptée constituant la clé de du


succès d’un développement et décrit des choix stratégiques qui déterminent en
grande partie les qualités du logiciel (adaptabilité, performances, fiabilité...).
47

Le Professeur Kruchten propose différentes perspectives indépendantes et


complémentaires qui permettent de définir un modèle d'architecture (publication IEEE,
1995).

Cette vue (4+1) a fortement inspiré UML :

Figure 5: Démarche centrée sur l'Architecture

3.3. LES DIAGRAMMES UML

3.3.1. Définition

Un diagramme UML est une représentation graphique qui s’intéresse à un


aspect précis du modèle. Le type de diagramme UML possède une structure et
véhicule une sémantique précise.

3.3.2. Les types de diagramme


3.3.2.1. Diagrammes structurels
1) Diagramme de classe (class diagram)

Les diagrammes de classe expriment de manière générale la structure statique


d’un système, en termes de classes et de relations entre ses classes. Outre les
classes, ils représentent un ensemble d’interfaces et des paquetages ainsi que leurs
relations.
Les diagrammes de classes contiennent généralement les éléments suivant :

a) Les classes
48

Une classe est la description d’un ensemble d’objets partageant la même


sémantique ainsi que les mêmes attributs, opérations et relations.

b) Les Attributs

Un attribut est une propriété nommée d’une classe qui décrit un ensemble des
valeurs que les instances de cette propriété peuvent prendre. Une classe peut ne pas
avoir, comme elle peut avoir un ou plusieurs attributs.

c) Les opérations

La définition d’une classe est complétée par l'ensemble des opérations qu'elle
peut exécuter. Une opération est une fonctionnalité assurée par la classe. Le niveau
de détail à retenir pour décrire les opérations est fonction du niveau d'avancement de
l'étude.

d) Les relations d’association, d’agrégation et de composition

Une association représente une relation structurelle entre classes d'objets. La


plupart des associations sont binaires, c'est à dire qu'elles connectent deux classes.
On représente une association en traçant une ligne entre les classes associées.

2) Le Diagramme de composant (Component diagram)

Les diagrammes de composant servent à représenter la configuration logicielle


ainsi que les relations d’un système permettant également de représenter les
programmes, les sous programmes et les interrelations.

3) Le Digramme de déploiement

Les diagrammes de déploiement représentent un ensemble de nœud ainsi que


leurs relations. On les utilise pour illustrer la vue de déploiement statique d’une
architecture.
49

Figure 6: Représentation du Diagramme de déploiement

4) Diagramme d’Objets
Les diagrammes d’objets servent, d’une part à inventorier les objets (exemple :
les instances de classe) composant une application à un instant donné ainsi que les
relations et d’autre part, à donner une image statique des relations entre ces objets. Ils
peuvent également être mise en œuvre pour tester la pertinence d'un diagramme de
classe.

5) Diagramme de Cas d'utilisation

Le diagramme de cas d’utilisation est une technique de description du système


étudié privilégiant le point de vue de l’utilisateur. Les cas d’utilisation décrivent sous la
forme d’actions et des réactions, le comportement d’un système du point de vue d’un
utilisateur. Les cas d’utilisation servent à structurer les besoins des utilisateurs et les
objectifs correspondants du système. Ils contiennent généralement les éléments
suivant.

a) Acteur
50

C’est une entité externe qui agit sur le système et le terme acteur ne désigne
pas seulement les utilisateurs humains mais également les autres systèmes. Les
acteurs sont des classificateurs qui représentent des rôles au travers d’une certaine
utilisation (cas) et non pas des personnes physiques.

b) Cas d’utilisation

C’est un ensemble d’actions réalisées par le système en réponse à une action


d’un acteur.

- Les cas d’utilisation peuvent être structurés ;


- Les cas d’utilisation peuvent être organisés en paquetages ;
- L’ensemble des cas d’utilisation décrit les objectifs du système

Figure 7 : Représentation du diagramme de Cas d’utilisation

A savoir qu’UML définit trois types de relations standardisées entre cas


d'utilisation, détaillées ci-après :

- Une relation d'inclusion : c’est une relation d’inclusion qui, lors de la description
des cas d’utilisation comme un sous-ensemble commun à plusieurs cas
d’utilisation, il convient donc de factoriser ces fonctionnalités en créant de
nouveaux cas d'utilisation qui seront utilisés par les cas d'utilisation qui les avaient
en commun.
51

Figure 8: Représentation du diagramme de Cas d'utilisation avec relation Inclusion

Ainsi, on est amené à factoriser un comportement commun à plusieurs cas


d’utilisation dans un cas d'utilisation à part.

- La relation d'extension

La relation stéréotypée « extend » permet d’étendre les interactions et donc les


fonctions décrites par les interactions. Le cas de base peut fonctionner tout seul mais
il peut également être complété par un autre, sous certaines conditions, et uniquement
à certains points particuliers de son flot d'évènements (point d'insertion). On utilise
principalement cette relation pour séparer le comportement optionnel (les variantes)
du comportement obligatoire.

Figure 9: Représentation du diagramme de Cas d'utilisation avec relation d'Exclusion


52

- Relation de généralisation entre cas d'utilisation

La relation d’héritage ou de généralisation entre cas est plus subtile. La version


1.1 d’UML ne distinguait d'ailleurs pas « extend » et généralisation. Cette relation est à
prendre au sens classique de spécialisation, inhérent à l'héritage. Ici, la généralisation
peut être vue aussi comme un « polymorphisme» de cas.

3.3.2.2. Diagrammes comportementaux

a) Diagramme d'activité

Le diagramme d’activité est attaché à une catégorie de classe et décrit le


déroulement des activités de cette catégorie. Le déroulement s’appelle « Flot de
contrôle ». Il indique la part prise par chaque objet dans l’exécution d’un travail. Il sera
enrichi par les conditions de séquencement.30

Ils ont pour rôle de représenter les traitements(Opérations) qui vont gérer le
domaine étudié. Ils définissent l'enchainement des états de classe et donc apparaitre
l'ordonnancement des travaux.

Le diagramme d’état-transition est associé à une classe pour laquelle on gère


différents états : il permet de représenter tous les états possibles ainsi que les
évènements qui provoquent les chargements d'état.

b) Diagramme de séquence

Un diagramme de séquence met en évidence le classement des messages par


ordre chronologique. On forme un diagramme de séquence en plaçant d'abord les
objets qui participent à l'interaction en haut du diagramme. Le long de l'axe des
abscisses. En générale, on place l'objet qui débute l'interaction à gauche, puis on
continue en progressant vers la droite, les objets le plus subordonnés étant tout à fait
droite.

30
Christian SOUTOU, op.cit. (2006).
53

On place ensuite les messages envoyés et reçus par ces objets le long de l'axe
des ordonnées, par ordre chronologique, du haut vers le bas. Cela donne au lecteur
une indication visuelle claire du flot de contrôle dans le temps.

En générale, les diagrammes de séquence contiennent :

- L’objet

Est une manifestation concrète d’une abstraction à laquelle on peut appliquer


un ensemble d’opérations et qui possède un état capable de mémoriser les effets de
ces opérations. On représente un objet en soulignant son nom.

- Le lien

Est une liaison sémantique entre objets, il s’agit d’une instance d’une
association. Chaque fois qu’une classe est reliée à une association, il peut y avoir un
lien entre les instances des deux classes, et chaque fois qu'un lien existe entre deux
objets, le premier objet peut envoyer un message au deuxième.

- Le message

Est une spécification d’une communication entre objets, qui transporte des
informations et qui s’affiche dans le but de déclencher une activité.

La réception d’une instance de message peut être considérée comme une instance
d’un événement.

3.3.2.3. Diagramme de collaboration

Les diagrammes de collaboration (tout comme les diagrammes de séquence)


sont des cas particuliers de diagrammes d’interactions qui représentent une vue
dynamique du système. Les diagrammes de collaboration présentent un ensemble de
rôles joués par des objets dans un contexte particulier, ainsi que les liens entre ces
objets.
54

3.4. LE PROCESSUS UNIFIE


3.4.1. Définition

Le processus unifié est un processus de développement logiciel et il regroupe


les activités à mener pour transformer les besoins d’un utilisateur en système logiciel.
C’est un patron de processus pouvant être adaptée à une large classe de systèmes
logiciels, à différents domaines d'application, à différents types d'entreprises, à
différentes tailles de l'entreprise.

3.4.2. Les Caractéristiques du Processus Unifié

- Le processus unifié est à base de composants ;


- Le processus unifié utilise le langage UML (ensemble d'outils et de Diagramme) ;
- Le processus unifié est piloté par les cas d'utilisation ;
- Centré sur l'architecture ;
- Itératif et incrémental.

3.4.2.1. Le processus unifié est itératif et incrémental

Le développement d’un produit logiciel destiné à la commercialisation est une


vaste entreprise qui peut s'étendre sur plusieurs mois. On peut découper le travail en
plusieurs parties qui sont autant de mini projets. Chacun d’entre eux représentant une
itération qui donne lieu à un incrément. Une itération désigne la succession des
étapes de l'enchaînement d'activités, tandis qu'un incrément correspond à une
avancée dans les différents stades de développement.31

3.4.2.2. Le processus unifié est centrée sur l’architecture

31
Gilles ROY (2009), Conception d’une base de données avec UML, Edition Presse de
l’université de Québec, p144.
55

Tout système complexe doit être décomposé en partie modulaire afin d’en
faciliter la maintenance et l’évolution. Cette architecture doit être modélisée en UML et
pas seulement documentée en texte.

3.4.2.3. Le processus unifié est piloté par les cas d’utilisation

L’objectif principal d’un système logiciel est de rendre service à ses utilisateurs
et il faut par conséquent bien comprendre les désirs et les besoins des futurs
utilisateurs.

3.4.3. Le cycle de vie du processus unifié

Le processus unifié répète un certain nombre de fois une série de cycles en


utilisant un cycle conclut par la livraison d’une version du produit aux clients et
s’articule en 4 phases : création, élaboration, construction et transition, chacune
d’entre elles se subdivisant à son tour en itérations.

Présentation du cycle de vie de Processus Unifié


56

Figure 10: Présentation du cycle de vie de Processus Unifié


3.4.3.1. Les Phases
3.4.3.1.1. Phase de création
Elle consiste à traduire une idée en vision de produit fini et présente une étude
de rentabilité pour ce produit :
On fait apparaître les principaux cas d’utilisation et l'architecture est provisoire
permettant l’identification des risques majeurs et planification de la phase
d'élaboration.

Diagramme de cas Diagramme de Diagramme de


d’utilisation séquence classe

Diagramme d’objet Diagramme de Diagramme de


navigation déploiement

Figure 11: les Diagrammes pivots.

3.4.3.1.2. Phase d’élaboration


57

Elle permet de préciser la plupart des cas d’utilisation et de concevoir


l’architecture du système. L’architecture doit être exprimée sous forme de vue de
chacun des modèles. A l’issue de cette phase, le chef de projet doit être en mesure
de prévoir les activités et d’estimer les ressources nécessaires à l’achèvement du
projet.

3.4.3.1.3. Phase de construction


C’est un moment où l’on construit le produit et l’architecture de référence se
métamorphose en produit complet. Elle est maintenant stable et le produit contient
tous les cas d’utilisation que les chefs de projet en accord avec les utilisateurs ont
décidé de mettre au point pour cette version. Celle-ci doit encore avoir des anomalies
qui peuvent être en partie résolue lors de la phase de transition.

3.4.3.1.4. Phase de transition


Le produit est en version bêta et un groupe d’utilisateurs essaye le produit. Elle
détecte les anomalies et défauts. Cette phase suppose des activités comme la
fabrication, la formation des utilisateurs clients, la mise en œuvre d'un service
d'assistance et la correction des anomalies constatées. (Où le report de leur correction
à la version suivante).

3.5. LES DIAGRAMMES DU PROCESSUS UNIFIE DU SYSTEME CONCEPTUEL


58

3.5.1. Diagramme de Cas d’utilisation

Figure 12: Diagramme de cas d'utilisation


Commentaires
- Le candidat demande l’accès à une page Web depuis son navigateur ;
- Le navigateur envoie une demande au serveur web comprenant ;
- Le nom de la page, qui correspond en fait à un programme;
- éventuellement un ensemble de paramètres.
- Le serveur web va chercher sur le disque le code source d'un programme ;
- Le candidat accède à la page d'inscription et remplis le formulaire ;
59

- Le serveur web exécute ce programme qui peut être ;


- Remplissage du formulaire et transmission d'une pièce jointe;
- Durant l’exécution, le programme génère un contenu HTML ;
- Le contenu HTML est envoyé au navigateur ;
- Le navigateur affiche le résultat.
3.5.2. Diagramme de séquence

Figure 13: Diagramme de séquence d'accès au système


60

3.5.3. Diagramme de Classe conceptuel

Figure 14: Diagramme de Classe


61

3.5.4. Diagramme d’objet

Figure 15: Diagramme d'Objet


a) Opération du système
Les événements envoyés par l’acteur à notre application encouragent des
traitements internes que nous appellerons opérations système. L’ensemble des
opérations système de tous les cas d’utilisations définit l’interface publique du
système, qui visualise le système comme une entité unique en offrant des services.

En langage UML, le système pris dans son ensemble peut être représenté par
une classe, avec le mot clé « system ».
62

Quatrième Chapitre : LA REALISATION CONCEPTUELLE DE L’INTERFACE


UTILISATEUR

Dans les lignes qui suivent, nous allons premièrement présenter


l'environnement dans lequel nous avions développé ce logiciel.

4.1. FAISABILITE DE CONCEPTION


4.1.1. PhpMyAdmin
4.1.1.1. Présentation de PhpMyAdmin

PhpMyAdmin est une interface conviviale qui permet de gérer très facilement
une base de données sans nécessiter une connaissance avancée des requêtes SQL.
Le fait que l’interface soit développée en PHP la rend parfaitement adaptée à
l’utilisation conjointe d’une base MySQL et d'un moteur de scripts PHP.

Elle peut donc fonctionner directement sur le web et être accessible par le biais
d'un simple navigateur, ce qui explique sa présence sur la plupart des sites
dynamiques distants (actuellement, PhpMyAdmin est le gestionnaire de bases de
données préconisé par la majorité des hébergeurs proposant des serveurs qui
prennent en charge MySQL/PHP).

On peut ainsi, créer avec la même facilité des bases de données et des tables
en local comme sur le serveur distant. PhpMyAdmin étant un SGBD a comme
fonctions:
- Fonction Utilisateur : permet la désignation, l'accès (avec la particularité de
manipuler), l'ajout, la suppression et la modification en manipulant les données et
les liaisons.
- Fonction Administrateur : permet les charges de la base, sa restauration en cas
de panne, sa réorganisation pour améliorer les performances, sa restriction pour
l'adapter aux évolutions des utilisateurs et des techniques. Il offre les moyens des
surveillances des activités de la base. Nous pourrons rapidement citez les
fonctions suivantes :
 Créer et supprimer des bases de données ;
 Créer, copier, supprimer et modifier des tables ;
63

 Supprimer, éditer et ajouter des champs ;


 Importer et exporter des données au format CSV ;
 Exécuter des requêtes SQL ;
 Créer et exploiter des sauvegardes des tables.

Figure 16: Présentation phpMyAdmin

4.1.1.2. La composition de PhpMyAdmin

L’interface de PhpMyAdmin est composé de :

- Table : c'est un fichier contenant des enregistrements ;


- Requêtes : ce sont des demandes qui permettent d’obtenir certaines
situations à partir d’une ou plusieurs tables. C’est l’objet qui permet
d’interroger la base de données.
- Etats : document à imprimer ou à afficher.
4.1.2. MySQL
MySQL (My Structured Query Language) est un type de Base de données très
rependu sur Internet, car très simple à l’utilisation et compatible avec la grande
majorité des scripts PHP disponible en téléchargement libre sur le Net (Os Commerce,
Php BB, Joomla...). Elle répond au langage SQL (Structured Query Language).
64

Il est constitué des interfaces graphiques permettant la gestion en ligne d’une


Base de Données MySQL comme le plus connu PHP MyAdmin ou encore Eskuel.
Ces interfaces permettent à l’utilisateur de la base de données de voir et de modifier
celle-ci comme il le souhaite (création de tables, modification et la suppression des
données...) sans avoir connaitre le langage SQL permettant de manipuler la base.

4.1.2.1. Création des Tables sous MySQL


Tableau 4:Table candidat

Colonne Type Nul Défaut Commentaires MIME


l
CODE int(25) No
n
Nom varchar(30 No
) n
PostNom varchar(30 No
) n
Prenom varchar(30 No
) n
Sexe varchar(2) No
n
DateNaissance date No
n
LieuNaissance varchar(25 No
) n
Adresse varchar(25 No
) n
TerritoireOrigin varchar(25 No
e ) n
ProvinceOrigin varchar(50 No
e ) n
Promotion varchar(30 No
) n
Orientation varchar(30 No
) n
Departement varchar(30 No
) n
email varchar(50 No
) n
Pourcentage varchar(10 No
) n
65

AnneeObtentio varchar(10 No
n ) n
Photo varchar(20 No
) n

Tableau 5:Table étudiant

Colonne Type Nul Défaut Commentaires MIME


l
CODE int(25) No
n
Nom varchar(30 No
) n
PostNom varchar(30 No
) n
Prenom varchar(30 No
) n
Sexe varchar(2) No
n
DateNaissance date No
n
LieuNaissance varchar(25 No
) n
Adresse varchar(25 No
) n
TerritoireOrigin varchar(25 No
e ) n
ProvinceOrigin varchar(50 No
e ) n
Promotion varchar(30 No
) n
Orientation varchar(30 No
66

) n
Departement varchar(30 No
) n
email varchar(50 No
) n
AnneeObtentio varchar(12 No
n ) n
Dossier blob No
n

Tableau 6:Table utilisateurs

Colonne Type Nul Défaut Commentaires MIME


l
LOGIN varchar(20) No
n
PASSWOR varchar(200 No
D ) n
NIVEAU int(11) No
n

4.1.2.2. Equipements de conception


1) Equipements matériels du site web
Le choix du matériel avec lequel nous avons développé l’application a été
fonction des caractéristiques premièrement du langage PHP, et celle de base MySQL
via le EasyPHP. Les équipements matériels doivent avoir les caractéristiques
suivantes :
- Type de réseau : Sans-fil (wifi) ;
- Technologie du réseau : 802.11g (Fréquence= 2.4 MHZ ; débit 54Mb/s) ;
- Classification du réseau : WWAN ;
- Architecture : Client/serve ;
- Topologie : ESS (Extended Service Set) ;
- Mode de liaison : Full Duplex ;
- Modulation: DSS (Direct Sequence Spread Spectrum).
67

Tableau 7:Caractéristiques de machines des différents Postes

Ordinateu Quantité Caractéristiques Système Fonction Protocole


r d'exploitation
Serveur 1 CPU : 3Ghz RAM : WINDOWS WEB et TCP/IP
4GB HDD : 500 10Professional Base de SPX/IPX
TO NIC:100 Mb/s Autres données
PC 5 CPU : 2.6Ghz WINDOWS Client TCP/IP
RAM : 4GB HDD : 10Professional SPX/IPX
500 TO NIC:100 Autres
Mb/s

Tableau 8:Matériels d’interconnexion

Matériels Quantité Caractéristiques Fonctionnalités


Routeur 1 802.11 g, 54 Mb/s Câbles XDSLFire Wall
Wireless/Modem 1 port WAN 4 ports RJ-45 incorporé
Switch (access 1 802.11 g, 12 ports RJ-45 Manageable
point)

Tableau 9:Autres matériels

Matériels Quantité Caractéristiques Fonctionnalités


Imprimante 2 33 ppm ; Duplex print
Onduleur 1 3,5 kva
Batteries lithium 12 220 Ampères Alimentation

a) Equipements logiciels du site web


1.L’installation du réseau

Tous les ordinateurs devront disposés d’une carte réseau 802.11g seront
installés dans les différents postes retenus pour l'informatisation dans un rayon de
68

moins de 100m. Ensuite, les ordinateurs seront démarrés ainsi que le Switch et le
routeur.

2. La configuration du réseau

a) Sur le serveur

- Cliquez sur le Menu démarrer ;


- Cliquez sur « Panneau de configuration» ;
- Dans la fenêtre ouverte, cliquer sur Sous Réseau et Internet, cliquez sur
afficher l’état et la gestion du réseau ;
- Cliquez sur Réseau et Internet ;
- Ensuite cliquez sur Centre Réseau et partage ;
- La fenêtre s'affichera ;
- Cliquez sur Configurer une nouvelle connexion ou un nouveau réseau pour
lancer l’assistant pour un routeur ou point d'accès ;
- Sélectionnez l'option Configurer une nouvelle connexion réseau, puis
cliquez sur Suivant ;
- Sélectionnez une option de connexion et suivez les instructions qui
s'affichent à l’écran pour configurer un réseau ;
- Cliquez sur connexion au réseau local, puis sur suivant ;
- Sélection du mode de connexion (ici, nous prendrons cet ordinateur
appartient à un réseau ayant une connexion Internet).

b) Sur les postes


- Désactivez tout logiciel pare-feu. Les logiciels pare-feu peuvent gêner la
configuration du réseau. Une fois l'installation terminée, le pare-feu pourra
être réactivé ;
69

- Cliquez sur le Menu démarrer ;


- Cliquez sur « Panneau de configuration» ;
- Dans la fenêtre ouverte, cliquez sur Sous Réseau et Internet,
- Cliquez sur afficher l'état et la gestion du réseau ;
- Clic sur Réseau et Internet ;
- Ensuite cliquez sur Centre Réseau et partage ;
- Cliquez sur Configurer une nouvelle connexion ou un nouveau réseau pour
lancer l’assistant pour un routeur ou point d'accès ;
- Sélectionnez l’option Configurer une nouvelle connexion réseau, puis
cliquez sur Suivant ;
- Sélectionnez une option de connexion Suivez les instructions qui s'affichent
à l'écran pour configurer un réseau ;
- Cliquez sur connexion au réseau local, puis sur suivant ;
- Sélectionnez le mode de connexion (ici, nous prendrons cet ordinateur
appartient à un réseau ayant une connexion Internet) ;
- Description et nom du PC ;
- Nommage du groupe de travail ;
- Activation du partage de fichier et d'imprimante.
Sur ce, nous allons créer un disque d'installation du réseau, qui sera exécuté
sur les deux autres.

c) Plan d'adressage du réseau


Pour adressage notre réseau, nous avons choisi la classe C avec comme
adresse : 192.168.0.10/27. Après les différents calculs, nous avons une plage de 30
Machines dont 28 utilisables.
Voici donc ci-dessous la répartition des adresses IP dans les différents sites de
l'ISP :
Tableau 10:Table de plan d’adressage

Nom Site/poste Adresse IP Passerelle Masque de sous réseau


PC 1 Administrateur 192.168.0.3 192.168.0.1 255.255.255.254
192.168.0.4 192.168.0.1
PC2 Service 192.168.0.7 192.168.0.1 255.255.255.254
70

Académique 192.168.0.8 192.168.0.8 255.255.255.254


198.162.0.1 198.162.0.10 255.255.255.254
0
PC3 Candidat X X X

d) L’hébergement du site
Un hébergeur web (ou hébergeur internet) est une entité ayant pour vocation de
mettre à disposition des internautes des sites web conçus et gérés par des tiers. Il
donne ainsi accès à tous les internautes au contenu déposé dans leurs comptes par
les webmesters souvent via un logiciel FTP ou un gestionnaire de fichiers. Pour cela, il
maintient des ordinateurs allumés et connectés 24 heures sur 24 à Internet (des
serveurs web par exemple) par une connexion à très haut débit (plusieurs centaines
de Mb/s), sur lesquels sont installés des logiciels : serveur HTTP (souvent Apache),
serveur de messagerie, de base de données ; ...
3.Utilisation d’EasyPHP32
Libre et gratuite, EasyPhp est une excellente plateforme de développement
web. L'environnement de développement Web/PHP/MySQL le plus simple à mettre en
œuvre et à peu de choses le plus abouti est à la portée de tous.

La plateforme EasyPhp se chargera d’installer et de configurer


automatiquement un environnement de travail complet permettant de mettre en œuvre
toute la puissance et la souplesse qu'offre le langage dynamique PHP pour support
efficace des bases de données.

La plateforme EasyPhp intègre le serveur Apache, la base de données MySQL,


le langage PHP ainsi que le SGBD PhpMyAdmin. Après installation du logiciel, il suffit
de démarrer les serveurs Apache et MySQL, par un simple clic, pour que l'environnent
soit prêt. Il vous sera alors possible d'accéder aux bases de données par
l'intermédiaire de l'excellent PhpMyAdmin et de retrouver votre site web en local via
l'adresse « http://localhost».

32
www.wikipedia.org/merise, Consulter le 12 Mars 2023 à 17 h 25'.
71

Figure 17: présentation de EasyPHP

a) Diagramme de navigation
72

Administrateur

Authentification

Page d’accueil,
Inscription en linge, administration du site Candidat

Demande d’inscription

Vérification
Interface login Login et le mode
passe du candidat
Si non Remplissage du formulaire
OK et Jointure de Documents OK
Si nom OK
Mode passe
correct
Vérification des candidats dans BD
Administration du site
Afficher, Ajouter, Consultation de
Supprimer, éditer
la liste des
candidats
Impression de la liste

Déconnexion
PDF

Figure 18:Diagramme de navigation

b) Diagramme de déploiement
73

Figure 19:Diagramme de déploiement

4.2. GUIDE D’UTILISATION DU SITE WEB

4.2.1. Page d’accueil de l’interface utilisateur

Dès l’entrer dans le site de l’ISP Kasongo ; l’interface ci-dessous apparait.

Figure 20:Page d’accueil


Commentaires :
- Allez vers le bas de la page, cliquez sur l’option de votre choix ;
74

- Et une autre interface s’ouvrira. Mais dans le cadre de notre travail nous
avons developpé seulement deux interfaces :
o Celle d’incription en ligne, la vie estudiantine.
- Cliquez sur incription en ligne, un formulaire ci-dessous apparait :

4.2.3. Formulaire d’inscription de Candidat étudiant

Figure 21:Formulaire d'appel d’inscription de Candidat


75

Figure 22:Formulaire d’inscription de Candidat

- Remplissez champ par champ sans laisser un vide ;


- Joignez vos fichiers de dossier déjà scanner dans un seul fichier compact,
en cliquant sur le bouton ouvrir(parcourir) pour sectionner les fichiers à
joindre ;
- Cliquez sur envoyer pour effectuer votre inscription
- Puis un notre formulaire va apparaitre confirmant votre inscription avec les
mêmes informations que vous avez introduites et le numéro de la manière
suivant :
76

4.2.4. Résultat de la satisfaction de l’inscription retourné par le site

Figure 23:Résultat de la satisfaction de l’inscription retourné par le site


4.2.5. Le formulaire d’authentification de l’administrateur du Site Web

Figure 24:Le formulaire d’authentification de l’administrateur du Site Web


77

4.2.6. Formulaire d’affichage de liste des étudiants déjà inscrit dans la base de
l’ISP/Kasongo par l’administrateur du site

Figure 25:Formulaire d’affichage de liste des étudiants


Après affichage de toutes les informations par l’administrateur, celui-ci possède
des droits d’éditer en cas d’erreur sur les informations fourni par le candidat, mais
aussi de mise à jour soit par modification ou suppression.

4.2.7. Formulaire d’affichage de liste des étudiants déjà inscrit dans la base de
l’ISP/Kasongo par l’utilisateur du site
78

Après affichage de la liste de toutes les informations par l’utilisateur, celui-ci n’a
droit de consultation et de lecture, mais n’a pas la possibilité d’ajout ni de mise à jour.

4.2.8. Formulaire de recherche des étudiants parmi ceux présent sur la liste
des étudiants déjà inscrit dans la base de l’ISP/Kasongo selon le critère

Figure 26:Formulaire de recherche des étudiants parmi ceux présent sur la


liste

Etant déjà inscrits et sauvegardés dans la base de données, l’administrateur


possède un privilège de rechercher le nom d’un étudiant en insérant via le champ de
la recherche en tapant seulement la lettre initiale et tous les noms commençant par
cette lettre vont apparaitre.
79

CONCLUSION

Notre travail consiste donc à mettre en « place une Application web pour la
gestion des inscriptions en ligne dans une institution universitaire : cas de l'ISP/
Kasongo ». Tout au long de ce travail, nous avons démontré dans quelle mesure, il
était avantageux de mettre en place une application web pour la gestion des
inscriptions dans une institution universitaire comme celle-ci. De nos jours, toutes les
applications sont orientées vers le web compte tenu de la visibilité.

Nous sommes parti de la problématique selon laquelle à l’heure actuelle où


l’humanité en générale et l’ISP/Kasongo en particulier sont confrontés à plusieurs
défis apparaissant du jour au jour dans les quatre coins du monde, nombreux et
multiples sont les formes d’accès à l’information et à la communication appropriées à
envisager. Le plus souvent, elles vont d’une action d’information réfléchie et
méthodique vers une action de modification des habitudes d’un milieu spécialisé et à
un milieu estudiantin faisant intervenir les ressources disponibles d’accès à des
technologies web de pointe.

Pendant que les demandes d’informations ou d’adhésion et d'échange relatives


à la vision de l'Institut Supérieur Pédagogique de Kasongo fusent de partout,
l'ISP/Kasongo est sans site web pour satisfaire les besoins exprimés par les
internautes répandus à travers le monde en voulant s’inscrire et faire de cours par
correspondance en ligne sans être à l’institut.

Touché par ces situations et envisageant travailler pour que notre chère
Institution soit compté parmi les vraies et grandes Institutions Supérieures
Pédagogiques Congolaises, connues au niveau international et dotée d’un site web
dynamique avec un système d’inscription en ligne pour ainsi avoir des étudiants de
partout ailleurs.

Voulant enrichir notre problématique en guise d’étude fouillée, nous nous


sommes posés les questions suivantes:
80

- Est-il possible de mettre en place une application web par les inscriptions en
ligne pour l'ISP/Kasongo?
- Quels sont les avantages offerts dans la mise en place d’une application web
pour les inscriptions en ligne des étudiants à l’ISP-Kasongo?
- Quelles sont les technologies web pouvons-nous emprunter pour la mise en
place de cette application ?
Cependant, les hypothèses ont été formulées anticipativement comme suit:

- De manière fondamentale, nous soutenons que la mise en place d’une


application Web serait possible.
- L’hébergement et le déploiement du site sur la toile offriraient à l’ISP/Kasongo
des avantages onéreux permettant de regrouper et créer une génération
spontanée pour l’institution avec résultat satisfaisant dans la consultation et un
lieu de rencontre pour les étudiants inscrits localement et ceux
internationalement motivés. L’impact réel ou palpable dans l’évolution et la
modernité de l’ISP/Kasongo et donnerait plus de fiertés dans l’existant des
étudiants avec une visibilité sur la toile. Cette application faciliterait les
inscriptions en ligne tout en se connectant sur Internet et en démarrant un
navigateur d’accès pour insérer le URL de l’application.
- La technologie web participative serait fructueuse pour ce genre de système
compte tenu de son interactivité avec système opérant par appui au PHP,
XHTML, CSS et le JavaScript pour une application web dynamique et
responsive.

Pour atteindre l’objectif assigné dans ce travail, nous avons fait appel aux
méthodes analytique et le processus unifié (PU/UML) et secondées par les techniques
d’interview, d’observation participante et celle documentaire.

L’analyse de ce travail est structurée en 4 chapitres hormis l’introduction et la


conclusion :

- Le premier chapitre a porté sur la Base de la technologie web ;


- Le deuxième chapitre a parlé sur « analyse de l'étude existant » ;
81

- Le troisièmes s’est intitulé « conception et modélisation » ;


- Le quatrième et le dernier, a porté sur «la réalisation conceptuelle de l’interface
utilisateur».

Après analyse du système existant, nous sommes arrivés à réaliser une


application web dynamique en se servant de la technologie web participative capable
de révolutionner le mode de travail de l’ISP/Kasongo et faciliter l’adaptation moderne
des inscriptions par l’utilisation des technologies de haute portée: PHP, HTML, CSS et
le JavaScript pour la publicité, le marketing et compétitivité dans le domaine
informatique et scientifique. ce qui confirme notre première et troisième hypothèses.

Bien entendu, le travail qui vous est présenté aujourd'hui est un travail effectue
par un être humain et donc, il ne saurait y manquer des imperfections et des lacunes.
C'est ainsi, nous nous soumettons à votre indulgence.
82

Bibliographie

1) Ouvrages

- Christian SOUTOU, (2006). UML 2 pour les bases de données, Edition Eyroles.
- Frétigny N., GrausazS. (2000) ; Conception d'un site web. Extrait de guide des
meilleurs pratiques web. Université de FRIBOURG,
- Gilles ROY, (2009). « Conception d'une base de données avec UML », Edition
presse de l'université de Québec
- Ladréa, M. (Juin 1998).Internet et le World Wide Web. Formation des professeurs
aux outils informatiques du multimédia et de l'internet. France
- Mathieu Nebra, (2011) Apprenez à créer votre site web avec HTML5 et C553,
Creative Commons. Le site du zéro,
- Mathieu Nebra,( 2012).Concevez votre site web avec PHP et MySQL, Licence
Creative Commons BY-NC-SA 2.0,
2) Mémoire, TFC et cours
- KABONGO MPANGA Claude (2018), Informatisation de la gestion des ouvrages
dans une bibliothèque publique : cas de la bibliothèque de l’ISP/KAMINA,
Mémoire, ISP/Kamina, Inédit.
- MINANI MUDERHWA Jean-Paul (2023), Cours de la Télématique et Réseau
Informatique2, L1 IG, ISP/Kasongo, Inédit.
- MINANI MUDERHWA Jean-Paul (2022), Note de cours de Télématique et Réseau
Informatique1, L1 IG, ISP/Kasongo, Inédit.
- Stéphane MAZANZA MBALA (2016), Mise en place d’une application web pour la
gestion des inscriptions dans d’une institution universitaire. Cas de l’ISP Mbanza-
Ngungu, TFC, ISP MBANZA-NGUNGU, Inédit.
- NGONGO KAHAMBO Raphael, l’historique de l’Institut Supérieur Pédagogique de
Kasongo de sa création à 2023, Inédit, Archive ISP/Kasongo.
3) Webographie
- Http//:www.google.com, La programmation web. Récupéré à partir de
l'encyclopédie libre Wikipédia

Vous aimerez peut-être aussi