Rapport de stage

3ème Année
Génie Informatique

Thème :

Conception et mise en place d’un intranet de

gestion des Cognées.

Réaliser par : M. RACHID Ayman

Encadrer par : M. Khalid ELFAIQ

Entreprise d’accueil : SNRT

Période de stage : 15 /07/2022 a 30/08/2022

Année universitaire : 2021 – 2022

I. Sommaire

I. Sommaire__________________________________________________________1

II. Liste des figures :__________________________________________________3

III. Dédicace_________________________________________________________4

IV. Remerciement_____________________________________________________5

V. Présentation de l’Organisme D’accueil_________________________________6

a. Dénomination Social :__________________________________________________________6
b. Le siège de la société :_________________________________________________________6
c. La Durée de la société :_________________________________________________________6
e. Les objectifs de la Société :______________________________________________________7
f. Organigramme de la société :____________________________________________________8

VII. Introduction générale______________________________________________10

I. Présentation et approche du projet___________________________________11

2. Problématique_________________________________________________________11

3. Objectifs visés__________________________________________________________11

VIII. Conception fonctionnelle___________________________________________13

1. Introduction___________________________________________________________13

2. Vue fonctionnelle du système_____________________________________________13

a. Diagramme de cas d’utilisation_________________________________________________13
b. Acteurs____________________________________________________________________14
c. Diagramme de classe_________________________________________________________15

IX. Chapitre IV : Réalisation____________________________________________18

1. Etude technique du projet________________________________________________18

a. Introduction________________________________________________________________18
b. Architecture logicielle_________________________________________________________18
a) Choix de la technologie_______________________________________________________19
c. Choix du Framework__________________________________________________________19
d. Choix du Template___________________________________________________________20
e. Gestionnaire base de données MySQL :___________________________________________21
f. Conclusion_________________________________________________________________22

Page | 1
 2. Interfaces graphiques____________________________________________________23
a. Introduction________________________________________________________________23
b. Authentification_____________________________________________________________23
c. Page d’accueil de mon site :____________________________________________________23
d. Gestion des employées :_______________________________________________________24
e. Gestion des congées :_________________________________________________________25
f. demande des congés :________________________________________________________26
g. Gestion des departements :____________________________________________________29

X. Conclusion_______________________________________________________32

XI. Liste des acronymes_______________________________________________33

Page | 2
II. Liste des figures :

Figure 1 logos SNRT__________________________________________________________________________6

Figure 2 Organigramme de la société____________________________________________________________8
Figure 3 Diagramme de cas d’utilisation_________________________________________________________14
Figure 4 diagramme de class__________________________________________________________________16
Figure 5 HTML CSS JS_______________________________________________________________________19
Figure 6 Logo PHP__________________________________________________________________________19
Figure 7 logo BootStrap______________________________________________________________________20
Figure 8 logo XAMP_________________________________________________________________________21
Figure 9 Authentification_____________________________________________________________________23
Figure 10 Page d’accueil SNRT________________________________________________________________24
Figure 11 Gestion des employées______________________________________________________________24
Figure 12 Ajouter employée__________________________________________________________________25
Figure 13 Gestion des congées________________________________________________________________25
Figure 14 declare le congé____________________________________________________________________26
Figure 15 gestion des departements____________________________________________________________26

Page | 3
III. Dédicace

A mes parents A mes Professeurs

A mes amis.

Aux personnels de la SNRT

A mes collègues de classe Génie Informatique.

A tous ceux qui m’ont encouragé

Merci pour le soutien

Page | 4
IV. Remerciement

Je tiens tout d’abord à remercier tout le personnel d’Universiapolis annexe Laâyoune

pour son accueil chaleureux, son soutien tout au long de mon parcours et les diverses
connaissances qu’ils ont partagées avec moi durant toute cette période.

Je tiens ensuite à remercier tout particulièrement les membres du SNRT, à savoir M.

Yassine Essaid pour leur disponibilité, leurs précieux conseils et leur bonne humeur au
quotidien.

Je remercie également mon encadrant M. KHALID EL FAIQ qui a également été très
disponible pour répondre aux différentes questions que je me posais, dans le but de réaliser
une plateforme de gestion des cognées, efficace et répond aux besoins de SNRT.

Enfin, je tiens à remercier les enseignants du Génie Informatique qui m’ont permis de
compléter ma formation de 3eme année cycle ingénieur branche Génie Informatique. Ces
connaissances complémentaires acquises lors de mon cursus de formation m’ont permis
d’être encore plus performant dans le domaine professionnel et de trouver des solutions
auxquelles je n’aurai peut-être pas pensé auparavant.

