EPIGRAPHE

‘’ Actuellement le monde connaît une avancée technologique

considérable dans tous les secteurs et cela grâce à l’informatique, qui
joue un grand rôle important dans le développement de nombreuses
entreprises et organisations. ‘’
 Page |2

DEDICACES
A mes adorables Parents que j’aime énormément
Pour tout l’amour dont vous m’avez entouré, pour tout ce que vous
avez fait pour moi, vos conseils, vos prières, vos chaleureux
motivations que le bon Dieu vous bénisse

Que ce modeste travail, soit l’exaucement de vos vœux tant formulés

et de vos prières quotidiennes.

Que Dieu, le tout puissant, vous préserve et vous procure santé et

longue vie afin que je puisse à mon tour vous combler.
 Page |3

REMERCIEMENTS

En premier, nous aimerions remercier le bon Dieu le tout puissant

de nous avoir donné le courage et la volonté de réaliser ce projet.

Nous désirons remercier nos chers parents qui nous ont soutenus
et encouragé durant toute notre vie et pendant notre cursus d’étude.

Nos remerciements les plus chaleureux vont à Mr Dr. KALEBA

André et Mme Marie KAHUNDU pour leurs disponibilités et leurs très
précieux conseils ainsi que leurs remarques qui nous ont permis
d’améliorer la qualité de ce travail.

Nous tenons à exprimer toute notre grande gratitude aux

membres de jury d’avoir accepté de juger ce travail.

Nous remercions Mme Jacqueline NDJOLOKO, et toutes les

personnes ayant contribué de près ou de loin à l’élaboration de ce
modeste travail.

Nos vifs remerciements s’adressent également à tous nos

enseignants de la faculté Informatique de l’Université Libre protestante
en Afrique (ULPA) pour la formation qu’ils ont eu le soin de nous
apporter au long de notre cursus universitaire.
 Page |4

SIGLES ET ABBREVIATIONS

DLL: Dynamic Linked Library

DOM: Document Object
ModelIDMS :Integrated Data Management System
LDAP : LightWeight Directory Access Protocol
HTTP : Hyper Text Transfer Protocol;
FTP : File Transfer Protocol;
INTERNET : Interconnected Networks;
SGBD : Système de Gestion de Bases de Données
SGML : Standard Generalized Markup Language
SVG : Scalade Vector Graphics
W3C : World Wide Web Consortium
HTML : Extensible HyperText Markup Language
CSS: Cascading Style Sheet
XML : Extended Markup Language
XSLT : extensible style Language Transformation
ULPA : Université Libre Protestante
TCP/IP : Transmission Control Protocol/Internet Protocol ;
TFTP : Trivial File Transfer Protocol;
TGL : Tazama Grand-Lac;
URL : Uniform Ressource Locator;
 Page |5

INTRODUCTION

Avant le Web, les entreprises se débrouillaient avec les moyens de bord

pour récolter des informations sur un sujet. Chacune ne pouvait en
amasser qu’une petite quantité et la fusion de listes était un travail de
longue haleine. Une fois qu’une telle fusion était terminée, beaucoup
des données étaient périmées.

Ce n’est définitivement plus le cas. Avec Internet, les organisations (mot

pratique pour désigner tant les entreprises privées que les
administrations) peuvent recueillir, réunir et échanger tous les détails
vous concernant. Le résultat est stocké sur un seul et même réseau
géant : Internet.

Voilà pourquoi nous avons pensé à concevoir un site web de l’ULPA.

 Page |6

01 PROBLEMATIQUE

Elle est l’ensemble de questions liées à un sujet donné.

En effet, Le système d’information d’une organisation permet entre

autre de diffuser à l’interne et l’externe des données interagir avec
l’environnement.

Etant une université jeune, l’ULPA manifeste certaines faiblesses pour

entretenir ses réseaux de relation avec ses différents partenaires.

Cela peut constituer un frein au progrès de l’organisation. Cet état de

choses nous a poussé à nous poser des questions ci-après :

 Pourquoi concevoir un site web de l’Université ?

 Quelle sera la valeur ajoutée de la conception d’un tel ouvrage ?

02 HYPOTHESE

Ce sont des réponses anticipées aux problèmes posées à la

problématique qui seront affirmés ou infirmées à la conclusion
générale.

En une de remédier au problème à de marketing et autres, la réalisation

du dit site web est une meilleure solution préconisée afin d’ouvrir
l’ULPA au monde pré dominé par la globalisation.
 Page |7

03 CHOIX ET INTERET DU SUJET

Le choix de notre sujet du TFC a été motivé par les points suivants :

- Premièrement mettre à la disposition de l’ULPA au sein duquel

nous étions formés un document parlant de l’implantation d’un
site web informatique.
- Deuxièmement, défendre un tfc nous permettant d’allier le
thème à la pratique de la programmation web

L’intérêt de notre sujet repose sur :

- La mise à la disposition de plusieurs personnes en trouvera la

nécessité, un outil de référence pour les éventuelles recherches ;
- Un document de base pour les web master qui s’occuperont du
site web de l’ULPA.

04 DELIMITATION DU SUJET

a. Dans l’espace

