Le rapport de stage présente le développement d'une application web ASP.NET MVC5 dédiée à la gestion des ressources humaines au sein de l'entreprise Dimension Data Maroc. Ce travail, soutenu par Khalid Oukaddi, vise à automatiser et améliorer l'efficacité des processus RH qui étaient auparavant gérés manuellement. Le rapport s'organise autour de quatre chapitres abordant le contexte du projet, les spécifications des besoins, la conception et la réalisation de l'application.

1. RAPPORT DE STAGE
DE FIN D’ETUDE
Soutenu le : 21/06/2019
THEME
Développent d’une application web ASP.NET MVC5 de gestion ressource humaine
Encadrant: Khalid OUKADDI
Jury: I.Chana
Benhdech
Année Universitaire : 2018 / 2019
Réaliser Par :
LAAOUANE Youness

2. 2
Dédicace
Je tiens à dédier ce travail qui est un rapport de stage de fin d’étude à nos
chers parents pour leurs amours infinis, pour ses soutiens incorporables,
pour leurs compréhensions qui n’a pas d’équivalent, avec nos sentiments
d’amour et de respect les plus chaleureux. Tant et tout, symbole du courage
et du sacrifice, leurs patiences et leurs aides qui nous ont toujours
encouragées et soutenues. Nous souhaitons que ce travail soit un
témoignage de nos profonde affection et reconnaissance du sacrifie de nos
parents.
Je tiens aussi à dédier ce travail à mon cher encadrant Mr. KHALID
OUKADDI qui a déployé un effort remarquable pour m’aider à l’exécution
de ce travail ainsi pour sa patience à m’expliquer et à me donner le plus
d’information.

3. 3
Remerciements
Dans un premier lieu, Mes vifs remerciements s’adressent à mes professeurs de l’EST,
pour le temps qu’ils nous ont consacré et pour le savoir qu’ils nous ont transmis.
Je remercie également mon encadreur de la société DDM, Monsieur Khalid OUKADDI
pour sa collaboration et ses conseils précieux qui m’ont été d’une grande utilité lors de
la réalisation des analyses statistiques.
Nous nous permettons de remercier également ceux qui nous font l’honneur de
participer et de siège dans ce jury et être les rapporteurs de ce modeste travail.

4. 4
Table des matières
CHAPITRE 1 ......................................................................................... 8
CONTEXTE GENERAL DU PROJET ....................................................... 8
INTRODUCTION .................................................................................. 9
I. STATUT ET MISSIONS DE DIMENSION DATA ............................... 9
II. QUELQUES REPERES HISTORIQUES .......................................... 10
III. POSITIONNEMENT ET STRUCTURE ORGANISATIONNELLE...... 11
IV. DOMAINES D’ACTIVITES........................................................... 13
1. CHAMPS D’ACTION :.....................................................................................................13
2. PERFORMANCES REALISEES :.....................................................................................14
V. PRESENTATION DU DEROULEMENT DES PROJETS AU SEIN DE
DDM14
1. DEMARCHES DES PROJETS : ......................................................................................14
2. PLANIFICATION :............................................................................................................15
3. PROBLEMATIQUE :.........................................................................................................15
4. LA SOLUTION PROPOSEE ............................................................................................16
5. OBJECTIFS DE L’APPLICATION ..................................................................................16
VI. CONCLUSION ............................................................................. 17
CHAPITRE 2 ........................................................................................ 18
ANALYSE ET SPECIfiCATION DES BESOINS ....................................... 18
6. INTRODUCTION ........................................................................... 19
7. SPECIfiCATION NON FORMELLES DES BESOINS .......................... 19
1. SPECIfiCATION DES BESOINS FONCTIONNELS....................................................19
2. SPECIfiCATION DES BESOINS NON FONCTIONNELS ........................................20
8. SPECIfiCATION NON FORMELLES DES BESOINS .......................... 21
1. IDENTIfiCATION DES ACTEURS...................................................................................21
2. DIAGRAMME DES CAS D’UTILISATION .................................................................21
9. CONCLUSION................................................................................ 24
CHAPITRE 3 ........................................................................................ 25
CONCEPTION ..................................................................................... 25
INTRODUCTION ................................................................................. 26
I. CONCEPTION DETAILLE ............................................................... 26
1. DIAGRAMME DE CLASSES ............................................................ 26

5. 5
2. DIAGRAMME ENTITE ASSOCIATION : ......................................... 28
3. DIAGRAMME DE SEQUENCES....................................................... 29
II. CONCLUSION ............................................................................. 34
CHAPITRE 4 ........................................................................................ 35
REALISATION .................................................................................... 35
INTRODUCTION ................................................................................. 36
I. ENVIRONNEMENT DE TRAVAIL ................................................... 36
1. ENVIRONNEMENT MATERIEL ...................................................... 36
2. ENVIRONNEMENT LOGICIEL ....................................................... 36
II. EXPOSITION DU TRAVAIL REALISE .......................................... 39
III. CONCLUSION ............................................................................. 45
CONCLUSION GENERAL .................................................................... 46
WEBOGRAPHIE ................................................................................... 47