Page | 5
V. Présentation de l’Organisme D’accueil

Dans le cadre de ma formation en cycle d’ingénieur branche Génie Informatique au

sein de l’UNIVERSIAPOLIS annexe Laâyoune, l’université cherche à faire évoluer les
compétences de ses étudiants, pour cela, j’ai effectué un stage «Assistant ingénieur » de deux
mois au sein de la société SNRT.

a. Dénomination Social :

SNRT (Société nationale de radiodiffusion et de télévision)

b. Le siège de la société :

Laâyoune, Rue zarktouni.

c. La Durée de la société :

La Société est annoncé légale de la création de SNRT, régie par la loi relative aux
sociétés a participation et dont l’état détient l’ensemble du capitale a été faite depuis le 1 er
avril 2005, a indiqué un communiqué du ministère de la communication.

d. Les objectifs de la Société :

Installation et maintenance du matériel de télécommunication.

Installation et la configuration des systèmes d’exploitation Client/serveur
(WINDOWS, LINUX, MAC OS…).
Les réparations des pannes informatiques (Matériels et logiciels).
Installation et maintenance du matériel électrique.
Maintenance de tout matériel téléphonique de télécommunication et tout matériel
électrique et informatique.
Montage vidéo.
Montage son.

En générale, toutes opération commerciales industrielles, financiers, immobilière ou

mobilière pouvant se rattacher directement ou indirectement à l’une ou l’autre des opérations
visées ci-dessus, de manière à faciliter, favoriser ou développer l’activité de la société sous

Page | 6
quelques formes que ce soient dans les entreprises poursuivant des buts similaires ou
connexes

Page | 7
 e. Organigramme de la société :

Figure 1Organigramme de la société

Historique

L’ancêtre de la SNRT, Radio Maroc, commença à émettre lors du protectorat le 13 avril 1928, sous tutelle de l'Office
Chérifien des Postes et Télégraphes. Le Maroc fut le pionnier dans le domaine de l'audiovisuel. Déjà dans les années
50, il avait connu une première expérience entreprise par la société française "TELMA" qui voyait en la communauté
européenne au Maroc un public potentiel.

En 1951, l'autorisation d'exploitation et de diffusion fut cédée à la "TELMA" qui ne commença à émettre qu'en 1954.
La chaîne publique marocaine devait débuter quelques années après l'indépendance, le 3 mars 1962, émettant en
noir et blanc. La couleur (Secam b) ne fut introduite qu'en 1972.

En octobre 1966, la Radiodiffusion Marocaine devient un établissement public doté de la personnalité civile et de
l'autonomie financière mais retourne dans le giron de l’administration en janvier 1968. La RTM est alors rattachée à
l’Administration Centrale du Ministère de l’Information en 1978.

En avril 2005, dans un contexte de libéralisation du paysage audiovisuel marocain et de compétition grandissante, la
Société Nationale de Radiodiffusion et de Télévision succède à la RTM qui était toujours une administration publique.
Les 2 300 salariés de l’ex RTM ont alors changé de statut, le groupe n'étant plus une administration mais une société
d'Etat indépendante.
Plusieurs chantiers de modernisation sont alors lancés tant au niveau de la structure de l’organigramme qu’au niveau
de la création de chaînes thématiques, le lancement d’un portail Internet, l’avènement de la TNT et la Télévision Mobile
Personnelle

Page | 8
VI. Introduction générale

La situation de confinement que nous vivons aujourd’hui montre un besoin vif de la

numérisation des entreprises par le télétravail, la dématérialisation des documents, le travail
mobile etc. un changement de pratique s’avère pertinent dans la conjoncture actuelle, dans
cet objectif mon projet de stage répond aux besoins de gestion et la suivis des demandes de
cognées.

Par ailleurs, tout organisme souhaitant réussir, doit aujourd’hui s’équiper des outils les
plus modernes répondant à ses exigences et s’adaptant aux besoins du marché.

Ce projet s’intègre dans le cadre du Stage Assistant Ingénieur pour valider la 3eme
année cycle d’ingénieur en Génie Informatique option « Génie logiciels » dans
UNIVERSIAPOLIS annexe Laâyoune, visant à pratiquer toutes les connaissances théoriques
cumulées durant le parcours académique.

A cet effet, mon travail consiste à développer une application web dynamique de
gestion des demandes de cognées au niveau de la SNRT Laâyoune, afin de faciliter le travail
aux employées, favoriser les échanges et gagner du temps en centralisant toutes les données
et les documents sur une seule plateforme accessibles à tous les collaborateurs.

Pour cela mon rapport est structuré comme suit :