Pour mieux canaliser le sujet, tout chercheur lorsqu’il entreprend une

étude, quadrille toujours une zone de travail. Aussi pour notre
situation, avons-nous souhaité, mettre en place ou concevoir un site
web pour aider les étudiants de l’ULPA de s’inscrire en ligne et de
recevoir quelques informations de l’université.

b. Dans le temps

Le temps est un facteur très important déterminant dans une étude.

A cet effet notre étude a couvert la période allant du mois de février au

mois d’octobre 2023 se basant ainsi sur le besoin de concevoir un site
web.
 Page |8

05 METHODE ET TECHNIQUES UTILISEES

a. METHODES

La méthode au sens philosophique, dans son sens plus élevé et général

du terme, est constituée de l’ensemble des opérations intellectuelles
par lesquelles une discipline cherche à atteindre les vérités qu’elle
poursuit, les démontre, les vérifie.

Dans cette étude, les méthodes utilisées sont les suivantes :

a. Clinique

Elle émet un diagnostic sur un élément ou un fait étudié, suivi le

plus souvent d’une prescription ou d’une thérapeutique en vue de
permettre ou d’aider cet élément à continuer d’exister. Elle nous a
permis de faire anomalies, directe et de dégager dans l’analyse de
l’existant, les anomalies, déterminer les causes et proposer les
solutions en ce qui concerne le partage des informations dans la gestion
du bureau de la régie de voie fluviale.

b. Descriptive
C’est une question d’une description pure et simple des faits ou
des événements. Concernant notre travail de TFC, cette méthode nous
a permis de décrire non seulement le type du site web à implémenter
mais aussi l’ensemble d’éléments constitutifs de site web informatique.

b. TECHNIQUES

Les techniques sont les outils de recherche mis en œuvre en

fonction d’une stratégie définie par la méthode. Les techniques
utilisées sont les suivantes :
 Page |9

a. Observation directe
Tout au long de notre étude, nous avons compris les difficultés
causées par l’absence des matériels informatiques causant ainsi le
disfonctionnement de l’organisation.

b. Documentaire
Cette technique a consisté à la consultation des ouvrages des
programmations web master dans les différentes bibliothèques et les
notes des cours dispensés à l’ULPA.

c. Interview
Par cette technique, nous avons interrogé les cadres et agents de
l’ULPA pour recueillir les informations importantes sur notre recherche.

06 SUBDIVISION DU TRAVAIL

Hormis la partie introductive et la conclusion générale, notre travail du

TFC est subdivisé en deux grandes parties à savoir :

La première partie aborde l’approche théorique, dans laquelle nous

avons un chapitre : Le premier chapitre parle de concept de base.

La deuxième présente le cadre conceptuel à travers l’Analyse de

l’existant
Troisième circonscrit l’approche pratique et l’Implantation du site web.
 P a g e | 10

CHAPITRE I : L’APPROCHE THEORIQUE ET CONCEPT DE BASE

I.1. INTRODUCTION
Le développement des techniques informatiques depuis ces
dernières années a permis d’appliquer les outils informatiques dans
l’organisation des entreprises. Vu l’immense volume de données
manières par ces deniers, la puissance des micro-ordinateurs, les
performances des réseaux et la baisse considérable des coûts du
matériel informatique ont permis l’application d’une nouvelle
approche afin de remédier aux difficultés causées par la centralisation
des données, et c’est en répartissant les ressources informatiques et
tout en préservant leur cohérence, les bases de données réparties sont
un moyen performant pour diminuer les problèmes provoqués par
l’approche centralisées.

« L’informatique est l’art de traiter l’information par des procédés

informatiques ». Il est aussi un domaine d’activité scientifique,
technique et industriel concernant le traitement automatique de
l’information via l’exécution des programmes des automates, etc.

I.2. DEFINITION DES CONCEPTS

La définition des concepts d’étude revient à faciliter la

compréhension de différents termes utilisés dans le travail au moment
de sa réduction, tout en se référant aux mots clés de notre thème
d’étude.

I.2.1. Le Web :

I.2.1.a. L’historique du Web :

Le Word Wide Web (www) a été mis en place par Tim-Berners Lee qui
est considéré comme le père fondateur du web. Au milieu des années
1990, Internet fait son apparition au grand public en version 1.0 via des
 P a g e | 11

pages statiques codés en HTML. Il s’agit de sites non interactifs

