Centre National des Œuvres Universitaire du Mali

CENOU

RAPPORT DE PROJET DE FIN DE STAGE

CRÉATION D’UN SITE web de CENOU

Sous la supervision de
Ahmadou Zakaria TRAORE, Chef de Cellule Informatique et Communication de CENOU-Mali
Élaboré par : BOUASSA Alassane TOGOLA
Encadré par : Oumar TRAORE, Chef de Section Support et Exploitation du CENOU-Mali

Année 2023
Table des matières

1 Introduction Générale 3

2 Analyse des Besoins et Spécifications 4

2.1 Introduction................................................................................................................................................................4
2.2 Présentation du projet :............................................................................................................................................4
2.2.1 Objectif :.......................................................................................................................................................4
2.2.2 Cible et caractéristique :............................................................................................................................4
2.3 Description du contenu :..........................................................................................................................................4
2.3.1 Étude de l’existant :.....................................................................................................................................4
2.3.2 Spécification des besoins fonctionnels :.................................................................................................5
2.3.3 Spécification des besoins non fonctionnels :.........................................................................................5
2.3.4 Conception....................................................................................................................................................6
2.3.5 Environnement de travail :........................................................................................................................6
2.3.6 Conclusion....................................................................................................................................................7

3 Conception 8
3.1 Conception fonctionnelle.........................................................................................................................................8
3.1.1 Introduction :................................................................................................................................................8
3.1.2 Acteurs :........................................................................................................................................................8
3.1.3 Diagramme de cas d’utilisation................................................................................................................8
3.1.4 Diagramme de classes................................................................................................................................9
3.2 Conception technique.............................................................................................................................................10
3.3 Conclusion................................................................................................................................................................10

4 Réalisation 11
4.1 Introduction..............................................................................................................................................................11
4.2 Les outils et les langages utilisés :.......................................................................................................................11
4.3 Cas : S’inscrire au système :..................................................................................................................................12

5 Conclusion et perspectives 13
*

1
Table des figures

3.1 Diagramme de cas d’utilisation..............................................................................................................................9

3.2 Diagramme de classe..............................................................................................................................................10
3.3 Outils utilisés pour la conception........................................................................................................................10

2
Chapitre 1

Introduction Générale

Depuis ces deux derniers siècles, l’humanité a fait des pas énormes dans tout ce qui a attrait à l’innovation et
aux progrès technologiques. Cette grande évolution a grandement servi à l’Homme dans son ensemble et
aussi a amélioré de façon considérable son niveau de vie.
L’informatisation a facilité la tâche de l’Homme, il devient donc possible de partager les informations et
d’accéder à distance à tous ce dont on a besoin.

C’est dans ce cadre que s’inscrit mon projet de fin de Stage (PFS) qui porte sur le développement d’une plate-
forme qui porte sur « la conception et la réalisation d’un système d’information pour le CENOU » afin
d’améliorer la gestion et la communication.

Une présence d’un tel système est indispensable afin de faciliter la communication entre CENOU et ses
partenaires, optimiser le processus de gestion et améliorer certains services.
Ceci permettra de collecter, stocker, traiter et diffuser de l’information concernant les étudiants Universitaires du
Mali.

Je remercie Monsieur Ahmadou Zakaria TRAORE, Chef de Cellule Informatique et Communication de

CENOU pour son appui indéfectible dans la réalisation de ce projet.

3
 Chapitre 2

Analyse des Besoins et Spécifications

2.1 Introduction
Dans ce chapitre, je présente l’étude préalable qui doit être élaborée avant d’entamer la mise en place de ma
plateforme. Pour cela, je commence par donner un aperçu de l’ensemble des problèmes qui seront résolus
dans ce projet. Je détaillerai ensuite les exigences fonctionnelles, à savoir les fonctionnalités requises par
l’utilisateur pour me placer dans l’optique du démarrage de réalisation d’un projet réel.

2.2 Présentation du projet :

2.2.1 Objectif :
Mon projet consiste à la création d’un site internet pour assurer la communication entre CENOU et ses
partenaires.
Ce Site permet notamment de passer des informations concernant les étudiants, de faire la réclamation en ligne, et
de vérifier la validation d’inscriptions administratives en lignes, de faire la demande de logements en ligne.
.