• Le premier chapitre qui donne une présentation de l’organisme d’accueil SNRT, sa

création, ses objectifs et son organigramme.
• Le deuxième chapitre contiendra une présentation et approche du projet où je vais
définir les spécifications des besoins, la problématique, les objectifs visés de mon
projet.
• Le troisième chapitre est dédié au Dossier de Conception du projet qui va contenir le
diagramme de classe et de cas d’utilisation qui permet de faciliter la compréhension
du système et expliquer leur fonctionnement.
• Le quatrième chapitre est entièrement consacré à la réalisation qui va contenir une
étude technique de projet par la présentation d’architecture logicielle de site Web
ainsi que mon choix de la technologie, du Framework et du Template utilisées et
enfin une vue des aperçus de l’application.
• Pour terminer, une conclusion permettant de faire une synthèse du travail réalisé et
de donner les principales perspectives.

Page | 9
 I. Présentation et approche du projet

1. Problématique

A l’heur actuel, plusieurs constats sont à l’origine de ma volonté de créer cette plateforme
à savoir :

• Problème des demandes de congés se fait d’une manière manuelle

• Problème de calcul des jours restants de congés
• Manque d’archivage numérique des documents.

• La nécessité d’avoir une plateforme propre, facile à l’utilisation, accessible par tout.

2. Objectifs visés

Les objectifs de cette application web sont :

• Optimisation de suivis des demandes de cognées.

• Gérer les personnels de la SNRT

• Simplification de l’archivage.

• Optimiser la diffusion de l’information

• Etablir une culture commune

Page | 10
VII. Conception fonctionnelle

1. Introduction

Dans cette partie, j’ai reproduit les différents besoins de SNRT sous 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. »

Pour ma part, j'ai appris à créer une base de données de la façon suivante :

 On part d'un cahier des charges à partir duquel on définit les cas d'utilisation
UML (définir les acteurs et les actions du site concerné).

2. Vue fonctionnelle du système

a. Diagramme de cas d’utilisation

Un cas d’utilisation désigne une fonctionnalité visible de l’extérieur du système, il

permet d’identifier les interactions entre le système et les acteurs, aussi, il regroupe les
différents scénarios d’utilisation du système.

Figure 3Diagramme de cas d’utilisation

Page | 11
 b. Acteurs

Un acteur est un processus ou un rôle joué par une machine ou une personne extérieure
caractérisé par une interaction perpétuelle avec le système. Dans ma plateforme, les acteurs
qui peuvent interagir sont :

Acteur Description

 Administrateur Gestion des cognées

Gestion des Utilisateurs
Contrôler les départements et les services

 Employée : Editer son profil

Demande et la suivie des cognées

c. Diagramme de classe
Un diagramme de classe est un type de diagramme UML qui décrit un système en visualisant

les différents types d’objets au sein d’un système et les types de relations statiques qui

existent entre eux. Il illustre également les opérations et les attributs des classes.

Ils sont généralement utilisés pour explorer les concepts de domaine, comprendre les

exigences logicielles et décrire les conceptions détaillées.

Figure 4Diagramme de classe

Page | 12
VIII. Chapitre IV : Réalisation

1. Etude technique du projet

Dans cette partie, j’ai parlé de l’architecture logicielle du projet ainsi que les outils utilisés
dans le développement de mon projet.

a. Introduction

Ce chapitre représente une vue préliminaire sur les technologies, architectures utilisées pour
le développement de mon projet.

b. Architecture logicielle
a) Choix de la technologie

Figure 5 HTML CSS JS

Le langage de programmation est un langage de communication qui assure l’échange entre la

machine et les instructions à exécuter. En plus de HTML dans sa version 5, et qui sert à la création
de la majorité des pages de mon plateforme, j’ai utilisé le PHP, lui-même combiné à un SGBD,
MYSQL. De plus, il est nécessaire de choisir un langage qui permet la gestion des sessions. Une
session est l’écart de temps entre la première visite de l’utilisateur et la sortie au site. Les sessions
stockent les informations de l’utilisateur connecté, PHP gère les sessions pour faciliter l’utilisation.

En plus de PHP et HTML, le CSS3 qui est le binôme du HTML et qui sert à mettre en forme
le contenue de mes pages web, aussi le JS (JavaScript) qui rendra les pages interactives et me
permet de vérifier que les données entrées par un utilisateur sont au bon format. Aussi le JQuery
pour simplifier les commandes communes de JavaScript.
 c. Choix du langage PHP

Figure 6 Logo PHP