6. 6
Table des figures
FIGURE 1 : COUVERTURE MONDIALE DE DIMENSION DATA............................................................................... 9
FIGURE 2 : ORGANIGRAMME DES DIRECTIONS DE DIMENSION DATA MAROC.................................................. 12
FIGURE 3 : EXTRAIT DES CLIENTS DE DIMENSION DATA MAROC....................................................................... 12
FIGURE 4 : DIAGRAMME GANT DE L'ETAT D'AVANCEMENT DE PROJET............................................................ 15
FIGURE 5 : DIAGRAMME DES CAS D’UTILISATION GENERAL DE L’APPLICATION ................................................. 22
FIGURE 6 : DIAGRAMME DES CAS D’UTILISATION DE L’ADMINISTRATEUR......................................................... 23
FIGURE 7 : DIAGRAMME DES CAS D’UTILISATION D’EMPLOYEE ........................................................................ 23
FIGURE 8 : DIAGRAMME DE CLASSES DE L’APPLICATION.................................................................................. 27
FIGURE 9 : DIAGRAMME ENTITE ASSOCIATION DE L’APPLICATION.................................................................... 28
FIGURE 10 : DIAGRAMME DE SEQUENCES DE L’AUTHENTFICATION ................................................................. 29
FIGURE 11 : DIAGRAMME DE SEQUENCE DE LA GESTION DES DEMANDES DES CONGES (COTE
ADMINISTRATEUR) ......................................................................................................................................... 30
FIGURE 12 : DIAGRAMME DE SEQUENCE DE LA GESTION DEPLACEMENTS (AJOUTER DEPLACEMENT).............. 31
FIGURE 13 : DIAGRAMME DE SEQUENCE DE LA GESTION DES EMPLOYEES (AJOUTER EMPLOYEE) .................... 32
FIGURE 14 : DIAGRAMME DE SEQUENCE DE LA GESTION DES PRIMES (AJOUTER PRIME) ................................. 32
FIGURE 15 : DIAGRAMME DE SEQUENCE DE LA GESTION DES DEPART (AJOUT DEPART)................................... 33
FIGURE 16 : DIAGRAMME DE SEQUENCE DE LA GESTION DES BULLETINS DE PAIE(AJOUT) ............................... 33
FIGURE 17 : INTERFACE D’ACCUEIL.................................................................................................................. 40
FIGURE 18 : INTERFACE D’AUTHENTIFICATION ................................................................................................ 40
FIGURE 19 : INTERFACE ADMINISTRATEUR...................................................................................................... 41
FIGURE 20 : INTERFACE DE L’ESPACE ADMINISTRATEUR : AJOUT D’UN EMPLOYE ............................................ 41
FIGURE 21 : INTERFACE DE L’ESPACE ADMINISTRATEUR : LA LISTE DES EMPLOYEES......................................... 42
FIGURE 22 : INTERFACE DE L’ESPACE ADMINISTRATEUR : DETAILS DE L’EMPLOYEE.......................................... 42
FIGURE 23 : INTERFACE DE L’ESPACE ADMINISTRATEUR : FORMATION............................................................ 43
FIGURE 24 : INTERFACE DE L’ESPACE ADMINISTRATEUR : ABSENCE ................................................................. 43
FIGURE 25 : INTERFACE DE L’ESPACE ADMINISTRATEUR : AJOUTE PRIME ........................................................ 44
FIGURE 26 : INTERFACE DE L’ESPACE EMPLOYEE: ............................................................................................ 44
FIGURE 27 : INTERFACE DE L’ESPACE EMPLOYEE : DEMANDE CONGE............................................................... 44

7. 7
Introduction générale
Depuis l’apparition de l’internet, bien de fonctionnalités hormis la navigation
ont été offertes. Parmi elles, se trouve la possibilité d’interagir avec l‘utilisateur en
satisfaisant au mieux sa requête grâce à un site web dynamique. De ce fait, toute entité
professionnelle telle que les grandes entreprises, cherche à utiliser divers applications
web dans le but d’une contribution à une meilleure rentabilité et afin de communiquer
avec ses clients non seulement en personne mais aussi à distance.
C’est dans ce cadre que se situe notre travail qui constitue à concevoir et
implémenter une application de gestion des ressources humaines de l’entreprise «
DDM», qui souffre pendant des périodes de l’année des problèmes liés à la lenteur et
au retard au niveau de ses services administratifs. Parmi les activités qui permettent à
une organisation ou une entreprise de disposer de ressources nous pouvons identifier:
le recrutement,gestion des personnels ,la rémunération, l’évaluation ou l’appréciation
la gestion prévisionnelle des emplois ,des compétences et des carrières... Dans ce
travail, nous nous intéressons particulièrement à la gestion des personnels .
Le présent rapport a pour objectif de donner une idée claire sur le travail
effectué pendant la réalisation du projet. Il s’articule autour de quatre chapitres : Le
premier chapitre présente l’organisme d’accueil et le cadre générale du sujet à traiter.
Le second chapitre permettra de spécifier les différents besoins de l’application, qu’ils
soient fonctionnels ou non fonctionnels. Le troisième chapitre présentera les différents
aspects conceptuels du projet. Le dernier chapitre traite tous les détails de la réalisation
: les outils de travail ,les différentes étapes de la réalisation du système ainsi qu’un
aperçu sur les résultats obtenus. Nous finirons par une ” Conclusion générale ” qui
résumera notre travail et qui en exposera des perspectives d’avenir.