principalement destinés {la recherche d’informations : encyclopédies,
etc. Au début des années 2000, le web a évolué et il est devenu
dynamique. Il s’agit de sa version 1.5. Il est maintenant possible de
consulter du contenu dynamique en ligne, via des bases de données:
boutique en ligne, etc.

(A noter que c’est aussi l’avènement des start-up qui surfent sur la
vague du web dynamique, accessible à tous). En 2004, Dale Dougherty
utilise le terme « Web 2.0 » qui sera vite repris par Tim O’Reailly,
spécialiste du World Wide Web ; l’apparition du web 2.0 prend une
véritable dimension sociologique, pour Joshua Porter, le web 2.0 « c’est
le partage de l’information, fondé sur des bases de données ouvertes
qui permettent à d’autres utilisateurs de les employer. Depuis
quelques mois, on entend de plus en plus parler du Web 3.0, c'est-à-
dire un web encore plus humain, encore plus intelligent.

I.2.1.b. Définition :

Le world wide web (ou WWW ou W3, souvent appelé Web) signifie
littéralement la "toile d'araignée recouvrant le monde" est le service
d’information le plus récent d’internet, il est constitué de millions de
pages web, résident sur des serveurs web et accessible via leurs
addresses internet respective ou URL, par le biais d’un navigateur
(explorateur) web. Le web constitue une véritable bibliothèque
virtuelle d’où l’on peut contenir un grand nombre de documents. Son
taux de croissance a été flagrant depuis les dernières années et s’est
vite établie comme une ressource d’information incontournable.
I.2.1.c. Les concepts du web:

Page web : Une page web est une ressource du world wide web
conçue pour être consulter par des visiteurs à l’aide d’un
navigateur web. Techniquement, une page web est souvent
constituée d’un document en HTML et d’images. Une page WEB
 P a g e | 12

est une page mise en forme avec des liens hypertextes. La mise
en forme d'une page repose sur le HTML, ce qui signifie Hyper
Text Makup Language. Donc inutile de coder directement du
HTML, l'essentiel étant de pouvoir recourir à un manuel de
référence du HTML pour pouvoir comprendre la source afin de
débuguer des anomalies rencontrées avec votre éditeur HTML.

 Navigateur web : C’est un logiciel client qui permet à l’utilisateur

de chercher et de consulter des documents sur internet, et
d’exploiter les liens hypertextuels qu’ils comportent.
 HTTP (Hyper Text Transfer Protocol) : Le plus utilise des
protocoles de communication sur le world wide web. Il a un client
web d’indiquer quelle page il veut obtenir, et au serveur web de
lui répondre en lui donnant cette page.

 URL (Uniform Resource Locator) : est une chaine de caractères

respectant un schéma de construction bien précis. Il permet
d’accéder à une ressource donnée, via internet. Dans le web cette
ressource est un document ou un fragment.

 FTP (File Transfert Protocol) : est un Protocol de transfert de

fichiers, qui est utilisé pour le transfert de fichiers sur internet.

 Moteur de recherche : Les moteurs de recherché sont des

serveurs qui indexent un certain nombre de sites web et vous
permettent généralement de recherché les documents qui vous
intéressent à l’aide d’un mot clé.

 Hyper lien : est une référence dans un système hypertexte

permettant de passer automatiquement d’un document consulté
a un document lié. Les hyperliens sont notamment utilisés dans
le world wide web pour permettre le passage d’une page web à
une autre d’un simple clic. Un hyperlien a une source (origine) et
une destination (cible).
 P a g e | 13

 Hyper Text : Un système HyperText est un système contenant des

nœuds liés entre eux par des hyperliens permettant de passer
automatiquement d’un nœud a un autre. Un nœud est une unité
minimale d’informations. Site web : aussi appelé site internet
par abus de langage.

I.2.2. Les sites Web :

I.2.2.1. Définition :

Un site web est un ensemble de pages écrites dans un langage

normalisé de maniéré à être compris par tous les navigateurs.
L’organisme qui décrit et décide des évolutions de ce langage s’appelle
le W3C, et préconise l’utilisation du HTML pour la création de pages
web.

I.2.2.2 Classification des sites web :

On peut classifier les sites web selon le type des pages qu’ils offrent
comme suite :

a. Distinction selon le but poursuivi et le contenue

 Les Sites catalogue : permettent de présenter les produits d'une

entreprise et de les mettre en valeur.

 Les Sites d'information sont des sites fournissant des informations

particulières à des internautes.
 Les Sites institutionnels sont des sites destinés à décrire l'activité
d'une organisation, et à donner les informations nécessaires aux
clients ou aux bénéficiaires.
 P a g e | 14

 Les Sites personnels (parfois pages perso) sont des sites réalisés
par des particuliers à titre de loisir, le plus souvent par passion
pour un sujet ou une discipline.

 Les Sites communautaires sont des sites réunissant des

internautes autour d'un intérêt commun.

 Les Sites intranet sont des sites accessibles de l'intérieur d'une

entreprise ou d'une direction, ayant pour objet la mise à
disposition et le partage d'informations professionnelles.

 Les Sites vitrine (sites plaquette ou sites identité) sont des sites
dont l'objectif est de mettre en avant l'image de marque de la
société, en présentant par exemple ses produits ou ses services.

b. Distinction selon les fonctionnalités et les techniques :

 Les sites web statiques :

On appelle site web statique la création d’un site internet
composé de pages web statiques. Une page est dite statique
lorsque son contenu est fixe, invariable quel que soit l’utilisateur
qui la consulte, contrairement aux pages d’un site web
dynamique dont le contenu s’affiche en fonction d’une demande
de l’utilisateur.
 P a g e | 15

Un site web statique Est moins coûteux qu’un site web

dynamique, sauf si le site est particulièrement volumineux ou que
la priorité est mise sur un design pointu. Toutes les pages sont
individualisées ce qui permet d'obtenir un bon référencement.
L'historique du site est également conservé dans sa globalité et
en l'état sur le net, ce qui facilite le travail de référencement sur
la durée. Le coût de développement d’un site statique est moins
élevé que celui d’un site dynamique. Cependant, les mises à jour
requièrent certaines compétences informatiques (langage de
programmation et notions de webdesign).

Si ces compétences ne sont pas présentes dans l’entreprise, le

recours à un prestataire externe sera nécessaire. Des mises à jour
fréquentes et un volume important du site web rendront ce
travail de suivi plus lourd à gérer.

 Les sites vitrines :

Ce sont des sites qui servent de carte de visite améliorée, ou de
book en ligne. Généralement, l'aspect graphique du site est
privilégié au contenu, la fréquence de mise à jour est assez
réduite et le site est géré par une seule personne. La fonction
essentielle de ce genre de sites est d'être présent sur Internet et
de rendre accessible son travail ou autre à l'ensemble des
internautes...

 Les sites marchands :

Ce sont des sites de vente en ligne, généralement de grosses
centrales de vente, spécialisées dans différents domaines, par
exemple [Link]. Ces sites sont généralement gérés par un ou
plusieurs webmestres, et reposent sur l'emploi de bases de
données et de systèmes comme le paiement sécurisé, la gestion
de comptes clients etc. Généralement le graphisme est assez
simple et le contenu mis en avant.
 P a g e | 16

 Les webzines :
Ce sont des sites à fort contenu rédactionnel (presse
électronique, sites communautaires...) qui sont gérés et mis à jour
par différentes personnes, ayant des statuts différents. On parle
soit de rédacteur, soit d'administrateur, avec des restrictions en
fonction du statut. On peut comparer ce genre de site à une
application en ligne, qui génère automatiquement les pages du
site sans avoir de connaissances poussées sur la création de site
Internet

 Sites dynamiques : Ce sont des Sites web dont les pages HTML se
construisent dynamiquement lors de leur consultation par un
internaute. Les informations sont changeantes car extraites à
partir de bases de données régulièrement mises à jour. La
construction de sites dynamiques repose sur des technologies de
scripts telles que PHP, ASP ou ColdFusion...

 Sites collaboratifs : Un site collaboratif est un site dynamique dont

le contenu est librement modifiable en ligne par tout visiteur, ce
qui rend l'utilisateur contributeur. Ce dernier publie des
informations, manipule les données et alimente le contenu : de
l'écrit avec les wikis, du son avec les podcasts notamment, de la
vidéo sur les sites d'échanges façon YouTube, ou encore des
photos avec Flickr. Le développement de sites collaboratifs
repose sur la gestion des forums, des news, des flux RSS, contenus
collaboratif, échanges etc.

c. Distinction selon les types d’accès

 Sites publics : ce sont des sites dont les pages peuvent être
visitées par tous.

 Sites privés : ce sont des sites qui ne donnent accès à aucune page
autre que la page d'accueil, sans une inscription préalable. L'accès
 P a g e | 17

à ce type de sites peut être libre (accessible par tous) ou restreint

(accessible par un groupe de personnes spécifique).

 Sites gratuits : ce sont des sites qui offrent des services et outils
gratuits.

 Sites commerciaux : ce sont des sites de vente en ligne.

La création d'un site web est un projet à part entière comprenant un

grand nombre de phases dont :

 La conception
 La réalisation
 L'association d'un nom de domaine
 L'hébergement et la mise en ligne
 Le référencement et la promotion

Dans ce qui suit les principales étapes de la création d'un site web sont
définies:

I.2.3. La conception

La conception d'un site permet de mettre en place un modèle sur lequel

on va s'appuyer lors de l'implémentation. Cette étape doit donner lieu
à l'élaboration d'un cahier des charges décrivant l'ensemble des
fonctionnalités prévues pour la réalisation du site web. La conception
d'un site Internet découle ainsi directement de la définition des
besoins. L'analyse des besoins du site concerne alors les points suivants
:

 Le choix du type de site à réaliser (vitrine, marchand, etc.) : Cela

dépend du but du site.
 P a g e | 18

 Le type de contenu qu'il faut intégrer dans le site : Un site web se

construit en fonction de son contenu. Il faut savoir de quels types
de documents le concepteur dispose-t-il pour alimenter le site.
Cela peut être du texte, des images, des animations, de la vidéo
ou du son...

 La forme des données : CD-ROM, disquette, papier, photos, etc.

Ce qui permet d'estimer le temps éventuel de numérisation des
données.

 Déterminer le public du site : Savoir à qui le concepteur s'adresse

est primordial pour définir un certain nombre d'éléments liés à
l'aspect graphique et au ton rédactionnel qu'il convient
d'employer.

 Définir la structure du site : Il s'agit d'organiser le contenu du site

de manière logique pour que les internautes puissent accéder à
l'information le plus rapidement et le plus simplement possible,
sans être perdus au bout de quelques clics. La structure la plus
souvent adoptée comprend :

 Une page d'accueil : c'est la première page du site. Cette page

renvoie sur les différentes rubriques contenues dans le site.
 La page présentation : servant à présenter le site et son
contenu.
 Les pages rubriques : ce sont les autres rubriques du site.
 La page contact : définissant les approches de contact, soit par
mail soit par voie postale classique, offertes aux internautes.

I.2.3.1. Définir la charte graphique du site :

 P a g e | 19

C'est l'élaboration et la description des différents éléments graphiques

qui composent l'aspect du site web. L'ensemble comprend le logo, une
bannière, les boutons, les en-têtes, les images, les couleurs, les polices
de caractères utilisées, le système de navigation ... Le graphisme est un
élément important pour la fréquentation du site et la compréhension
de son contenu. Quand on recherche une information sur Internet, on
obtient une multitude de réponses. Le graphisme peut être un élément
décisif dans le choix de l'internaute.

I.2.4. Réalisation :

Après la conception Web vient la réalisation qui est l'étape de

concrétisation technique du projet client. C'est la phase de
développement pur, celle où il faut produire le code nécessaire aux
besoins du site. C'est à ce moment que les maquettes graphiques sont
transformées en pages HTML.

La réalisation d'un site web s'appuie sur un ensemble d'outils et de

technologies de développement Web. On distingue :

 Les technologies côté : Il s'agit de l'ensemble des outils pris en

charge par le navigateur
 Les technologies côté serveur : Il s'agit de l'ensemble des outils
exécutés sur le serveur web.

Ces technologies sont définies dans ce qui suit : + Les technologies côté
client :
Les technologies côté client permettent de gérer l'interface utilisateur
de chaque page. Lorsqu'une page Web est consultée par un visiteur, le
serveur HTTP se contente de transmettre au client le code source de
celle-ci. C'est ensuite au navigateur du client d'interpréter le code reçu.
Parmi les technologies coté client on cite :
CSS (Cascading Style Sheet) est un langage de mise en forme qui permet
de décrire la présentation d'un document (positionnement des
éléments, l'alignement, les polices de caractères, les couleurs, les
 P a g e | 20

marges et espacements, les bordures, les images de fond, etc.) écrit en