Pour aboutir à cette fin, je vais tout d’abord effectuer une étude conceptuelle du site. Cette dernière nous
permettra, en effet, d’accéder facilement à la réalisation de la plateforme en organisant les idées et en
structurant le processus de codage suivant des diagrammes.

2.2.2 Cible et caractéristique :

Description de la cible : Étudiants, administrateurs, internautes.
Le projet vise comme :

• Cible principale : les étudiants Universitaires du Mali.

• Cible secondaire : les administrateurs et les internautes.

2.3 Description du contenu :

2.3.1 Étude de l’existant :

Le système, s’appuie sur la vérification des informations existantes du Centre National des Œuvres Universitaires
du Mali (CENOU),

4
 2.3.2 Spécification des besoins fonctionnels :
Le projet que je vais développer devra regrouper toutes les fonctionnalités nécessaires suivantes :

 Les pages :

Les pages sont le contenu dit "statique" c'est à dire des pages qui une fois créées ne bougent plus. C'est ce qui
compose la structure d’un site. (Exemple : la page présentations, contact, télécharger etc...) Leur contenu
peut être mis à jour, mais ces pages resteront en permanence sur le site. Les menus amènent à ces pages
principalement

Le site est composé de 9 pages:

Le menu principal comprend 6 pages dont les 3 autres sont des sous-menus.

1. Accueil :

C’est la page principale des articles.

Les articles sont associés à un contenu dit "dynamique" dans le sens où vous êtes censés créer des articles
régulièrement. Ces articles viennent se positionner sur votre page blog, les uns en dessous des autres,
selon leur date de publication. Ceci est la seule différence qui réside entre ces 2 notions
2. Présentation

5
3. CROU (Centre Régional des Œuvres Universitaires)

Elle contient 3 sous menus qui sont :

i. CROUB (Centre Régional des Œuvres Universitaires de BAMAKO)

6
b. CROUK (Centre Régional des Œuvres Universitaires de Koulikoro)

7
c. CROUS (Centre Régional des Œuvres Universitaires de SEGOU)

8
4. Contact

Elle contient un lien, une foi cliqué sur le lien on se dirige vers le Google maps :

9
5. Outils

10
6. Télécharger :

Sur cette page les étudiants peuvent télécharger les documents fournis par le CENOU ou lire sans télécharger .

• L’étudiant peut faire :

1. Une demande de logement en ligne:

L’étudiant peut faire la demande en saisissant ces informations personnelles.
Le système vérifie l’authentification et le type d’internaute (étudiant, administrateur ou un simple
internaute).
2. Calculer les points :
Chaque étudiant pourra calculer ses points à l’aide du Simulateur de Points en saisissant les
informations nécessaires, afin de permettre au système de vérifier son éligibilité à la bourse.
11
 3. Consulter :
(a) La liste des supports de cours.
(b) La liste des offres de stage.
(c) La liste des activités des clubs.

4. Réclamer en ligne :
Tous les supports de cours et les offres de stage ou les offres de bourse.

5. Vérifier son inscription administrative en ligne :

L’étudiant devra pouvoir trouver le plus rapidement possible l’information de la validation de son
inscription administrative en affichant (son matricule, son nom, son prénom, etc.). Dans le cas
contraire le system affiche redirige l’étudiant d’aller à sa faculté pour valider l’inscription.
• Un administrateur :
C’est un super-utilisateur, donc il peut avoir l’accès à toutes les fonctionnalités permises pour un simple
utilisateur.
Il gère les fonctionnalités administratives d’un site :

Q Ajouter un document / un Communique.

Q Consulter / A@cher la base de données.
Q Modifier la base de données .
Q Supprimer la base de données .

2.3.3 Spécification des besoins non fonctionnels :

Ce sont des exigences qui ne concernent pas spécifiquement le comportement du système mais plutôt ils
iden- tifient des contraintes internes et externes du système et agissent de façon indirecte sur le résultat et sur
le rendement de l’utilisateur.
Les principaux besoins non fonctionnels de mon application sont les suivants :

• Fiabilité :
L’application doit fonctionner de façon cohérente sans erreurs et doit être satisfaisante.

12
 • Les erreurs :
Les ambigüités doivent être signalées par des messages d’erreurs bien organisés pour bien guider l’utili-
sateur et le familiariser avec notre site web.