8. 8
Chapitre 1
Contexte général du projet

9. 9
Introduction
Au cours de ce chapitre, nous exposons le contexte général du projet, aussi
nous présentons, en premier lieu, l’entreprise d’accueil, ainsi que l’objectif
principal du projet.
I. Statut et missions de Dimension Data
Fondée en 1983 en Afrique du Sud, Dimension Data est un intégrateur
international spécialisé en services et solutions IT qui s’est progressivement
imposé comme un leader mondial dans le domaine. Au titre de l’année 2014,
l’entreprise réalise un chiffre d’affaires de 6,7 milliards de dollars et emploie
26000 collaborateurs qualifiés qui prêtent assistance aux clients dans 58 pays.
Aujourd’hui, 79% des sociétés classées au « Global Fortune 100 » et 60% de
celles figurant au « Global Fortune 500 » font appel aux services de Dimension
Data pour exploiter la puissance de leurs technologies et développer de
nouveaux avantages concurrentiels.
Pour aider ses clients à atteindre leurs objectifs métier, Dimension Data allie
son expertise dans le domaine des réseaux, de la convergence des
communications, de la sécurité, des technologies Microsoft, des solutions de
centres d’appels, de stockage et de Cloud, à des compétences complémentaires
de consulting, d’intégration et de services managés.
Figure 1 : Couverture mondiale de Dimension Data

10. 10
Etant une filiale détenue à 100% par le groupe NTT, qui est la deuxième plus
grande entreprise dans le monde en termes de chiffres d’affaires, la société
Dimension Data compte plus de 6 000 clients dans tous ses secteurs d’activités
avec une présence internationale établie et une importante expérience sur les
marchés émergents. Ses relations se dotent d’un aspect stratégique et privilégié
avec les principaux leaders mondiaux de technologie IT (Cisco, NetApp,
Genesys, Check Point, Blue Coat, Avaya, VMWare, Microsoft, Riverbed,
Tandberg)
II. Quelques repères historiques
En trois décennies, Dimension Data est passée d'une petite entreprise sud-
africaine à une entreprise internationale. Comme souligné auparavant, son
histoire débute en 1983 lorsqu’un groupe de jeunes Sud-Africains ambitieux
décident d'unir leurs forces pour fonder Dimension Data, prônant une vision
simple : la « réalisation de grandes choses ».
1. La première période :
En 1994, Dimension Data South Africa devient partenaire Gold de Cisco, l'un
des six premiers en dehors des États-Unis. Cette période a marqué le début d'un
long partenariat mutuellement bénéfique entre les deux entreprises. À la même
époque, Dimension Data continue sa progression en se développant dans les
secteurs des logiciels et des services.
2. La deuxième période :
De 1995 à 1997, Dimension Data jette ses filets hors du continent africain pour
se lancer à la conquête de la région Asie-Pacifique. Poursuivant une stratégie
globale agressive, entre 1998 et 2000, Dimension Data concentre son attention
surtout dans l'hémisphère nord.

11. 11
3. La troisième période :
La stratégie de « croissance rentable » mise en œuvre par Dimension Data
depuis 2005 suit son cours et commence à porter ses fruits. Depuis l'exercice
2009, Dimension Data enregistre de solides résultats, se traduisant par une forte
croissance et une rentabilité soutenue. Cette année fut aussi l’année de création
de dimension Data Maroc, organisme d’accueil du présent projet de fin d’études.
Parmi les événements majeurs, nous retenons l'acquisition en 2010 de Dimension
Data par le Groupe NTT, l'un des plus importants fournisseurs de services de
télécommunications – et l'une des plus importantes sociétés – au monde.
III. Positionnement et structure organisationnelle
L'intégrateur de réseaux et fournisseurs de services IT sud-africain, Dimension
Data, a pris une participation de 51% dans la société marocaine Télécom, créée
en 2000 et qui était un acteur apprécié sur le marché dans le domaine des services
de télécommunications, donnant ainsi naissance à Dimension Data Maroc,
aujourd’hui installée à Témara et Casablanca. Son activité principale étant
l’importation, l’exportation et la vente de matériel et de prestations de services
dans le domaine des télécommunications et de l’informatique.
Sur le plan organisationnel, l’entreprise est structurée selon l’organigramme ci-
après :