HTML ou XML indépendamment de sa structure.

XSL (Extensible Stylesheet Language) est considéré comme l'équivalent

du CSS pour XML. C'est un langage qui permet de décrire la manière
dont des documents XML doivent être présentés. Ainsi, là où XML
structure le fond d'un document (i.e. son contenu), XSL structure sa
forme.

JavaScript : c'est un langage de script dérivé de java. JavaScript permet

de dynamiser la présentation du contenu (animations, textes
défilants...) ou de contrôler les données saisies dans des formulaires
html.
Applets java : Une applet est un petit programme java pouvant être
intégré dans une page Web et qui réside sur le serveur. Les applets
servent à défiler du texte, présenter des menus, créer des animations,
des formulaires capables de réagir à des informations entrées par
l'utilisateur, ou tout autre type d'effets interactifs sur une même page
Web.

 Technologies côté serveur :

Ces technologies permettent de générer des pages en langage client :

le serveur HTTP fait interpréter le code puis encapsule le résultat dans
une page HTML qui va être envoyée par Internet au navigateur, qui va
pouvoir la lire. La génération de cette page peut se faire en fonction de
paramètres connus du serveur uniquement. Parmi les technologies
coté serveur on cite :

ASP (Active Server Pages) est une technologie Web initiée par Microsoft
en 1996 permettant d'exécuter des scripts côté serveur et développer
des applications Web dynamiques en fournissant un accès simple à des
bases de données.
 P a g e | 21