• Ergonomie et Bonne Interface :

L’application doit être adaptée à l’utilisateur sans qu’il ne fournisse aucun effort (utilisation claire et fa-
cile) de point de vue navigation entre les différentes pages, couleurs et mise en textes utilisés.

• Sécurité :
Notre solution doit respecter surtout la confidentialité des données personnelles des utilisateurs qui
reste l’une des contraintes les plus importantes dans les sites web.

• Aptitude à la maintenance et la réutilisation :

Le système doit être conforme à une architecture standard et claire permettant sa maintenance et sa
réuti- lisation.

• Compatibilité et portabilité :
Un site web quel que soit son domaine, son éditeur et son langage de programmation ne peut être fiable
qu’avec une compatibilité avec tous les navigateurs web, tous les systèmes d’exploitation et tout type
de terminal.

2.3.4 Conception :
Pour la conception de mon site web, je vais utiliser le langage de modélisation UML. Ainsi, je vais élaborer les
diagrammes les plus significatifs pour la conception :

• Le diagramme de cas d’utilisation

• Le diagramme de classes.

2.3.5 Environnement de travail :

• Environnement matériel :

– PC portable YattCo
– Intel(R) Celeron(R) CPU N3350 @ 1.10GHz 1.10 GHz
– Disque Dur : 500GO

• Environnement logiciel :

– Système d’exploitation : Windows 10

– Langage de programmation : PHP, WordPress
– Environnement de développement : Wampserver 3.2.6
– Base de données et Modélisation : MySQL, UML

13
2.3.6 Conclusion
Dans ce chapitre j’ai présenté le cadre général de mon projet en déterminant la problématique et les
périmètres tout en proposant une solution envisagée pour faire face à la situation courante. J’ai dévoilé les
exigences des besoins fonctionnels et non fonctionnels.
Dans le chapitre suivant je vais reproduire les différents besoins cités précédemment sous forme de
diagrammes UML.

14
Chapitre 3

Conception

3.1 Conception fonctionnelle

3.1.1 Introduction :
Dans cette section, je vais reproduire les différents besoins cités précédemment sous la forme de diagrammes
UML.

UML est un langage de modélisation graphique à base de pictogrammes. Il est apparu dans le monde du gé-
nie logiciel, dans le cadre de la conception orientée objet .
Au final, le langage UML est une synthèse de tous les concepts et formalismes méthodologiques les plus
utilisés, pouvant être utilisés, grâce à sa simplicité et à son universalité, comme langage de modélisation pour
la plupart des systèmes devant être développés.

3.1.2 Acteurs :
Un acteur est un rôle joué par une personne externe, un processus ou une chose qui interagit avec un
système. Les acteurs qui peuvent interagir avec notre application sont :

• Étudiant de l’ESSAI : c’est l’acteur le plus important, celui pour lequel le système existe.

• Administrateur : il a pour rôle la gestion et suivie du site.

• Internaute : il peut consulter le site sans avoir accès aux différents services tels que l’actualité,les cours
et les projets.

3.1.3 Diagramme de cas d’utilisation :

Ce diagramme permet d’identifier les possibilités d’interaction entre le système et les acteurs (intervenants
extérieurs au système). Il représente toutes les fonctionnalités que le système doit fournir.

15
 FICURE 3.1 – Diagramme de cas d’utilisation

3.1.4 Diagramme de classes :

Le diagramme de classes exprime la structure statique du système en terme de classes et de relations entre ces
classes.
L’intérêt du diagramme de classes est de modéliser les entités du système d’information. Ces informations sont
regroupées ensuite dans des classes.

Le diagramme de classe représente d’une manière abstraite des objets du système qui vont interagir ensemble
pour la réalisation des cas d’utilisation, sans prendre en compte le facteur du temps.

16
 FICURE 3.2 – Diagramme de classe

3.2 Conception technique

• Power AMC / ArgoUML :
Logiciels de conception permettant de réaliser le diagramme de classes et de cas d’utilisation.

FICURE 3.3 – Outils utilisés pour la conception