12. 12
Figure 2 : Organigramme des Directions de Dimension Data Maroc
Le portefeuille des clients de Dimension Data Maroc est conséquent. Sans être
exhaustif, il se présente par catégorie d’activités comme suit :
Figure 3 : Extrait des clients de Dimension Data Maroc

13. 13
IV. Domaines d’activités
1. . Champs d’action :
Partant de l’importance stratégique du réseau de communication et de
l’évolution constante de la technologie, l’entreprise Dimension Data Maroc a
choisi d’opérer dans les trois secteurs d’activités suivants :
 Intégration des réseaux :
Après développement des systèmes de communication de l’entreprise au profit
de ses fournisseurs et clients, l’entreprise a élargi son expertise dans le campus,
Metro, et Wide Area Networking. Tout cela dans le but d’aider les clients à
surmonter les difficultés liées au domaine vital de la communication, tout en
leur garantissant la sécurité, l’administration et l’optimisation.
 Solutions sécurité :
Dans le cadre du partage de l’information et face aux dangers y afférant,
Dimension Data Maroc a élaboré des stratégies et appliqué des solutions pour
sécuriser les réseaux et les données. Il s’agit notamment de ce qui suit :
 Sécurisation de bout en bout des accès nomades.
 Sécurisation,
 identification,
 classification et isolement des collaborateurs ou partenaires connectés au
réseau d’entreprise.
 Amélioration continue des périmètres de sécurité, basée sur l’analyse des
logs, paramétrage des outils et conduite d’audits réguliers.
 Communications convergentes :
Etant donnée l’évolution du monde de la voix vers le monde des données,
Dimension Data Maroc a été bien placé pour utiliser son réseau de la voix et de
l'IP pour assister ses clients à effectuer cette migration. Pour cela, elle offre des

14. 14
solutions de vidéoconférence et des systèmes de télé présence, tout en
préservant la mobilité de l’entreprise.
2. Performances réalisées :
Comme toute société œuvrant dans le sens de garantir sa pérennité, Dimension
Data a su se faire une place dans le marché et ce, grâce à ces performances
techniques réalisées. Pour ne citer que l’essentiel, il s’agit de :
 Déploiement de plus de 7800 Réseaux IP, et installation de plus d’1 Million
de IP Phones dans le monde.
 Intégration sur 8000 serveurs de 1.5 PB de stockage de données et l’offre
de plus d’1M de jobs de sauvegarde par ans
De sa part, Dimension Data Maroc a pu s’inscrire dans cette dynamique
d’amélioration continue des performances techniques du groupe. En témoigne,
la diversité des secteurs d’activités avec lesquels elle opère aujourd’hui et qui
ont été présentés auparavant.
V. Présentation du déroulement des projets au sein de DDM
1. Démarches des projets :
S’appuyant sur une forte expertise, « DDM » accompagne ses clients dans
l’accomplissement de leurs projets de bout en bout :
 Etude préliminaire : auquel la société répond aux différents besoins de
clients
 Choix de la solution : grâce à un plan d’architecture qui satisfait les
critères de performance, de fiabilité, d’extensibilité et de compatibilité de
réseau client.
 « Préparation d’un dossier technique » : conception de réseau
 « Maquettage » : à l’aide d’un simulateur

15. 15
 « Mise en œuvre du projet » : implantation de réseau
 Tests
2. Planification :
Pour bien organiser le déroulement de notre travail dans ce projet , on a
choisi de faire un diagramme de GANTT pour classifier et organiser les
différentes tâches et étapes de projet lors le stage.
3. Problématique :
La société DDM ne dispose d’aucun logiciel informatique permettant la
gestion des RH. Le service accompli ses tâches de gestion d’une manière presque
manuelle en utilisant des logiciels de bureautique. Ceci rend leurs tâches
fastidieuses et difficiles, et le travail compliqué, lent et mal structuré.
Figure 4 : Diagramme Gant de l'état d'avancement de projet

16. 16
4. La solution proposée
Afin de remédier aux problèmes présentés dans la section précédente,
les responsables du service RH de société DDM nous proposent de réaliser une
application web automatisant la gestion Ressource humaine
Cette application fera gagner un temps colossal et rendra le travail plus
organisé. On va transformer la méthode de travail classique et statique en une
autre dynamique.
L’application va garantir un traitement automatisé de ces procédures décrire
ci-dessus en utilisant des interfaces graphiques simples et faciles à comprendre
et qui va en particulier :
 Organiser le travail des administrateurs.
 Permettre aux employés de consulter leurs bulletins de paie et les