Une page ASP est en fait une page HTML à laquelle une partie de code
de programmation a été ajoutée. Ce code peut être programmé en
divers langages de script, tel VB Script, JScript, Perl Script ou Python.

Un script CGI (Common Gateway Interface ou interface de passerelle

commune) est un programme exécuté du côté serveur, permettant de
cette façon l'affichage de données traitées par le serveur (provenant
d'une autre application, comme un système de gestion de base de
données, d'où le nom de passerelle). C'est l'usage le plus courant des
programmes CGI.

Coldfusion est une application serveur créé par la firme

Allaire(Macromedia) utilisé pour développer des applications Web
comme la mise en oeuvre de sites marchands ou d'information.
JSP (Java Server Pages) est une technologie basée sur JAVA permettant
la génération de pages web dynamiques. JSP consiste en une page
HTML incluant du code Java (appelées scriptlets Java) qui s'exécutera
sur le serveur.
Servlet java est une technologie introduite par Sun jouant un rôle
symétrique à celui des applets, mais côté serveur. Cette technologie
serveur permet de générer des pages Web dynamiques, dont le
contenu, issu de programmes d'applications sur le serveur, est adapté
aux spécifications et aux requêtes d'utilisateurs particuliers. Tout
comme pour les scripts CGI, les servlets Java réalisent la liaison entre
des requêtes clientes et des données ou applications liées à un serveur.

a. Association du nom de domaine

Un site web est identifié sur Internet grâce à une adresse web.
L'adresse web est généralement composée de trois parties :

 Le service.
 La racine c'est-à-dire le nom correspondant au nom de domaine
proprement dit.
 Le suffixe communément appelé extension (ou nom de domaine).
 P a g e | 22