3.3 Conclusion
Dans ce chapitre, j’ai présenté l’étude conceptuelle du système. La vue fonctionnelle a été illustrée par le dia-
gramme de cas d’utilisation. Ensuite, la vue statique, réalisée par le diagramme de classes qui m’a permis de
définir la structure du système et de dégager les différentes entités du composant.
Et enfin la conception technique c-à-d les outils utilisés pour la réalisation de mon
application. La partie réalisation fera l’objet du chapitre suivant.

17
Chapitre 4

Réalisation

4.1 Introduction
Cette étape est l’une des plus importantes dans la réalisation de mon projet. Je vais mettre en place tous les
éléments participant à la vie du site web.

Les figures ci-dessous représentent quelques captures d’écran de pages de mon site. Les pages qui suivent
l’au- thentification contiennent tous des éléments communs d’une part le header , d’autre part une sidebar,
c’est-à-dire un menu horizontal, qui va lui permettre de naviguer dans les différentes pages du site. Dans cette
partie je vais décrire ma réalisation sous forme d’un scénario de l’étudiant XXXXXX.

4.2 Les outils et les langages utilisés :

WordPress

18
 • PHP :
C’est un langage de script coté serveur qui à été conçu spécifiquement pour le Web. Le code PHP est
inclus dans une page HTML et sera exécuté à chaque fois qu’un visiteur a@chera la page. Le code PHP
est interprété au niveau du serveur web et génére du code HTML ou toute autre donnée a@chable dans
le navigateur de l’utilisateur.

• MySQL :
C’est un système de gestion de base de données relationnelle (SGBDR). Il est distribué sous une double
licence GPL et propriétaire. Il fait partie des logiciels de gestion de base de données les plus utilisés au
monde.

• Wamp Server :
C’est un pack qui regroupe à la fois le serveur de base de données (My SQL) et serveur web (Apache +
PHP).

4.3 Cas : S’inscrire au système :

19
Chapitre 5

Conclusion et perspectives

Aujourd’hui, le souci majeur du CENOU est d’assurer la communication et faciliter le partage de l’informations entre
les étudiants Universitaires du Mali à tout moyen ce qui affecte la qualité des études supérieures. La nécessité
d’améliorer le service rendu pour l’étudiant s’est largement manifestée.

L’objectif visé à travers ce projet de fin d’année est de présenter un système d’information pour les étudiants
de Mali. Le présent manuscrit détaille toutes les étapes par lesquelles j’ai passé pour arriver au résultat
attendu.

J’ai essayé tout au long de mon travail de construire le site web incrément par incrément. Dans un prémier
temps, j’ai consacré mes réflexions à l’étude de l’existant et par comprendre suffisamment la présentation
générale du site afin de dégager les différents besoins dont le site est chargée d’y répondre. Ces besoins ont
été bien traités et analysés dans la phase de conception fonctionnelle à l’aide de langage de modélisation
UML.

L’étape suivante, était la conception technique. Durant toute cette phase, une présentation globale des
techno- logies utilisées par le système a été réalisée pour aboutir à une meilleure solution qui vise à améliorer
la qualité de service offerte. Ensuite, j’ai présenté dans la partie réalisation quelques interfaces graphiques
accompagnées de leurs descriptions.

Malgré toutes les difficultés rencontrées au niveau du processus de développement et les contraintes de
temps, nous avons réussi à réaliser la totalité de mon application tout en respectant l’aspect sécuritaire et en
préparant la documentation nécessaire. L’un des attraits du projet était de pouvoir travailler sur des logiciels
libres à la pointe de la technologie et d’approfondir mes connaissances dans les bonnes pratiques de
programmation.
Cela m’a permis de rendre compte des différentes tâches auxquelles j’ai confronté et que parfois la
connaissance seule ne sufit pas pour résoudre les problèmes. Cela me fait dire également que rien n’est acquis
et que le travail d’ingénieur est une formation et un apprentissage de tous les jours. Mon travail ne s’arrête
pas à ce stade, en effet plusieurs fonctionnalités peuvent être ajoutées à mon application notamment un
système pour la gestion des conversations et des commentaires qui permettrait une communication virtuelle
et instantanée, de même je pourrais accompagner le service proposé par une application mobile qui réduirait
le temps des demandes quelque soit le lieu où on se trouve.

20
Bibliographie

[1] http://wordpress.org/

[2] https ://WampServer

21
.1 Annexe A
Text of Appendix A is Here

.2 Annexe B
Text of Appendix B is Here

22