documents d’entreprise.
 Permettre aux administrateurs de rechercher l’information en un
temps réduit.
 Assurer l’utilisation de l’application d’une façon plus sécurisée.
 Permettre l'accès aux données de façon simple
 diminuer les risques d’erreur.
5. Objectifs de l’application
 Objectifs principaux :
 Assurer une bonne gestion des informations relatives aux personnels.
 Développer une interface permettant une meilleure analyse des
données.
 Objectifs spécifiques :
 Minimiser le temps.
 Permettre l'accès aux données de façon simple.

17. 17
 Pouvoir répondre à des requêtes avec un niveau de performances
adapté.
 Faciliter la mise à jour des données.
 Gérer les absences, les congés et les déplacements.
 Gérer les primes, et les départs.
 Gérer les formations accordées par l’entreprise
 Gérer les données relatives aux bulletins de paie, documents
d’entreprise
VI. Conclusion
Dans ce qui précède, nous avons situé le projet dans son cadre général, puis
nous avons essayé d’analyser l’existant afin d’éclaircir les objectifs de notre
application. En se basant sur cette étude, nous spécifierons dans le chapitre
suivant les différentes fonctionnalités de notre projet.

18. 18
Chapitre 2
Analyse et spécification des besoins

19. 19
6. Introduction
Dans ce chapitre, nous allons nous focaliser sur les fonctionnalités offertes
par notre application ; cela en recensant les différents besoins fonctionnels et non
fonctionnels qu’elle doit satisfaire et en présentant, à l’aide de la méthodologie
UML (Unified Modeling Language), les diagrammes des cas d’utilisation.
7. Spécification non formelles des besoins
Dans cette partie et dans le but d’identifier les services que doit fournir notre
application, nous allons détailler les exigences spécifiques qui consistent en des
besoins fonctionnels et des besoins non fonctionnels.
1. Spécification des besoins fonctionnels
L’application doit pouvoir gérer deux types d’utilisateurs : l’administrateur
(chef de service de RH), l’employé. Par rapport à l’administrateur, notre
application doit répondre aux exigences suivantes :
• L’administrateur doit avoir un identifiant et un mot de passe à saisir pour
se connecter.
 Il faut pouvoir visualiser l’ensemble des demandes de congé dans une
même liste.
 Il doit exister un espace sur le site Web permettant l’administrateur de
publier les différentes formations avec la possibilité de modifier, ajouter
ou supprimer une formation.
 Il doit exister un espace déplacements sur le site Web permettant
l’administrateur d’ajouter les différents déplacements des employés avec
la possibilité de modifier, ou supprimer un déplacement.
 Il doit exister un espace départ sur le site Web permettant l’administrateur
d’ajouter les différents départs des employés avec la possibilité de
modifier, ou supprimer un déplacement.
 Accéder et mettre à jour les informations des employés.

20. 20
 Accéder et de mettre à jour les bulletins de paie
 Accéder et de mettre à jour les primes
 Il doit exister un espace sur le site Web permettant l’administrateur de
publier les différentes documents de société avec la possibilité de
modifier, ajouter ou supprimer un documents
 Une fois les demandes de congé sont reçues, l’administrateur doit être
capable d’accepter ou rejeter une demande
Par rapport à l’employé, notre application doit répondre aux exigences
suivantes :
 L’employé doit avoir un identifiant et un mot de passe à saisir pour se
connecter.
 Il faut pouvoir visualiser l’ensemble des formations et documents publié.
 L’employé doit être capable de bénéficier d’une traçabilité complète de sa
demande de congé
 Une fois la demande a postulé, il doit être capable de suivre ou annuler
ses demandes de congé
 Accéder à la rebique concernant ses congés.
 Accéder à la rebique concernant ces informations personnelles.
 Accéder à son bulletin de paie.
 Accéder à la rebique concernant ses déplacements
 Accéder à la rebique concernant ses primes
2. Spécification des besoins non fonctionnels
Afin d’assurer un bon fonctionnement de l’application et de garantir la
satisfaction de l’utilisateur, des contraintes doivent être prises en compte tout
au long du développement du projet :