Exemple : [Link]
Service racine nom de domaine
Les domaines sont répartis en deux grandes catégories :
Les domaines de premier niveau (TLDs pour Top Level Domains)
caractérisant une zone géographique (.fr : France, .eu : Europe, .dz :
Algérie, ...)
Les domaines de second niveau (sLDs) caractérisant la nature de
l'organisation (.com : commercial, .gov : gouvernementale, .edu :
éducation ...).

Avant d'attribuer un nom de domaine à un site donné, il est conseillé

de vérifier si ce dernier est réellement disponible. Pour cela, il existe
des organismes à même de fournir des informations sur les noms de
domaines disponibles ou non, par exemple :

 Aazed: base de données de noms de domaine à vendre.

 AFNIC (Association Française pour le Nommage Internet en
Coopération) : Pour trouver les noms de domaines en .fr .
 Internic : moteur de recherche mondial des noms de domaine.
Très utile, notamment pour les noms de domaines génériques.
 Networksolutions: permet de vérifier les noms en .com, .org et
.net, dépôt possible mais il faut posséder une IP primaire et
secondaire.
 Namedroppers: très bon moteur de noms de domaine. A partir
d'un terme donné, Namedroppets propose tous les noms de
domaine contenant ce mot.
 RIPE : recherche parmi les noms de domaines attribués au niveau
européen.
 [Link]: le plus pratique, il permet de vérifier la disponibilité
d'un nom de domaine, voire d'en connaître le propriétaire.

Une fois le nom de domaine choisi, il s'agit de l'enregistrer auprès d'un

organisme compétent, à l'issue de quoi ce nom de domaine peut
ensuite être utilisé
 P a g e | 23

b. Hébergement

Afin de rendre un site web disponible sur Internet, il est nécessaire de

le faire héberger sur un serveur web. L'hébergement est un service
assuré par un fournisseur spécialisé appelé hébergeur Internet qui met
à disposition du site, un espace disque dédié sur un serveur web
connecté en permanence à Internet.
L'hébergement peut être gratuit ou payant, dédié ou mutualisé.

 Hébergement gratuit :
L'hébergement de site web gratuit est le plus souvent offert en échange
de la diffusion de messages publicitaires. Des messages
automatiquement intégrés au site internet, sous la forme de bannières
ou de
popups, disposées généralement en haut ou sur les côtés des pages
web. Les hébergeurs tirent leurs revenus exclusivement de publicités
placées sur les sites.

 Hébergement payant :

Il se décompose en deux catégories :

Hébergements partagés ou mutualisés : On parle d'hébergement
mutualisé lorsque plusieurs sites Internet sont hébergés sur un seul et
même serveur. La notion « mutualisé » signifie « partagé ». Ce type de
formule propose donc un serveur avec une configuration donnée et
une offre logicielle (serveur, bases de données, comptes de messagerie,
serveur de listes de diffusion, etc.) ainsi qu'un espace de stockage bien
défini. Ce type d'hébergement est utilisé par tous les hébergeurs
gratuits et de nombreux hébergeurs payants. Il présente l'avantage
d'être relativement peu cher. De plus, aucune connaissance
d'administration n'est nécessaire et de nombreux services sont inclus.
Cependant les performances ne sont pas forcément très bonnes et le
client n'a pas accès au serveur en tant qu'administrateur.
 P a g e | 24

Hébergements dédiés : L'hébergement dédié s'oppose à l'hébergement

mutualisé. Par conséquent, chaque client possède son propre serveur,
ce qui lui permet un accès direct en tant qu'administrateur : Il est le
responsable des logiciels et des sites qu'il installe ce qui est le principal
avantage de ce type d'offre. Ce type d'hébergement est utile pour les
sites ayant un important trafic et un fort contenu dynamique.
Cependant cela demande beaucoup de temps et de nombreuses
connaissances au niveau de l'administration. Cet inconvénient est
cependant levé dans les hébergements dédiés dits "managés" ou "clés
en main". Dans ce cas, le client dispose de son propre serveur mais c'est
les techniciens de l'hébergeur qui s'occupent de sa gestion système.
Une fois l'hébergeur trouvé, il est essentiel de le mettre en ligne, c'est-
à-dire de transférer (copier) les fichiers depuis le serveur du
développeur vers le serveur de l'hébergeur Internet. Pour ce faire il est
alors essentiel de se connecter à internet, puis d'envoyer les pages sur
le serveur à l'aide de logiciels de transfert FTP.

c. Référencement du site et promotion :

Le référencement est l'ensemble des activités qui permettent à un site

web d'apparaître dans les premières pages des moteurs de recherche
lorsqu'un internaute effectue une recherche à partir de quelques mots
clés. Ce service a l'avantage de faire connaître le site aux internautes,
d'en accroître la visibilité et d'en augmenter ainsi le nombre de
prospects.
 P a g e | 25

I.3. Conclusion

Dans ce chapitre nous avons donné un aperçu de ce qu'est l'Internet,

des services qu'il offre parmi lesquels le web. Nous avons alors détaillé
les concepts du web et des technologies associées, ainsi que la
programmation du web et du projet de développement des sites web.

Notre travail dans le cadre de ce TFC concerne la conception et

réalisation d’un site web des inscriptions en ligne dans une université
cas de l’ULPA.