PHP: Hypertext Preprocessor34, plus connu sous son sigle PHP (sigle auto-référentiel), est
un langage de programmation libre35, principalement utilisé pour produire des pages Web
dynamiques via un serveur HTTP34, mais pouvant également fonctionner comme n'importe
quel langage interprété de façon locale. PHP est un langage impératif orienté objet.

PHP a permis de créer un grand nombre de sites web célèbres, comme Facebook et Wikipédia36. Il
est considéré comme une des bases de la création de sites web dits dynamiques mais également
des applications web.

d. Choix du Template

Figure 7logo BootStrap

Un Template est un modèle de présentation de données, son utilisation facilite la conception

et la mise à jour de la plateforme. J’ai adopté Academico, c’est un thème d'administration gratuit et
open source basée sur Bootstrap 4,

Page | 14
 e. Gestionnaire base de données MySQL :

Figure 8 logo XAMP

XAMPP est un ensemble de logiciels permettant de mettre en place un serveur Web local, un
serveur FTP et un serveur de messagerie électronique. Il s'agit d'une distribution de logiciels libres
(X (cross) Apache MariaDB Perl PHP) offrant une bonne souplesse d'utilisation, réputée pour son
installation simple et rapide. Ainsi, il est à la portée d'un grand nombre de personnes puisqu'il ne
requiert pas de connaissances particulières et fonctionne, de plus, sur les systèmes d'exploitation les
plus répandus.

2. Interfaces graphiques

a. Introduction

Dans cette partie, je vais présenter les différentes fonctionnalités du site de gestion des
demandes, et je vais essayer d’expliquer le rôle de chaque interface.

b. Authentification

Pour commencer à naviguer le site l’utilisateur doit choisir le login dans la page d’accueil,

Figure 9Authentification

Page | 15
 c. Page d’accueil :

D’abord, la deuxième page qui apparait après l’authentification est l’interface administrateur,
son rôle permet la gestion totale du système à savoir Gestion des employées, Gestion des
demandes de cognées, Gestion des services et la Gestion des départements.

Figure 10Page d’accueil SNRT

d. Gestion des employées :

L’interface de la gestion des employées se présente comme suit où en trouve la liste des
employées .

Figure 11Gestion des employees

La figure ci-dessus, représente la liste des employees existant, ici l’administrateur peut
ajouter, modifier ou supprimer un employee. La figure suivante montre le formulaire à remplir par
l’administrateur pour créer un nouvel employee.

Page | 16
 Figure 11Ajouter employee

e. Gestion des congés :

L’administrateur peut visualiser tous les demandes de cognées déclarées par les employées, et
il peut changer l’état des congés lorsqu’ils sont acceptés ou refusée.

Figure 12Gestion des congees

f. Demander un congé:

La page suivante permet à un employée de demander un congee.il suffit de remplir les

champs du formulaire.

Page | 17
 Figure 14 déclarer un congé
g. Gestion des départements :

L’un des rôles principaux des administrateurs de la SNRT est de gérer les départements il
peut ajouter, supprimer ou consulter la liste des départements de la SNRT.

Figure 15Gestion des départements

Page | 18
Page | 19
IX. Conclusion

Tout au long de ce rapport, j’ai présenté les différentes étapes de la réalisation d’une
application de gestion des cognées profil de la SNRT. Ma mission principale été la conception et la
réalisation d’une application web dynamique qui permet à l’entreprise de mieux gérer la suivie des
demande de cognées. A cet effet, la technique UML a été utilisée, ce qui me permis de mener
correctement l’analyse des besoins à l’aide du diagramme de cas d’utilisation a fin de répondre aux
exigences de l’entreprise.

Ce projet de stage m’a donné l’opportunité de s’initier avec différentes technologies, et il m’a
appris comment être bien organisé pour accomplir dans les meilleures conditions et meilleures
délais les tâches qui me sont confiées.

Durant ce projet de stage, j’ai commencé par comprendre le contexte général de projet,
ensuite le dossier de conception regroupant les techniques d’analyse des besoins de l’entreprise, et
enfin une phase de réalisation qui regroupe l’étude technique du projet par le choix de la
technologie.

Finalement ce projet de stage était une opportunité qui m’appris de travailler avec des
technologies récentes, et aussi d’enrichir ma connaissance et ma formation théorique et pratique
acquise durant mon étude à UNIVERSIAPOLIS.

Page | 20
X. Liste des acronymes

PHP HyperText Preprocessor

HTML HyperText Markup Language
CSS Cascading Style Sheets
JS JavaScript
UML Unified Modeling Language
Ajax Asynchronous JavaScript And XML
SGBDR Système de Gestion de Base de Données Relationnelles

Page | 21