21. 21
• le système doit être fiable et sécurisé : il imposer l’authentification à chaque
utilisateur.
• le menu doit être bien organisé.
• Les informations figurant dans l’application doivent être claires et précises.
8. Spécification non formelles des besoins
Afin d’obtenir de manière plus formelle une vue globale sur les exigences de
l’application et ainsi réussir une bonnes spécification des besoins, ces derniers
doivent être modélisés. Cette partie présente alors une modélisation de ces
besoins en ayant recours aux concepts fondamentaux d’UML (Unified Modeling
Language), à savoir le diagramme de cas d’utilisation et le diagramme de
séquences.
1. Identification des acteurs
Avant d’entamer la présentation des diagrammes, il faut identifier les acteurs
qui sont en interaction Avec l’application. Un Acteur Représente Un rôle joué
par une entité externe (utilisateur humain, dispositif matériel ou autre système)
qui interagit directement avec le système étudié. Un acteur peut consulter et/ou
modifier directement l’état du système, en émettant et/ou en recevant des
messages susceptibles d’être porteurs de données. Notre système nécessite
l’intervention de deux acteurs principaux : Administrateur et l’Employé.
2. Diagramme des cas d’utilisation
Les cas d’utilisation permettent d’exprimer les besoins des utilisateurs d’un
système. Le diagramme des cas d’utilisation permet donc d’identifier les
possibilités d’interaction entre le système et les acteurs. Le use case, qui présente
l’ensemble des fonctionnalités offerte par l’application pour nos utilisateurs
(administrateur chef de service RH, l’employé), est donné par la figure ci-dessus.
Ce Diagramme met en évidence les fonctionnalités générales attendues de notre
application.

22. 22
Figure 5 : DIAGRAMME DES CAS D’UTILISATION GÉNÉRAL

23. 23
Diagramme cas d’utilisation cas administrateur :
 Diagramme cas d’utilisation cas Employée :
Figure 7 : DIAGRAMME DES CAS D’UTILISATION D’EMPLOYÉE
Figure 6 : DIAGRAMME DES CAS D’UTILISATION DE L’ADMINISTRATEUR

24. 24
9. Conclusion
Dans ce chapitre nous avons tout d’abord décortiqué les besoins en termes
d’exigences fonctionnelles et non fonctionnelles de l’application. Ces besoins sont par
la suite modélisés au moyen des diagrammes UML(Unified Modeling
Language).Grâce à cette analyse, nous sommes prêts à passer à la description détaillée
de l’aspect architectural de l’application dans le chapitre suivant.

25. 25
Chapitre 3
CONCEPTION

26. 26
Introduction
Après savoir fixé les besoins et les objectifs dans le chapitre précédent, nous
nous focalisons sur l’aspect architectural de l’application. Cette phase a pour but
de concevoir les schémas généraux qui permettent la modélisation et la
description d’une manière non ambiguë du fonctionnement désiré de
l’application. Dans ce chapitre une vue détaillée en se basant sur le langage UML
(Unified Modeling Language).
I. Conception détaillé
Dans ce qui suit, nous détaillons la conception à l’aide de la méthodologie UML.
1. Diagramme de classes
Le diagramme de classes exprime la structure statique du système en termes de classes
et de relations entre ces classes. Il fait abstraction des aspects dynamiques et temporels.
La figure 9 montre le diagramme de classes qui collaborent au fonctionnement de notre
application.

27. 27
Figure 8 : Diagramme de classes de l’application

28. 28
2. Diagramme entité association :
Le diagramme de la figure 9 illustre les tables construits ainsi que les relations qui
existent entre eux.
Figure 9 : DIAGRAMME ENTITÉ ASSOCIATION DE L’APPLICATION

29. 29
3. diagramme de séquences
Dans cette section ,nous présentons les diagrammes de séquences associés à notre
application . Les diagrammes de séquences montrent les collaborations entre les objets
selon un point de vue temporel en mettant l’accent sur la chronologie des envois de
messages. Ainsi, Les diagrammes de séquences présentent une vue dynamique du
système et la communication entre les couches. Dans ce qui suit nous présentons les
diagrammes les plus importants de notre application.
a. Authentification :
Le diagramme de séquence présenté par la figure 10 est relatif au scénario de
l’authentification qui est détaillé comme suit :
• Acteurs : les utilisateurs de l’application : l’administrateur et l’employé.
• But : s’authentifier pour profiter des différentes fonctionnalités offertes par
l’application.
Figure 10 : DIAGRAMME DE SÉQUENCES DE L’AUTHENTFICATION

30. 30
• Pré-conditions : L’utilisateur doit avoir un compte déjà créé
b-Gestion des congés
Le scénario illustré par la figure 11 correspond à la gestion des congés
Figure 11 : DIAGRAMME DE SÉQUENCE DE LA GESTION DES DEMANDES DES CONGÉS (COTÉ
ADMINISTRATEUR)

31. 31
Gestion des déplacements
Le scénario illustré par la figure 12 correspond à la gestion des déplacements
Figure 12 : DIAGRAMME DE SÉQUENCE DE LA GESTION DÉPLACEMENTS (AJOUTER
DÉPLACEMENT)
Gestion des personnels
Le scénario illustré par la figure 12 correspond à la gestion des personnel

32. 32
Figure 13 : DIAGRAMME DE SÉQUENCE DE LA GESTION DES EMPLOYÉES (AJOUTER
EMPLOYÉE)
Gestion des primes
FIGURE 14 : DIAGRAMME DE SÉQUENCE DE LA GESTION DES PRIMES (AJOUTER PRIME)