Le chapitre suivant est dédié à l’approche pratique et l’Implantation du

site web.
 P a g e | 26

CHAPITRE II : LE CADRE CONCEPTUEL A TRAVERS L’ANALYSE DE

L’EXISTANT

L’Université Libre Protestante en Afrique (ULPA). C'est une université

privée située à Kinshasa, en République Démocratique du Congo. Elle a
été fondée en 2017 par l'Église Protestante du Congo. L'ULPA offre un
large éventail de programmes de premier cycle et de troisième cycle
dans les domaines des sciences, des lettres et des sciences sociales.

II.1. Voici quelques informations sur l'ULPA :

 Date de fondation : 2017

 Siège social : Kinshasa, République Démocratique du Congo
 Langues d'enseignement : Français et anglais
 Programmes offerts : Premier cycle et troisième cycle
 Domaines d'études : Sciences, lettres et sciences sociales

L'ULPA est une université reconnue par le gouvernement de la

République Démocratique du Congo. Elle est également membre de
l'Association des Universités Africaines (AUA).

II.2. Voici quelques-uns des programmes offerts par l'ULPA :

**Programmes de premier cycle**

Sciences : Mathématiques, Physique, Chimie, Biologie, Informatique
Lettres : Français, Anglais, Histoire, Géographie, Philosophie,
Psychologie
Sciences sociales : Économie, Gestion, Droit, Sciences politiques
**Programmes de troisième cycle**
Master en Sciences
Master en Lettres
Master en Sciences sociales
Doctorat en Sciences
 P a g e | 27

Doctorat en Lettres
Doctorat en Sciences sociales
L'ULPA offre également des programmes de formation continue et de
développement professionnel.
L'ULPA est une université en pleine croissance qui contribue au
développement de l'éducation et de la recherche en République
Démocratique du Congo.

II.3. L’organigramme
 P a g e | 28

II.4. Conclusion
Dans ce chapitre nous venons de présenter l’historique l’université libre
protestante en Afrique et quelque explication a ceux qui concerne la
date et le fondateur de l’université.
 P a g e | 29

CHAPITRE III : L’APPROCHE PRATIQUE ET L’IMPLANTATION DU

SITE WEB

III.1 INTRODUCTION :

Ce chapitre couvre la création et la mise en œuvre des différents

programmes, interfaces, langages et bases de données, qui servent à la
constitution de notre site web et de ses fonctionnalités. Nous décrivons
l'environnement de création du site en html, css et JavaScript et ensuite
nous présenterons quelques interfaces résultantes.

III.1.1. Les outils de développement :

III.1.1.a. Visual Studio Code:

Visual Studio Code est un éditeur de code source léger, mais puissant,
qui s'exécute sur votre bureau et est disponible pour Windows,
MacOs et Linux.

Les fonctionnalités incluent la prise en charge du débogage, la mise en

évidence de la syntaxe, la complétion intelligente du code
(IntelliSense.), les snippets, la fautorisation du code et Git intégré. Les
utilisateurs peuvent modifier le thème, les raccourcis clavier, les
préférences et installer des extensions qui ajoutent des fonctionnalités
supplémentaires.

Le code source de Visual Studio Code provient du projet

logiciel libre et open source VS Code de Microsoft publié sous la licence
MIT permissive, mais les binaires compilés constituent un freeware,
c'est-à-dire un logiciel gratuit pour toute utilisation mais propriétaire.

Dans le sondage auprès des développeurs réalisé par Stack Overflow en

2021, Visual Studio Code a été classé comme l'outil d'environnement
 P a g e | 30

de développement le plus populaire, avec 71,06 % des

82 277 répondants déclarant l'utiliser.
 P a g e | 31

III.1.1.b. Interface PHP myAdmin

phpMyAdmin est une application web qui permet de gérer un serveur

de bases de données MySQL. Dans un environnement multiutilisateur,
cette interface écrite en PHP permet également de donner à un
utilisateur un accès à ses propres bases de données.

La figure suivante montre une copie d'écran de la page d'accueil de

PHPmyadmin. L’écran est divisé en deux parties. Sur la gauche on peut
afficher toutes les bases de données gérés par le serveur. La partie
droite présente l'ensemble des opérations disponibles en fonction du
contexte.

III.1.1.c. css

Le CSS (Cascading Style Sheet) « feuilles de style en cascade » est un

langage informatique servant à décrire la présentation et le style d’un
document HTML et XML. Datant des années 90, ce langage sert
principalement au développement de sites web.
 P a g e | 32

III.1.1.d. JavaScript

JavaScript est un langage de programmation utilisé par les

développeurs pour concevoir des sites web interactifs. Les fonctions
JavaScript peuvent permettre d'améliorer l'expérience utilisateur d'un
site web, de la mise à jour des flux de médias sociaux à l'affichage
d'animations et de cartes interactives.

JavaScript fait partie des langages de programmation les plus

populaires au monde. Qu'est-ce-qui explique ce succès ? Que permet-
il de faire dans un environnement web ? Comment maîtriser le
JavaScript sans forcément être un as de l'informatique ? Voici tout ce
que vous devez savoir sur le JavaScript avant de vous former.
 P a g e | 33