33. 33
Gestion des départs :
Figure 15 : DIAGRAMME DE SÉQUENCE DE LA GESTION DES DEPART (Ajout départ)
Gestion des bulletins de paie :
Figure 16 : DIAGRAMME DE SÉQUENCE DE LA GESTION DES Bulletins de paie(Ajout)

34. 34
II. Conclusion
A travers ce chapitre, nous avons présenté notre conception proposée pour
l’application. Nous avons fourni, dans un premier lieu, une conception globale. Par la
suite, nous avons détaillé la conception à travers les diagrammes UML qui nous ont
permis de dégager la vue statique ainsi que la vue dynamique de l’application. Afin
d’illustrer la concrétisation de cette conception, nous présenterons dans le chapitre
suivant une description de l’état de la réalisation de notre projet.

35. 35
Chapitre 4
REALISATION

36. 36
Introduction
Cette partie contient le dernier volet de ce rapport. Elle a pour objectif d’exposer
le travail achevé. Dans un premier temps, nous présentons l’environnement matériel,
logiciel et les différents outils de développement utilisés. Dans un second temps, nous
illustrons la réalisation de notre travail par des imprimes écran des interfaces les plus
importantes de notre application.
I. Environnement de travail
Nous présentons dans cette section l’environnement matériel mis à la
disposition du présent projet, ainsi que l’environnement logiciel utilisé pour le
développement et la mise en place de notre application.
I. Environnement matériel
Pour la réalisation de ce projet, nous avons disposé d’un ordinateur ACCER
caractérisé par :
• Processeur : Intel(R) Core(TM) I5 3 GHz
• Mémoire : 8 Go de RAM .
 Disque dur : 1000 Go .
• Système d’exploitation : windows 10.
II. Environnement logiciel
Dans ce qui suit, nous présentons l’environnement logiciel utilisé pour mener à
terme ce sujet.

37. 37
Microsoft Visual Studio
Microsoft Visual Studio est un
ensemble complet d'outils de
développement permettant de générer
des applications web ASP.NET, des services web XML, des applications
bureautiques et des applications mobiles. Visual Basic, Visual C++, Visual
C# utilisent tous le même environnement de développement intégré(IDE), qui leur
permet de partager des outils et facilite la création de solutions faisant appel à
plusieurs langages. Par ailleurs, ces langages permettent de mieux tirer parti des
fonctionnalités du framework .NET, qui fournit un accès à des technologies clés
simplifiant le développement d'applications web ASP et de services web XML
grâce à Visual Web Developer.
Entity Framework
Entity Framework est le mapping objet-relationnel
utilisé par la technologie Microsoft .NET1. Il est écrit
en langage C#.
Microsoft SQL Server
Microsoft SQL Server est un système de gestion de
base de données (SGBD) en langage SQL incorporant
entre autres un SGBDR (SGBD relationnel »)
développé et commercialisé par la société Microsoft. Il
fonctionne sous les OS Windows et Linux (depuis mars 2016), mais il est possible
de le lancer sur Mac OS via Docker, car il en existe une version en téléchargement
sur le site de Microsoft.
ASP.NET MVC

38. 38
ASP.NET MVC est un framework de programmation
des applications web en style MVC ajouté à ASP.NET
en 2009. Il a été créé en 2007 par Scott Guthrie, un des
auteurs d'ASP.Net puis a été incorporé à ASP.NET et
est devenu un produit officiel de Microsoft avec la
sortie de ASP.Net MVC 1.01. Le code source d'ASP.Net MVC est publié sous licence
libre Microsoft Public License
Les sites web Stack Overflow et CodePlex ont été créés avec ASP.NET MVC.
HTML5
HTML5 (HyperText Markup Language 5) est la
dernière révision majeure du HTML (format de données
conçu pour représenter les pages web). Cette version a
été finalisée le 28 octobre 2014. HTML5 spécifie deux
syntaxes d'un modèle abstrait défini en termes de DOM :
HTML5 et XHTML5. Le langage comprend également une couche application avec
de nombreuses API, ainsi qu'un algorithme afin de pouvoir traiter les documents
à la syntaxe non conforme. Le travail a été repris par le W3C en mars 2007 après
avoir été lancé par le WHATWG. Les deux organisations travaillent en parallèle
sur le même document afin de maintenir une version unique de la technologie.
CSS
Les feuilles de style en cascade1, généralement
appelées CSS de l'anglais Cascading Style Sheets,
forment un langage informatique qui décrit la
présentation des documents HTML et XML. Les
standards définissant CSS sont publiés par le World Wide Web Consortium (W3C).
Introduit au milieu des années 1990, CSS devient couramment utilisé dans la
conception de sites web et bien pris en charge par les navigateurs web dans les
années 2000.
Bootstrap

39. 39
Bootstrap est une collection d'outils utiles à la création
du design (graphisme, animation et interactions avec la
page dans le navigateur, etc.) de sites et d'applications
web. C'est un ensemble qui contient des codes HTML et
CSS, des formulaires, boutons, outils de navigation et
autres éléments interactifs, ainsi que des extensions JavaScript en option. C'est l'un
des projets les plus populaires sur la plate-forme de gestion de développement
GitHub.
JavaScript
JavaScript est un langage de programmation de
scripts principalement employé dans les pages web
interactives mais aussi pour les serveurs2 avec
l'utilisation (par exemple) de Node.js3. C'est un langage
orienté objet à prototype, c'est-à-dire que les bases du
langage et ses principales interfaces sont fournies par des objets qui ne sont pas des
instances de classes, mais qui sont chacun équipés de constructeurs permettant de
créer leurs propriétés, et notamment une propriété de prototypage qui permet d'en
créer des objets héritiers personnalisés. En outre, les fonctions sont des objets de
première classe. Le langage supporte le paradigme objet, impératif et fonctionnel.
II. Exposition du travail réalisé
Dans cette partie, nous présentons notre travail en exposant des captures d’écran
des interfaces les plus importantes de notre application

40. 40
Interface d’accueil
Figure 17 : interface d’accueil
L’interface d’accueil de l’application contient le menu principal du site Web . Des liens
hypertextes donnent la possibilité à l’utilisateur d’accéder directement aux rubriques
qui l’intéressent.
Interface d’authentification
Figure 18 : interface d’authentification

41. 41
Quel que soit le type de l’utilisateur(administrateur, employée),il doit s’authentifier
avant d’accéder aux différentes fonctionnalités . L’authentification est assurée par
l’interface illustrée par la figure Dans cette interface, l’utilisateur saisit son identifiant
et son mot de passe.
Interface de l’administrateur
Figure 19 : interface administrateur
1. Interface de l’espace administrateur : ajout d’un employée
Figure 20 : Interface de l’espace administrateur : ajout d’un employé

42. 42
2. Interface de l’espace administrateur : Liste employées
3. Interface de l’espace administrateur : détaille employé
Figure 21 : Interface de l’espace administrateur : La liste des employées
Figure 22 : Interface de l’espace administrateur : détails de l’employée

43. 43
4. interface de l’espace administrateur : Formation
 cette interface permet aux administrateurs d’ajouter des Formation
5. interface de l’espace administrateur : absence
 cette interface permet aux administrateurs d’ajouter des Formation
Figure 23 : Interface de l’espace administrateur : Formation
Figure 24 : Interface de l’espace administrateur : Absence

44. 44
6. interface de l’espace administrateur : Ajout Prime
7. interface de l’espace employée :
8. interface de l’espace employée : Demande congé
Figure 26 : Interface de l’espace Employée:
Figure 27 : interface de l’espace employée : Demande congé
Figure 25 : Interface de l’espace administrateur : Ajouté Prime

45. 45
III. Conclusion
A ce stade, nous atteignons la fin de l’étude du projet. Dans ce dernier chapitre,
nous avons à la fois décrit les environnements matériel et logiciel sur lesquels nous
avons construit notre application. Ensuite, nous avons illustré les fonctionnalités
importantes de l’application en fournissant quelques interfaces graphiques de
l’application. A présent, nous passerons, dans la partie suivante, à la conclusion
globale de notre projet.

46. 46
CONCLUSION
GENERAL
Dans notre projet nous avons mis en œuvre une application web permettant la
gestion des ressources humaines pour la société "DIMENSION DATA MAROC".
L’objectif est de faciliter la gestion ressource humaine et diminuer les risques
d’erreur.
Pour aboutir à ce résultat, nous avons tout d’abord commencé par une étude de
l’art avec une étude de l’existant. Ensuite, nous avons analysé et spécifié les besoins
nécessaires pour le développement du notre projet : nous avons pu dégager les
fonctionnalités principales que l’application doit intégrer ainsi que les fonctionnalités
secondaires qui répondent aux besoins non fonctionnels qu’elle doit satisfaire .Par la
suite ,nous avons procédé à l’étape de conception nous avons commencé par
l’architecture adoptée pour aboutir après à une conception détaillée qui met l’accent
sur l’aspect statique et dynamique de l’application. Enfin, nous avons présenté les
environnements matériels et logiciels utilisés ainsi qu’une illustration des différentes
interfaces graphiques de notre application.
Ce projet nous a permis de s’adapter, de s’améliorer dans le développement des
applications web, d’enrichir et d’approfondir nos connaissances techniques. En outre,
il nous a été bénéfique dans la familiarisation avec la conduite de projet informatique
de façon méthodique et organisée.

47. 47
WEBOGRAPHIE
https://www.developpez.com
https://dotnet.developpez.com/mvc/
https://www.w3schools.com
https://www.tutorialsteacher.com