III.2 APERCUS GRAPHIQUE ET FONCTIONNEMENT DE NOTRE SITE WEB :

Dans cette partie on va expliquer le contenu de quelques pages de

notre site web.

III.2.1. Page d’Accueil

III.2.2. Page d’à propos de l’université

 P a g e | 34

III.2.3. Page des dirigeants de l’Université

III.2.4. Page des facultés organisées

 P a g e | 35

III.2.5. Page des facultés organisées

 P a g e | 36

III.2.6. Page d’Inscription

P a g e | 37
 P a g e | 38

III.3. Quelques codes sources

III.4. Conclusion

Ce chapitre présente les outils de développements que nous avons

utilisé pour la réalisation de la plateforme. Nous avons présenté
également le plan de notre site web et quelques aperçus graphiques de
notre site avec un bref explications pour chacun.
 P a g e | 39

CONCLUSION

L'Informatique induit toujours un constant apprentissage, quelque

degré de compétence qu'on ait atteint. C'est pourquoi, ce travail qui est
une série d'autres travails dans le domaine de site web se contentera,
en guise de conclusion, d'une observation et d'une recommandation.
Partant strictement de l'expérience vécue sur les trois dernières années
de nos études et le un mois de stage à Master IT nous recommandons
vivement ce qui suit :
 La vie de toute société d'aujourd'hui, repose sur la valeur de son
information de gestion, essentiellement la diffusion sur site web.
Les entreprises publiques et privées doivent réaliser que l'avenir de
notre société dépend entre autres de la qualité de notre information
de gestion. Les moyens doivent être mis à la disposition de la poste pour
assurer la réception et surtout l'expédition des courriers en temps réel.

Voilà que nous sommes au dénouement de notre travail qui a pour but
de réaliser un site web qui permettra tous étudiant suivre les
informations de l’université sur le net à travers le site web et faire
l’inscription en ligne.

Cela étant, notre recherche a été passionnée par les questions et

réponses retrouvées dans la problématique et l'hypothèse à la page 4
et 5 de ce travail.
En effet, nous avons utilisé la méthode historique qui nous a servi à
mieux maîtriser certaines étapes de conception d'un site web ainsi que
la méthode merise pour l'analyse du système d'information de l'ULPA.

La technique documentaire nous a permis de faire la lecture des

certains ouvrages et l'interview dans le but de trouver des explications
sur le système d'information. Nous pensons que par la conception et la
réalisation d'un site web de l’Université Libre Protestante en Afrique
(ULPA), contribuer sensiblement à l'amélioration de son système
d'information dans sa gestion en temps réel.
 P a g e | 40

Table des matières

CHAPITRE I : L’APPROCHE THEORIQUE ET CONCEPT DE BASE ....................................... 10

I.1. INTRODUCTION ........................................................................................................... 10
I.2. DEFINITION DES CONCEPTS ........................................................................................ 10
I.2.1. Le Web : .................................................................................................................... 10
I.2.1.a. L’historique du Web : ............................................................................................ 10
I.2.1.b. Définition : ............................................................................................................. 11
I.2.1.c. Les concepts du web: ............................................................................................ 11
I.2.2. Les sites Web : .......................................................................................................... 13
I.2.2.1. Définition : ............................................................................................................. 13
I.2.2.2 Classification des sites web : ................................................................................. 13
I.2.3. La conception ........................................................................................................... 17
I.2.3.1. Définir la charte graphique du site : .................................................................... 18
I.2.4. Réalisation : .............................................................................................................. 19
I.3. Conclusion ................................................................................................................... 25
CHAPITRE II : LE CADRE CONCEPTUEL A TRAVERS L’ANALYSE DE L’EXISTANT ............... 26
II.1. Voici quelques informations sur l'ULPA : .................................................................. 26
II.2. Voici quelques-uns des programmes offerts par l'ULPA : ........................................ 26
II.3. L’organigramme ......................................................................................................... 27
II.4. Conclusion .................................................................................................................. 28
CHAPITRE III : L’APPROCHE PRATIQUE ET L’IMPLANTATION DU SITE WEB ................... 29
III.1 INTRODUCTION : ........................................................................................................ 29
III.1.1. Les outils de développement : .............................................................................. 29
III.1.1.a. Visual Studio Code: ............................................................................................. 29
III.1.1.b. Interface PHP myAdmin...................................................................................... 31
III.1.1.c. css ......................................................................................................................... 31
III.1.1.d. JavaScript ............................................................................................................. 32
III.2 APERCUS GRAPHIQUE ET FONCTIONNEMENT DE NOTRE SITE WEB : .................... 33
III.2.1. Page d’Accueil ........................................................................................................ 33
III.2.2. Page d’à propos de l’université ............................................................................. 33
III.2.3. Page des dirigeants de l’Université ....................................................................... 34
 P a g e | 41

III.2.4. Page des facultés organisées ................................................................................. 34

III.2.5. Page des facultés organisées ................................................................................. 35
III.2.6. Page d’Inscription ................................................................................................... 36
III.3. Quelques codes sources ........................................................................................... 38
III.4. Conclusion ................................................................................................................. 38
CONCLUSION ..................................................................................................................... 39