Modèle Rapport de Stage

CONCEPTION D'UNE APPLICATION WEB DE GESTION DE PROJET :
CAS DE ELMAR MAIR
DEDICACE
A Ma Famille
Qui est ma force
Rédigé et présenté par : TAFFO FOTSING GERAUD i

FIRMIN
CAS DE ELMAR MAIR
REMERCIEMENTS
Le présent rapport est l’aboutissement de la coopération et le soutien de plusieurs

personnes. Nous remercions ainsi toutes les personnes qui de près ou de loin ont
apporté leurs contributions au bon déroulement de ce travail. Plus particulièrement,
nous tenons à remercier :
 M. KENFACK notre encadreur académique pour sa disponibilité et ses

multiples conseils;
 Dr. Blaise OUAFO Directeur de L’IME pour la formation de qualité qu’il met
à notre disposition.
 M. ROSSINI TAPIGUE Directeur de NUSYCE, notre encadreur
professionnel pour son soutien et son attachement à la réussite de ce projet;
 M. EBIGUETIE SIMON Employé à NUSYCE, pour son soutien et son
attachement à la réussite de ce projet
 Tous mes enseignants pour la qualité de la formation et leur disponibilité quand
nous en avions besoin.
 La grande famille FOTSING qui m’a toujours donné son affection et qui m’a
soutenu moralement et financièrement.
 Mes frères et sœurs pour l’énergie positive et le soutien moral qu’ils m’ont
apporté.
 A mes amis pour l’aide et le soutien qu’ils m’ont accordés.
Rédigé et présenté par : TAFFO FOTSING GERAUD ii

FIRMIN
CAS DE ELMAR MAIR
SOMMAIRE
DEDICACE____________________________________________________________i
REMERCIEMENTS_____________________________________________________ii
SOMMAIRE__________________________________________________________iii
LISTE DES TABLEAUX__________________________________________________v
LISTE DES FIGURES___________________________________________________vi
LISTE DES ABREVIATIONS_____________________________________________vii
AVANT-PROPOS_____________________________________________________viii
RESUME_____________________________________________________________x
ABSTRACT___________________________________________________________xi
INTRODUCTION GENERALE__________________________________________- 1 -
PREMIERE PARTIE : ETUDE DE L’ENVIRONNEMENT ___________________- 3 -
CHAPITRE 1 : ENVIRONNEMENT DE STAGE____________________________- 4 -
SECTION 1 : PRESENTATION DE L’ENTREPRISE___________________________- 4 -
SECTION 2 : DEROULEMENT DU STAGE_________________________________- 10 -
CHAPITRE 2 : PRESENTATION DU PROJET____________________________- 11 -
SECTION 1 : ETUDE DE L’EXISTANT_____________________________________- 11 -
SECTION 2 : CONTEXTE DU PROJET_____________________________________- 13 -
DEUXIEME PARTIE : MODELISATION DU SYSTEME FUTUR_____________- 19 -
CHAPITRE 3 : ANALYSE ET CONCEPTION_____________________________- 20 -
SECTION 1 : ANALYSE FONCTIONNELLE : DIAGRAMME DE CAS
D’UTILISATION________________________________________________________- 20 -
SECTION 2 : ANALYSE DYNAMIQUE : DIAGRAMME DE SEQUENCE DETAILLE_-
27 -
SECTION 3 : CONCEPTION DES DONNEES_______________________________- 30 -
CHAPITRE 4 : IMPLEMENTATION ET TESTS___________________________- 39 -
SECTION 1 : IMPLEMENTATION_________________________________________- 39 -
SECTION 2 : TESTS_____________________________________________________- 40 -
CONCLUSION_____________________________________________________- 50 -
Rédigé et présenté par : TAFFO FOTSING GERAUD iii
FIRMIN
CAS DE ELMAR MAIR
REFERENCES BIBLIOGRAPHIQUES__________________________________- 51 -
WEBOGRAPHIES___________________________________________________- 52 -
TABLE DE MATIERES_______________________________________________- 53 -
LISTE DES TABLEAUX
TABLEAU 1 : Cas d’utilisation « S’authentifier » ______________________________22

Rédigé et présenté par : TAFFO FOTSING GERAUD iv
FIRMIN
CAS DE ELMAR MAIR
TABLEAU 2 : Cas d’utilisation « Gérer rôle et permissions »
____________________23
TABLEAU 3 : Cas d’utilisation « Assigner un Projet à un employé » _____________ 24
TABLEAU 4 : Cas d’utilisation « Enregistrer un personnel » ____________________24
TABLEAU 5 : Cas d’utilisation « Effectuer suivie du temps » ____________________25
TABLEAU 6 : Quelques Formalismes du diagramme de Cas d’utilisation _________25
TABLEAU 7 : Quelques concepts du diagramme de classe ______________________31
TABLEAU 8 : MPD de la table USER _______________________________________ 35
TABLEAU 9 : MPD de la table PROJEKTE __________________________________ 36
TABLEAU 10 : MPD de la table TIMELINE __________________________________36
Rédigé et présenté par : TAFFO FOTSING GERAUD v

FIRMIN
CAS DE ELMAR MAIR
LISTE DES FIGURES
FIGURE 1 : Organigramme de l’entreprise ___________________________________06
FIGURE 2 : Schéma modes d’opératoires ____________________________________08
FIGURE 3 : Plan de localisation ___________________________________________ 09
FIGURE 4 : Formalisme d’un utilisateur _____________________________________21
FIGURE 5 : Formalisme d’un cas d’utilisation ________________________________21
FIGURE 6 : Diagramme de cas d’utilisation __________________________________26
FIGURE 7 : Diagramme de séquence « Authentification » ______________________28
FIGURE 8 : Diagramme de séquence « Enregistrer projekte » __________________ 29
FIGURE 9 : Diagramme de classe __________________________________________ 31
FIGURE 10 : Modèle physique de donnée ____________________________________37
FIGURE 11 : Code source liste du personnel _________________________________43
FIGURE 12 : Formulaire de connexion ______________________________________44
FIGURE 13 : Menu de l’application ________________________________________ 45
FIGURE 14 : Dashboard __________________________________________________45
FIGURE 15 : Liste du personnel ____________________________________________46
FIGURE 16 : Liste des projets______________________________________________47
FIGURE 17 : Paramètre d’un projet ________________________________________48
FIGURE 18 : Paramètre de l’application ___________________________________ 48
FIGURE 19 : Formulaire de création rôle et permission ______________________ 49
Rédigé et présenté par : TAFFO FOTSING GERAUD vi

FIRMIN
CAS DE ELMAR MAIR
LISTE DES ABREVIATIONS
IME : Institut supérieur de Management et de l’Entrepreneuriat

MLDR: Modèle Logique de Données Relationnelles
SGBD: Système de Gestion de Base de Données
SGBDR: Système de Gestion de Base de Données Relationnelles
MPD: Modèle Physique de Données
HTML: HyperText Markup Language
CSS : Cascading Style Sheets (Feuille de style en cascade)
SQL: Structured Query Language
UML: Unified Modeling Language
API: Application programming interface
AJAX: Asynchronous javascript and XML
UX: User Expérience
UI: User interface
SD: Séquence diagramme
Rédigé et présenté par : TAFFO FOTSING GERAUD vii

FIRMIN
CAS DE ELMAR MAIR
AVANT-PROPOS
Le gouvernement camerounais dans le souci, et la volonté de permettre aux

jeunes d’intégrer la vie ou le milieu professionnel a autorisé la création de l’Institut
supérieur de Management et de l’Entreprenariat (IME) par arrêté ministériel
N°10/02174/MINESUP/DDES/SAC/NJE/ebm. Les progrès scientifiques bousculent
de plus en plus les acquis, qu’ils soient du domaine de la science pure ou du domaine
de la recherche appliquée. Dans cette mouvance la professionnalisation de la formation
constitue le seul moyen de s’y arrimer. Plus que jamais l’avenir des jeunes passera par
cet impératif. Conscient de cette nécessité, l’Institut supérieur de Management et de
l’Entrepreneuriat (IME) s’est assigné comme objectif d’apporter sa contribution pour
relever ce défi en alliant le savoir être et le savoir-faire dans la formation qu’il propose
aux jeunes. Pour répondre à ce besoin pressant de diversification et d’évolution, IME
propose aux jeunes Camerounais et Africains de la sous-région une formation à deux
dimensions, l’une théorique formée de cours magistraux dans les domaines tels que :
 Comptabilité et gestion d’entreprise (CGE)

 Action commercial (ACO)
 Banque et finance (BF)
 Commerce international (CI)
 Gestion logistique et transport (GLT)
 Génie logiciel (GL)
 Communication d’entreprise (CE)
Et également en licence portant sur les spécialités suivantes :
 Génie logiciel (GL)

 Marketing et management opérationnel (MMO)
 Gestion des ressources humaines (GRH)
 Réseau et télécom (RT)
 Sécurité informatique (SI)
 Comptabilité et finance (CF)
Rédigé et présenté par : TAFFO FOTSING GERAUD viii
FIRMIN
CAS DE ELMAR MAIR
 Audit et contrôle de gestion (ACG)
 Gestion logistique et transport (GLT)
Et l’autre beaucoup plus pratique à travers des séminaires, formations concernant les
unités de valeur comme l’analyse et la conception de systèmes informatiques, la
programmation, les bases de données, le réseau… Au bout de cette formation intense,
chaque étudiant doit effectuer un stage en entreprise à l’issu duquel il devra fournir un
rapport. C’est ainsi que nous avons effectué un stage dans l’entreprise NUSYCE Sarl
où la tâche sur laquelle nous avons travaillé consistait à réaliser une application qui
permettra, aux employés d’une entreprise de mieux gérer d’avantages le management
des différents Projets sur lesquels travaille cette entreprise, l’administration,
l’attribution des taches et bien d’autres. Cette dernière constituera le thème de notre
rapport de stage.
Rédigé et présenté par : TAFFO FOTSING GERAUD ix

FIRMIN
CAS DE ELMAR MAIR
RESUME
Tout au long de la période de notre stage professionnel, nous avons travaillé en tant
que développeur d’application web et mobile dans l’entreprise digital NUSYCE Sarl
ou il nous a été confié la tâche de réaliser une application web de gestion de projet
pour l’entreprise ELMAR MAIR.
ELMAR MAIR est une entreprise spécialisée dans le domaine du génie civil et la
construction des routes, ainsi que dans le jardinage et l'aménagement paysager. Ainsi
dans le but de mieux gérer les différents projets gagner par leur entreprise ou en
interne, ils ont fait appel à NUSYCE qui est une entreprise digitale spécialiser dans la
création de site internet, d’application web et mobile.
Cette période, constituant une expérience riche et passionnante nous a permis de nous
acclimater aux nouvelles technologies du web. De plus, elle nous a offert la possibilité
de faire un pas en avant dans la vie professionnelle et dans les métiers du monde IT.
Rédigé et présenté par : TAFFO FOTSING GERAUD x

FIRMIN
CAS DE ELMAR MAIR
ABSTRACT
Throughout the period of our professional internship, we worked as a web and mobile
application developer in the digital company NUSYCE Sarl where we were entrusted
with the task of realizing a web application of project management for the company
ELMAR MAIR.
ELMAR MAIR is a company specializing in the field of civil engineering and road
construction, as well as in gardening and landscaping. So in order to better manage the
different projects won by their company or internally, they called on NUSYCE which
is a digital company specializing in the creation of websites, web and mobile
applications.
This period, constituting a rich and fascinating experience, allowed us to acclimatize to
new web technologies. In addition, it gave us the opportunity to take a step forward in
professional life and in the professions of the IT world.
Rédigé et présenté par : TAFFO FOTSING GERAUD xi

FIRMIN
CAS DE ELMAR MAIR
INTRODUCTION GENERALE
L’apparition des systèmes d’informations ont permis d’améliorer le traitement de

l’information et l’interaction au sein des entreprises. Cette évolution n’est pas un
phénomène éphémère. Si nous, en tant que simples personnes, avons besoin d’un
minimum de coordination pour nos tâches journalières, à combien plus forte raison les
entreprises, qui, gèrent quotidiennement des centaines de données, de processus et de
traitements ; car parmi les enjeux les plus cruciaux et les plus vitaux de l’entreprise, il
en existe un qui passe particulièrement avant tous les autres : c’est celui d’entretenir
l’information, d’assurer son expédition et son acheminement de la manière la plus
correcte qu’il soit.
Ceci représente un besoin vif s’incluant dans le cadre de fonctionnement de

tout organisme. Les systèmes d’information ont pu répondre de la manière la plus
efficace qu’il soit à ce besoin sensible. Depuis, chaque entreprise tente de faciliter les
activités dans chaque département, en mettant en place des solutions de gestion,
facilitant la collecte, le traitement, le stockage et la diffusion des informations.
L’entreprise NUSYCE étant une entreprise digital, délivre des services IT à des clients
dans le besoin. Dans cette optique, l’entreprise nous a confié de travailler sur un projet
qui fait aujourd’hui l’objet de notre thème qui est : « La conception d’une
application de gestion de projet pour l’entreprise Elmar mair ». Ce projet
constitue notre rapport de fin de stage pour la Licence.
Au sujet des méthodologies de travail employées pour notre projet, nous

avons utilisé la plateforme Asana qui permet aux clients de lister un ensemble de tache
quotidien, de tester et valider la tache lorsqu’elle est assurée, que celle-ci respecte les
exigences demander.
Au sujet des technologies de développement, il nous a également été

recommandé d’utiliser les technologies de développement d’application web
suivantes:
Rédigé et présenté par : TAFFO FOTSING GERAUD 1

FIRMIN
CAS DE ELMAR MAIR
 Le Framework LARAVEL comme langage de développement (avec le design

pattern MVC) ;
 MySQL comme SGBD.
Pour une bonne présentation de notre travail, ce rapport sera subdivisé en 02

grandes parties comportant chacune deux chapitres :
La première partie intitulée « Etude de l’environnement » présentera le cadre

de travail dans lequel nous avons mené notre stage. Les deux chapitres constituant
cette partie sont :
 La présentation de l’entreprise
 L’étude de l’existant (étude préalable)
La deuxième partie intitulée « Modélisation du système futur » présentera la

conception de la solution future pour le système d’information. Les deux chapitres
constituants cette partie sont :
 L’analyse et la conception du système futur

 L’implémentation et test de fonctionnement ;
Ce rapport sera clôturé par une conclusion générale récapitulant tout le travail que l’on
a réalisé, tout en énumérant les compétences, et l’expérience que nous avons acquise
durant toute la durée de notre stage professionnel.

FIRMIN
CAS DE ELMAR MAIR
PREMIERE PARTIE : ETUDE DE L’ENVIRONNEMENT
Dans cette partie nous ferons la description réelle du fonctionnement de

l’entreprise, depuis la présentation générale de l’entreprise jusqu’à la représentation exacte
du système d’information. Cette première partie est divisée en deux :
 La présentation de l’entreprise
 L’étude préalable
CHAPITRE 1 : ENVIRONNEMENT DE STAGE

FIRMIN
CAS DE ELMAR MAIR
SECTION 1 : PRESENTATION DE L’ENTREPRISE
Créé en 2020, NUSYCE est une agence numérique spécialisée dans la

digitalisation des procédures. Il s’agit d’une équipe de jeunes camerounais dynamiques
et talentueux qui mettent en concurrence leurs compétences pour produire un ensemble
de solutions numériques personnalisées pour les entreprises, et les particuliers afin de
leurs permettre de tirer parti au mieux les avantages de l’expérience du digital.
L’idée venu de M. TAPIGUE ROSSINI, passionné des nouvelles technologies
de l’information et de la communication qui après son cycle de formations
universitaire, et quelques années d’expériences en entreprises, à décider de mettre sur
pied un rêve à savoir la mise sur pied d’une entreprise digital concurrente, capable de
relever les défis et répondre pleinement aux attentes des entreprises les plus
exigeantes.
L’utilisation des technologies de pointe dans ses ateliers de productions, la mise
en œuvre des nouvelles techniques d’analyses et la conception des systèmes modernes
sont les points d’honneur de l’entreprise. La mise à jours de ses services et le suivi de
ses partenaires sont les atouts qui lui permettent de se positionner sur le marché.
Après quelques mois d'existence, le projet NUSYCE, a déjà aujourd’hui une
dizaine de clients satisfaits, deux ERP déployés et bien plus encore.
I. COORDONNEES DE L’ENTREPRISE
L’entreprise NUSYCE est située à Douala au Cameroun, plus précisément au

lieu-dit Rond-point Dakar, au troisième étage Immeuble Afriland First Bank. Nos
bureaux sont ouverts du lundi au vendredi de 8H00 entre 17h00, et le Samedi de 8H00
à 12H00, et si besoin sur rendez-vous au-delà des horaires d’ouvertures. Des canaux
d’accès numériques sont disponibles pour contacter l’entreprise notamment le site web
officiel mis en ligne à l’adresse https://www.nusyce.com/ , des numéros de téléphones
mobiles et adresses e-mail disponibles et mis à jour sur le site web officiel, et
également via les plateformes de réseaux sociaux LinkedIn, Facebook, et Instagram.

FIRMIN
CAS DE ELMAR MAIR
Informations complémentaires
Raison sociale : NUSYCE SARL
N I U : M072014678342D
S.A.R.L au Capital de 2 000 000 Fcfa
RCCM : RC/DLA/2020/B
II. HISTORIQUES ET PERFORMANCES PASSEES
Bien que légalement créée au Cameroun en 2020, L’entreprise proposait déjà

ses services aux entreprises à l'international depuis plus de deux ans. En effet c’est à
titre individuel, à l’origine que le promoteur M. TAPIGUE ROSSINI, à débuter les
prestations de services auprès d’entreprises à travers plusieurs pays.
III. ACTIVITES EXERCEES

Nous fournissons à nos clients des prestations de qualité réalisées par des
développeurs créatifs et innovants. Le suivi des réalisations ainsi qu’une disponibilité
permanente sont les conditions essentielles d’un service performant.
Pour tous projets à concevoir dans le domaine informatique et technologique,
nos compétences et notre expérience permettent de concevoir une offre adaptée à votre
situation et à vos besoins, l’amélioration et la qualité de vos services demeurant une de
nos priorités.
IV.NOS VALEURS
« Savoir-faire et Qualité, Engagement, Disponibilité, Responsabilité, Confiance et
Proximité ».
V. ORGANIGRAMME DE L’ENTREPRISE

FIRMIN
CAS DE ELMAR MAIR
Promoteur
Rossini Tapigue
Secrétariat
Comptabilité
Commercial
Service de
développement Service de Service d'intégration
applications et maintenance de solution
Design
Figure 1 : Organigramme de l’entreprise
VI. LES SERVICES
Nous fournissons à nos clients des prestations de qualité réalisées par des
développeurs créatifs et innovants. Le suivi des réalisations ainsi qu’une disponibilité
permanente sont les conditions essentielles d’un service performant.
Pour tous projets à concevoir dans le domaine informatique et technologique,
nos compétences et notre expérience permettent de concevoir une offre adaptée à votre
situation et à vos besoins, l’amélioration et la qualité de vos services demeurant une de
nos priorités.
- Marketing digital
● Campagne de newsletter
● Publicité sur Google
● Publicité sur Facebook
● Collecte de donnée
● Campagne de SMS
- Création applications web

● Création des applications web selon vos besoins

FIRMIN
CAS DE ELMAR MAIR
● Création de site web vitrine
● Création de site web de e-commerce
- Création des applications mobiles Android et IOS

● Création des applications mobile de e-commerce
● Création d’application mobile de gestion
● Création d’application mobile pour des systèmes de géolocalisations
● Etc. …
- Intégration des solutions ERP et CRM

● Gestion de la paie
● Gestion des ventes
● Gestion des achats
● Gestion de la facturation
● Gestion de la comptabilité
● Gestion des clients
● Gestion des stocks
● Gestion du parc informatique
● Archivage numérique
● Etc.
- Création Graphique
● Création de logo
● Création des flyers
● Création des cartes de visite
● Création des maquettes de site web et d’application
- Formations
● Formation du personnel d’entreprise sur l’utilisation des solutions de
gestions
● Formation en création des sites web
● Formation en création d’application mobile

FIRMIN
CAS DE ELMAR MAIR
● Formation en marketing digital
● Formation en community management
VII. LA COMMUNICATION
L’entreprise NUSYCE communique essentiellement grâce aux canaux digitaux
offerts par le web, utilisant ainsi les plateformes tel que Facebook Ads, Google Ads,
LinkedIn et aussi via les moyens de communication utilisés par le marketing
traditionnel comme les flyers, les plaquettes et le bouche à oreille.
VIII. LES MODES OPERATOIRES
Analyse de besoin
Proposition de solution, feuille de route et conditions
Accord pour lancement de projet
Conception, dé veloppement, teste et mise en utilisation
Assistances et Maintenances
Figure 2 : Schéma modes d’opératoires
IX.PLAN DE LOCALISATION
Nous sommes situés à Douala au Cameroun, plus précisément au lieu-dit Rond-

point Dakar, au troisième étage Immeuble Afriland First Bank localisé via le plan de
localisation ci-dessous.

FIRMIN
CAS DE ELMAR MAIR
Figure 3 : Plan de localisation
SECTION 2 : DEROULEMENT DU STAGE
I. Présentation du service d’accueil en stage

Nous avons effectué notre stage au Service développement d’applications et Design ou
j’occupais le poste de développeur de site internet st d’application web et mobile pour
de nombreux clients de l’entreprise

FIRMIN
CAS DE ELMAR MAIR
II. Description des activitées quotidiennes
Notre stage s’est tenue pendant une période de 06 mois (octobre – mars) pendant
lequel nos activités étaient essentiellement basées sur :
 La connaissance de l’entreprise et sa vision ;
 Réalisation des taches données par le client sur la plateforme Asana
 Configuration des serveurs distant pour diverse client
 Création des sites internet avec WordPress pour divers clients
 Création des sites internet et applications avec LARAVEL pour divers clients
 Comprendre flutter et effectuer des ajustements sur des applications mobiles
 Comprendre les concepts de base des API faites en NODEJS et du
FRAMEWORK ANGULAR
 Effectuer des modifications sur le frontend d’une application de transaction
monétaire Nupay faite avec angular

FIRMIN
CAS DE ELMAR MAIR
CHAPITRE 2 : PRESENTATION DU PROJET
Il sera question pour nous ici de faire une étude préalable du système à automatiser qui
consistera à faire l’étude de l’existant et la description des besoins
SECTION 1 : ETUDE DE L’EXISTANT

a. ETUDE D’OPPORTUNITE
Elle consiste à recenser les influences liées au problème et à mettre en place une
solution plus efficace. Ainsi le principal problème rencontré est celui de la
difficulté qu’a le chef de projet d’évaluer de façon rapide et fiable les différents
temps de réalisation faites par les membres de l’équipe des différentes tâches qui
leur sont attribuer par rapport à un ou plusieurs projets de l’entreprise
b. ETUDE DE FAISABILITE
La mise en place de cette solution informatique aura pour objectif de permettre à
l’entreprise d’enregistrer les diffèrent projet de l’entreprise, les équipements et les
différentes tâches à effectuer. Elle permettra aussi d’assigner automatiquement les
employés au projet enregistrer afin de pouvoir suivre l’évolutions des tâches
attribuées en consultant directement la durée mise sur une tâche par un employé et
ainsi, pouvoir mieux gérer les délais de réalisation finale des différents projets de
l’entreprise
c. DESCRIPTION DE L’EXISTANT
construction des routes, ainsi que dans le jardinage et l'aménagement paysager. Le
processus utiliser pour mener à bien leur différent projet est le suivant :.
1- Préparation

FIRMIN
CAS DE ELMAR MAIR
Dans cette étape l’entreprise établit tout ce qu’il faut faire sur le chantier et
définit les moyens nécessaires à sa réalisation C’est surtout leur bureau de
méthodes de l’entreprise qui intervient en précisant : • les moyens en hommes :
types de métiers, combien de personnes pour combien de temps… • les moyens
en matériels : quantité et types d’engins, leur implantation sur le chantier… • le
cas échéant, les parties du chantier confiées à des entreprises sous-traitantes.
• les plannings : qui intervient et à quel moment, comment les différentes tâches
s’organisent les unes par rapport aux autres.
2- Mobilisation et installation
ll s’agit de constituer les équipes, et de nommer les responsables. Chacun va
prendre sa mission sur le projet. Parallèlement, sont implantés les matériels, les
équipements sanitaires et de sécurité.
3- Travaux
Le projet est découpé en phases, et l’entreprise combine organisation et
souplesse afin de mieux gérer les délais et les potentiels imprévus que peut
connaitre le projet
4- Fin du chantier
A la fin des vérifications sont faites par plusieurs cadres de l’entreprise afin de
s’assurer que le projet respecte les exigences données par le client.
d. CRITIQUE DE L’EXISTANT
L’actuel système utilisé au sein ELMAR MAIR au niveau des données se trouve
autour de fichier excel et cvs qui permettent d’agir comme bases de données pour
l’assignation des employés, tâches et équipements aux projets.
Ceci nous a permis de relever les limites suivantes :
SUR LE PLAN ORGANISATIONNEL

 L’accumulation de la paperasse dans le processus de collecte des données
 La lenteur dans la recherche d’une information précise
 La lenteur dans l’enregistrement et l’attribution des taches, et des équipements à
un projet
 La mauvaise gestion des assignations au projets et du suivie du temps de
réalisation ;

FIRMIN
CAS DE ELMAR MAIR
SUR LE PLAN TECHNIQUE
 La quasi-impossibilité de manager correctement l’assignation des employés au
projet ainsi que les différents équipements et tâches.
SECTION 2 : CONTEXTE DU PROJET

I- EXTRAIT DU CAHIER DES CHARGES
ELMAR MAIR dans l’expression de son besoin souhaite se doter d’une solution
logicielle de gestion de projet qui leur permettra d’administrer de manière efficace et
efficiente les différents projets de leur entreprise, le management des équipements, des
tâches et des employés.
Au sein de cette partie, nous présenterons un extrait du cahier des charges ayant
servi de base dans la mise en place du nouveau système reposant sur l’application de
gestion MAIR.
a. PRESENTATION GENERALE DU PROJET
construction des routes, ainsi que dans le jardinage et l'aménagement paysager.
Aujourd’hui ils souhaitent se doter une solution logicielle de gestion de projet. Cette
solution permettra à ce dernier d’administrer de manière efficace les différents projets
de l’entreprise.
b. OBJECTIFS DU PROJET
L’objectif de ce projet est de mettre sur pied une solution logicielle de gestion de
projet. Donc une solution efficiente, sécurisée et ergonomique qui pourra permettre à
ELMAR MAIR de mieux gérer son personnel et tous les facteurs intervenant dans la
réalisation d’un projet.
Dans le souci de satisfaire le besoin exprimé par ELMAR MAIR, cette solution
sera globale et complète. Elle part de la compréhension des besoins précis des métiers
en termes d’informations manipulées, et leurs traitements dans le système actuel,
jusqu’à la mise en exploitation totale de la plateforme logicielle.
Suite à l’analyse et la compréhension des besoins exprimés à travers les
échanges, les réunions et les documents partagés, il en ressort que ELMAR MAIR

FIRMIN
CAS DE ELMAR MAIR
souhaite une application Web robuste et fiable. Nous y avons dénombré plusieurs
exigences fonctionnelles et non-fonctionnelles.
c. ROLES DES PARTIES PRENANTES

i. ROLE DE ELMAR MAIR
Dans ce projet, ELMAR MAIR devra :
 Proposer un cahier des charges ;

 Valider le respect du cahier des charges ;
 Valider les phases de choix : contenus, charte graphique, ergonomie ;
 Veiller au respect des délais et à la qualité du service rendu ;
ii. Rôle de NUSYCE

Dans ce projet de développement d’une application de gestion, NUSYCE devra :
 Proposer et respecter un échéancier de réalisation de l’application en accord

avec le client ;
 Concevoir et réaliser ladite application ;
 Assurer la maintenance et l’évolution de l’outil applicatif ;
 Assurer un support technique ;
 Respecter les délais ;
d. LES EXIGENCES
i. EXIGENCES FONCTIONNELLES
Afin d’atteindre les objectifs suscités, l’application devra offrir les fonctionnalités
suivantes :
 LA GESTION DU PERSONNEL (PERSONNAL)
Fonctionnalités principales :
 Enregistrement d’un personnel ou employé en lui définissant un rôle
 Modifier les informations d’un personnel ;
 Supprimer un personnel
 LA GESTION DES PROJETS (PROJEKTE)
FIRMIN
CAS DE ELMAR MAIR
 Enregistrement d’un Project ;

 Modification des informations d’un Project ;
 Suppression d’un Project ;
 Assignation des employés à un projet ;
 Assignation des équipements à un projet
 Assignation des tâches à un projet
 Suivie du temps de travail
 LA GESTION DES DISPOSITIFS (GERATE)
 Enregistrement d’un dispositif ou équipements
 Modifier les informations d’un équipement;
 Supprimer un équipement
 LA GESTION DES FLOTTES DE VEHICULES(Fuhrpark)
 Enregistrement d’un véhicule
 Modifier les informations d’un véhicule
 Supprimer un véhicule
 LES PARAMETRES (Einstellungen)
 Enregistrement d’un nouveau paramètre
 Modifier les différents paramètres enregistrer;
 Supprimer un paramètre
 Activer ou désactiver un paramètre
 LES AUTORISATIONS (Berechtigungen)
 Enregistrement d’un rôle et ses différentes permissions
 Modifier les informations d’un rôle;
 Supprimer un rôle

FIRMIN
CAS DE ELMAR MAIR
 LA GESTION DES TACHES (Leistungsverzeichnis)
 Enregistrement une tâche
 Modifier les informations d’une tâche;
 Supprimer une tâche
ii. EXIGENCES NON-FONCTIONNELLES

Les exigences non-fonctionnelles auxquelles devra répondre cette application sont :
 La sécurité
L’application devra intégrer des mesures de sécurité contre les aspects tels que:
 Gestion des droits et accès ;

 Gestion des comptes utilisateurs ;
 Le cryptage des données ;
 La performance
L’application devra permettre l’enregistrement et le traitement des informations

dans un délai relativement court et rapide.
 La disponibilité
L’application devra être disponible a tous moment et a tout heure
 La continuité
L’application devra être continue dans la fourniture des prestations qu’attendent

les utilisateurs.
 L’ergonomie
L’application devra être facile d’utilisation et permettre une manipulation

intuitive pour alléger les utilisateurs de l’entreprise ELMAR MAIR dans l’exercice de
leurs tâches.

FIRMIN
CAS DE ELMAR MAIR
e. LES LIVRABLES
Les livrables attendus de ce projet sont les suivants :
 Le cahier d’analyse ;
 L’application fonctionnelle ;
 Le code source ;
 Le manuel d’utilisateur ;
f. LES CONTRAINTES
Les contraintes de la réalisation de ce projet sont :
i. CONTRAINTE D’EXPLOITATION
L’application sera déployée sur un serveur et devra être accessible sans installation
depuis tous les postes clients. L’administrateur principal doit avoir un accès à toutes
les opérations réalisées par les autres utilisateurs.
La gestion quotidienne de « l’application » ne doit pas générer des coûts de
fonctionnement supplémentaires.
ii. CONTRAINTE DE SECURITE
L’application devra posséder un système d’authentification et d’autorisation ;
iii. CONTRAINTE TECHNIQUE
Les outils et techniques de développement logiciel qui seront utilisés devront
respectés les standards internationaux en matière de développement logiciel.
Les outils et techniques préconisés seront :
 LARAVEL
 HTML5, CSS3 / BOOTSTRAP
 ELOQUENT
 MYSQL
 AJAX / JQUERY
L’incorporation et la mise en route d’une batterie de tests comme recommandées par
les bonnes pratiques de développement logiciel à savoir :
 Des Tests Unitaires ;
 Des Tests d’Intégration;
 Des Tests de Performance;
FIRMIN
CAS DE ELMAR MAIR
 Des Tests Fonctionnels;
 Les Tests de non-régression

FIRMIN
CAS DE ELMAR MAIR
DEUXIEME PARTIE : MODELISATION DU SYSTEME FUTUR
Dans cette deuxième partie nous allons présenter :
 Analyse et la conception du système futur ;

 Implémentation et tests de fonctionnement

FIRMIN
CAS DE ELMAR MAIR
CHAPITRE 3 : ANALYSE ET CONCEPTION
L’analyse et la conception du système futur est une étape très importante dans la mise
en place d’une nouvelle structure au sein d’une organisation. Cette analyse et
conception se fera grâce au langage de Modélisation UML.

D’UTILISATION
Elle désigne une méthode d’organisation du bon sens, consistant à rechercher et à
caractériser les fonctions offertes par un système pour satisfaire les besoins d’un
utilisateur.
On distingue 2 types d’analyse fonctionnelle :
 L’analyse fonctionnelle externe en vue d’exprimer le besoin de l’utilisateur
mettant en évidences les fonctions de services ou d’estime.
 L’analyse fonctionnelle interne qui exprime le point de vue du concepteur du
système, mettant en évidences les fonctions techniques.
L’objectif de l’analyse est de définir de manière objective les besoins de
l’utilisateur, de recenser toutes les fonctions que doit avoir un produit pour répondre à
un besoin et elle s’utilise soit pour concevoir un produit soit pour reconcevoir des
produits. Elle s’articule autour de 3 concepts :
 Les Acteurs ;
 Les Cas d’utilisation ;
 Le Diagramme de Cas d’utilisation ;

FIRMIN
CAS DE ELMAR MAIR
I- LES ACTEURS
Un Acteur est une entité externe qui agit sur le système et jouant un rôle très
important dans la délimitation du système du sujet modélisé. Un acteur n’est pas
forcément une personne physique et est considéré comme externe au périmètre
d’étude.
21 Il représente un rôle joué par une entité qui interagir avec le système. On
distingue deux types d’acteur :
 Acteur principale : participant externe interagissant directement avec le
système
 Acteur secondaire : participant offrant un service qui contribue à la réalisation
d’une action ;
Formalisme d’un acteur en UML
« Acteur »
« Nom acteur »
Figure 4 : Formalisme d’un utilisateur

Dans notre système à modéliser les acteurs sont :
 L’utilisateur (employé) : acteur principal ;
 Administrateur (cadre ou employé) : acteur principal ;
II- LES CAS D’UTILISATION

Les Cas d’Utilisation (USE CASE en anglais) est une représentation d’UML du
modèle conceptuel, c’est l’image d’une fonctionnalité du système en réponse à une
simulation de l’extérieur.
Formalisme d’un cas d’utilisation
Nom de la fonctionnalité
Figure 5 : Formalisme d’un cas d’utilisation

FIRMIN
CAS DE ELMAR MAIR
A. OBJECTIF D’UN CAS D’UTILISATION
Il a pour objectif de comprendre les besoins du client pour rédiger un cahier des
charges fonctionnelles.
B. IDENTIFICATION DES CAS D’UTILISATION
Les cas d’utilisation décrivent le comportement du système du point de vue de
l’utilisateur sous la forme d’actions et de réactions. Un cas d’utilisation indique une
fonctionnalité du système déclenché par un acteur externe au système.
La responsabilité d’un cas d’utilisation est de spécifier un ensemble d’instances, où

une instance de cas d’utilisation représente une séquence d’actions que le système
réalise et qui fournit un résultat observable à l’acteur.
Nous allons faire la description textuelle des principaux cas d’utilisation recensé :
 Cas d’utilisation « S’authentifier »
Cas d’utilisation S’authentifier

Objectif Permettre à l’acteur de saisir son login et son mot de passe.
Acteur Administrateur et autres utilisateurs.
Précondition L’acteur doit être présent dans la base de données.
Post condition Acteur authentifié.
Scénario nominal 1. Le système affiche la page d’authentification ;
2. L’acteur saisie son login et son mot de passe ;
3. Le système vérifie l’existence des données et affiche la page
d’accueil ;
Scénario alternatif Login ou mot de passe non valide : le cas d’utilisation reprend à l’étape 2 ;
Tableau 1: Cas d’utilisation « S’authentifier »
 Cas d’utilisation « Gérer rôle et permissions »
Cas d’utilisation Gérer rôle et permissions

Objectif Permettre à l’administrateur de définir les différents rôle et permission

FIRMIN
CAS DE ELMAR MAIR
de la plateforme
Acteur Utilisateur du système
Précondition L’utilisateur doit être Authentifié en tant qu’admin
Post condition Liste des rôles et permissions affichée
Scénario nominal 1. L’utilisateur clique sur le lien « Berechtigungen» du menu de
l’application puis clique sur le bouton Neu
2. Le système affiche un formulaire ou il inscrit le nom du rôle et
c’est différente permission;
3. Apres validation le système affiche la liste des rôles et
permissions
Scénario alternatif  Le dossier médical rechercher n’existe pas, le cas d’utilisation
reprend à l’étape 1 du cas « Crée un dossier médical »
Tableau 2 : Cas d’utilisation « Gérer rôle et permissions »
 Cas d’utilisation « Assigner un Project a un employé »
Cas d’utilisation Assigner un Project a un employé

Objectif Permettre aux utilisateurs du système de pouvoir assigner un employé a
un projet bien précis
Précondition L’employé doit être enregistrer dans le système
Post condition La liste des employer assigner à ce projet est afficher
Scénario nominal 1. L’utilisateur clique sur le bouton « Anzeigen » d’un projet puis
click sur Mitarbeiter
2. L’utilisateur clique sur le bouton « Assign »
3. Le système affiche un formulaire ou il sélectionne l’employé ou
les employés qu’il veut assigner au projet ;
4. Le système affiche la liste des employés assignés pour ce projet
Tableau 3 : Cas d’utilisation « Assigner un Projet à un employé »
 Cas d’utilisation « Enregistrer Personnel »
Cas d’utilisation Enregistrer Personnel

Objectif Permettre aux utilisateurs d’enregistrer un nouveau employer
FIRMIN
CAS DE ELMAR MAIR

Précondition L’utilisateur doit être Authentifié
Post condition Personnel ajouter et liste des membres du personnel afficher
Scénario nominal 1. L’utilisateur clique sur le bouton « Neu » (nouveau) dans le
module personal;
2. Le système affiche le formulaire d’enregistrement d’un employé ;
3. L’utilisateur saisie les informations nécessaires
4. Le système affiche la liste des employer
Scénario alternatif Les données saisies par l’utilisateur ne sont pas valide ; le cas
d’utilisation reprend à l’étape 2 du scénario nominal.
Tableau 4 : Cas d’utilisation « Enregistrer Personnel »
 Cas d’utilisation « Effectuer suivie du temps »
Cas d’utilisation Effectuer suivie du temps
Objectif Permettre aux utilisateurs d’effectuer un suivie des différentes opération
effectuer sur le projet avec les date de début et de fin ainsi que les
heures de début et de fin
Précondition Au moins une taches et équipement ont été assigne au projet
Post condition La liste différentes suivie du temps effectuer est afficher
Scénario nominal 1. L’utilisateur clique sur le bouton « Anzeigen » d’un projet puis
click sur Zeiterfassung
2. L’utilisateur clique sur le bouton « Neu »
3. Le système affiche un formulaire ou remplit les différentes
informations
4. liste différentes suivie du temps effectuer est afficher
Scénario alternatif Les données saisies par l’utilisateur ne sont pas valide ; le cas
d’utilisation reprend à l’étape 3 du scénario nominal.
Tableau 5 : Cas d’utilisation « Effectuer suivie du temps »

FIRMIN
CAS DE ELMAR MAIR
C. FORMALISME UTILISE DANS LE DIAGRAMME DES CAS
D’UTILISATION
Pour la représentation des cas d’utilisation, les formalismes suivants sont utilisés:
Elément Représentation
Acteur
Cas d’utilisation
L’inclusion (« include »)
Une liaison
Tableau 6 : Quelques formalismes du diagramme de Cas d’utilisation
Après la description des cas d’utilisation, nous avons ressorti le diagramme de cas
d’utilisation suivant:

FIRMIN
CAS DE ELMAR MAIR
Figure 6 : Diagramme de cas d’utilisation
SECTION 2 : ANALYSE DYNAMIQUE DIAGRAMME DE SEQUENCE

DETAILLE

FIRMIN
CAS DE ELMAR MAIR
Le diagramme de séquence fait partie des diagrammes comportementaux, plus
précisément des diagrammes d’interactions. Il permet de :
 Représenter les échanges entre les différents objets et acteurs du système en

fonction du temps ;
 D’illustrer, de compléter le Diagramme de Cas d’Utilisation et pour un système
donné on peut avoir plusieurs diagrammes de Séquence chacun correspondant à
un cas d’utilisation ;
I- CONCEPTS DU DIAGRAMME DE SEQUENCE

Les principaux concepts du diagramme de Séquence sont :
 Le nom du diagramme précédé de l’étiquette sd (sequence diagramm) ;

 L’objet ;
 La ligne de vie : période d’utilisation de l’objet, le moment ou l’objet exécute
une méthode ;
 Les messages : communication particulière entre ligne de vie, communication
entre objet. Ils peuvent signifier :
 L’innovation d’une opération : appel d’une méthode (message synchrone) :
 L’envoi d’un signal : gestion des évènements, signal (message asynchrone) ;
 Création ou destruction d’une instance de classe ;
II- QUELQUES DIAGRAMMES DE SEQUENCES

FIRMIN
CAS DE ELMAR MAIR
Figure 7 : Diagramme de séquence « Authentification »

FIRMIN
CAS DE ELMAR MAIR
Figure 8 : Diagramme de séquence « Enregistrer projekte »

FIRMIN
CAS DE ELMAR MAIR
SECTION 3 : CONCEPTION DES DONNEES
Pour cette conception des données, nous présenterons le diagramme de classe comme
le demande le Langage de Modélisation Unifié (UML).
I- DIAGRAMME DE CLASSE
Le diagramme de classes représente l’architecture conceptuelle du système :
il décrit les classes (ou le type des objets) que le système utilise, ainsi que les
relations qui les relient entre eux (association, héritage, agrégation,
composition,).
Une classe est une description d’un groupe d’objets partageant un ensemble
commun de propriété (attributs), de comportement (opérations) et de relations
avec d’autres objets (associations ou agrégations).
FORMALISTE DE DIAGRAMME DE CLASSES
Les principaux symboles utilisés dans le diagramme de classes sont les
suivants:
Une note est un commentaire placé sur
un diagramme.
Classes Modèle de représentation des objets qui

possède des données et des
Associations comportements
Attributs Propriété d'une classe qui décrit un

domaine de valeurs possibles partagé
par tous les objets de la classe.
Opérations Traitement qui peut être demandé à

n'importe quel objet de la classe et
partagée par tous les objets de la classe.

FIRMIN
CAS DE ELMAR MAIR
Relations qui pourraient exister entre
classe
Tableau 7 : Quelques concepts du diagramme de classe

Nous avons ressorti le diagramme de classe suivant :
Figure 9 : Diagramme de classe
II- MODELE LOGIQUE DE DONNEES RELATIONNELLES

C’est un modèle qui représente la structure logique des données. Ce dernier
correspond à l’organisation des données dans la base de données, vu que
l’implémentation de la base de données sera faite en utilisant un SGBDR (MySQL), et
étant donné que la modélisation est faite avec le langage de modélisation UML.

FIRMIN
CAS DE ELMAR MAIR
Nous allons concevoir les classes comme étant des tables d’une base de données
relationnelle. La chose pour laquelle nous allons énoncer les règles de passage du
diagramme de classe au MLDR :
 R1 : la classe du diagramme de classe devient une table, les attributs de la

classe deviennent des champs ou des colonnes, l’identifiant devient la clé
primaire de la table ;
 R2 : lorsqu’on a la présence d’une cardinalité ( ?...,1) dans une association,
l’identifiant de la classe qui est associé à la cardinalité ( ?...,1) devient la clé
étrangère de l’autre classe ;
 R3 : lorsqu’on a la présence de (?.., N) des deux côté de l’association,
l’association se transforme en table et cette table a comme identifiant,
l’identifiant de chacune des deux classes, et comme champ les éventuelles
autres attributs de l’association
 R4 : lorsque nous sommes en présence d’une généralisation, trois méthodes
nous sont proposées
 Methode1 : Créer une table avec tous les attributs des classes, et ajouter un
attribut pour distinguer le type d’objet
 Methode2 : créer une table de chaque sous type, chaque table se compose des
attributs génériques et des attributs spécifiques.
 Methode3 : créer une table par classe d’association
Suivant les règles citées plus haut, nous avons élaboré le modèle logique de données
relationnel suivant :
PERSONALART (idPersonalart, value, display)
FUNKTION (idFunktion, value, display)
ALBEITSZEIT (idAlbeitszeit, value, display)
KONSTENSTELLE (idKonstenstelle, value, display)
FORMULARE (idFormulare, value, display)

FIRMIN
CAS DE ELMAR MAIR
STATUS (idStatus, value, display)
AUFTRAGGEBER (idAuftraggeber, value, display)
ABFRAGE (idAbfrage, value, display)
TATIGKEITEN (idTatigkeiten, value, display)
GERATETYP (idGeratetyp, value, display)
KONSTENSTELLEGERATE (idKonstenstelleGerate, value, display)
BERECHTIGUNGEN (idBerechtigungen, name, beschreibung)
USERS(idUsers,firstname,lastname,#idPersonalart,#idFunktion,#idAlbeitszeit,#id
Konstenstelle,#idFormulare,#idBerechtigungen,dokumente,email,telefonnummer,
…)
PROJEKTE(idProjekte,nameProjekte,kostenstelleProjekte,#idStatus,#idAuftraggeb
er, plz,stadt,austritt,…)
GERATE(idGerate,name,#idAbfrage,#idGeratetyp,#idTatigkeiten,#idKonstenstell
eGerate,manuell,…)
LEINSTUNGSVERZEICHNIS(idLeinstungsverzeichnis,name,datun,hauptpunkt,unt
erpunk)
ASSIGN (#idUsers, #idProjekte)
ASSIGNGERATE (#idGerate, #idProjekte)
PROJEKTECHECKLISTITEMS (#idLeinstungsverzeichnis, #idProjekte)
TIMELINE(idTimeline,#idUsers,#idProjekte,datum,start,ende,zeit,nameProjekte,bes
chreibung)
III- MOEDELE PHYSIQUE DE DONNEES
Il est question ici de présenter de façon plus précise les caractéristiques des différents
champs des tables générées au diagramme de classe.

FIRMIN
CAS DE ELMAR MAIR
Ci-dessous sont les structures complètes de quelques tables dans la base de
données :
RELATION : USER
CHAMPS TYPES LONGUEURS REMARQUES
idUser Numéro auto 11 Clé primaire
first_name VARCHAR 80
last_name VARCHAR 80
id_berechtigungen INTEGER 10 Clé étrangère
email VARCHAR 80
address Texte 80
fax Texte 80
telefonnummer Texte 80
is_active INTEGER 11
password VARCHAR 255
status VARCHAR 80
eintritt DATE 10
austritt DATE 10
id_funktion INTEGER 11 Clé étrangère
notiz VARCHAR 80
id_personalart INTEGER 11 Clé étrangère
id_arbeitszeit INTEGER 11 Clé étrangère
id_konssenstelle INTEGER 11 Clé étrangère
lohnabrechnung INTEGER 11
fisrt_connect INTEGER 11
mobil VARCHAR 255
team VARCHAR 255
id_formulare INTEGER 11 Clé étrangère
strabe VARCHAR 255
plz VARCHAR 255
stadt VARCHAR 255
VARCHAR 255
FIRMIN
CAS DE ELMAR MAIR
weberfassung
lehrgange Texte 255

dokumente VARCHAR 80
beschreibung VARCHAR 80
Tableau 8 : MPD de la table USER
RELATION : PROJEKTE
idProjekte Numéro auto 11 Clé primaire
name_projekte VARCHAR 255
Id_status INTEGER 11 Clé étrangère
betreff_projekte VARCHAR 255
strabe_projekte VARCHAR 255
plz VARCHAR 255
stadt VARCHAR 255
eintritt DATE
austritt DATE
radius_projekt VARCHAR 255
longitude DOUBLE 80
latittude DOUBLE 80
Id_auftraggeber INTEGER 11 Clé étrangère
Tableau 9 : MPD de la table PROJEKTE
RELATION : TIMELINE
idTimeline Numéro auto 5 Clé primaire
datum DATE
start TIME
ende TIME

FIRMIN
CAS DE ELMAR MAIR
zeit VARCHAR 255
tatigkeit_weit TEXTE 255
beschreibung VARCHAR 255
id_projekte INTEGER 11 Clé étrangère
name_projekte VARCHAR 80
id_user INTEGER 11 Clé étrangère
name_user VARCHAR 80
Tableau 10 : MPD de la table TIMELINE

FIRMIN
CAS DE ELMAR MAIR
Figure 10 : Modèle physique de donnée
Rédigé et présenté par : TAFFO FOTSING GERAUD FIRMIN 37

CAS DE ELMAR MAIR
IV- ARCHITECHTURE DE L’APPLICATION

Afin de faciliter la maintenance future et la flexibilité de notre application, nous avons
adopté les bonnes pratiques de développement fondées sur l’architecture à trois (03)
couches, plus précisément le patron de conception MVC (Model-View-Controller).
Ainsi :
 L’User Interface Layer (UIL) correspond ici aux Vues (Views) qui regroupe
l’ensemble des pages visibles par l’utilisateur de l’application (Interface
Homme Machine) ;
 La Business Logic Layer (BLL) correspondant au Contrôleur (Controller)
représente la couche métier ou celle à laquelle le développeur effectue les
traitements ;
 La Data Access Layer (DAL) correspondant au Modèle (Model) est la couche
qui se charge d’effectuer les échanges entre l’application et la base de données
qui représente les différentes classes métiers de notre application.
Cette séparation permet entre autres :
 De faciliter le développement de l’application en permettant une meilleure

répartition des tâches de conception, et de développement au sein d’une équipe
de développement ;
 De bien structurer l’application afin de faciliter sa maintenabilité et sa mise à
jour ;
 De faciliter la phase de test l’application ;

FIRMIN
CAS DE ELMAR MAIR
CHAPITRE 4 : IMPLEMENTATION ET TESTS
Dans cette partie nous allons présenter :
 La phase d’implémentation : où nous parlerons des outils utilisés pour la

réalisation du système à mettre en place ;
 La phase de test : où nous présenterons quelques interfaces de notre application
SECTION 1 : IMPLEMENTATION
I- LES OUTILS UTILES

Pour mener à bien ce projet, nous nous proposons d’utiliser les méthodes et
outils de développement hautement appropriés à la problématique suscitée :
 UML, Comme langage d’analyse et de modélisation qui nous a permis de bien

spécifier les besoins, de les analyser et enfin de concevoir la solution retenue ;
 PhpStorms : environnement de développement PHP idéal pour travailler avec
Symfony, Laravel,CakePHP et d'autres Framework. Il a l’avantage d'intégrer un
interfaçage avec les principaux outils de gestion de versions (Git, SVN, etc.) et
de gestion de tâches (Redmine, YouTrack, etc.) sans installation ou
configuration supplémentaire
 PowerAMC : logiciel de modélisation
II- LANGAGES ET TECHNOLOGIES

Les Langages de développement utilisés sont :
 LARAVEL : est un Framework web open-source écrit en PHP respectant le

principe modèle-vue-contrôleur et entièrement développé en programmation
orientée objet
 AJAX/JQUERY : ce sont des technologies permettant d’améliorer la parties

UI/UX des applications, de pouvoir charger des données en arrière-plan et a les
afficher sur la page web sans recharger toute la page et grâce a jQuery

FIRMIN
CAS DE ELMAR MAIR
III- BASE DE DONNEES
Comme système de stockage nous avons utilisés MySQL qui est un Système de
Gestion de Bases de Données Relationnelles (abrégé SGBDR), c'est-à-dire un logiciel
qui permet de gérer des bases de données, et donc de gérer de grosses quantités
d'informations. Il utilise pour cela le langage SQL. Il s'agit d'un des SGBDR les plus
connus et les plus utilisés (YouTube et Wordpress utilisent MySQL, par exemple).
MySQL peut donc s'utiliser seul, mais est la plupart du temps combiné à un autre
langage de programmation : PHP, par exemple, pour de nombreux sites web, mais
aussi Java, Python, C++, et beaucoup d’autres…
SECTION 2 : TESTS
I- EXEMPLE DE CODE SOURCES

@inject('request', 'Illuminate\Http\Request')
@extends('layouts.backend')
@section('css_before')
<link rel="stylesheet"
href="{{ asset('js/plugins/datatables/dataTables.bootstrap4.css') }}">
<style>
td{
font-style: oblique;
}
</style>
@endsection
@section('content')
@include('flash-message')
<div class="bg-body-light">
<div class="content content-full">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between align-
items-sm-center">
<h1 class="flex-sm-fill h3 my-2">Personal</h1>
<nav class="flex-sm-00-auto ml-sm-3" aria-label="breadcrumb">
<ol class="breadcrumb breadcrumb-alt">
<li class="breadcrumb-item" aria-current="page">
<a class="link-fx btn" href="{{ url('admin/add-personal') }}"><i
class="fa fa-plus"></i> Neu</a>
</li>
</ol>
FIRMIN
CAS DE ELMAR MAIR
</nav>
</div>
</div>
</div>
<div class="content">
<div class="row justify-content-center">
<div class="col-md-12">
<div class="block">
<div class="block-content block-content-full">
<div class="table-responsive">
<table class="table table-bordered table-striped table-vcenter js-
dataTable-full" id="ajax-crud-datatable3" style="font-size: 15px;">
<thead>
<tr>
<th>Personalnummer</th>
<th>Vorname</th>
<th>Nachname</th>
<th>Email</th>
<th>Aktion</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js_after')
<script src="{{ asset('js/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/plugins/datatables/dataTables.bootstrap4.min.js')
}}"></script>
<script src="{{ asset('js/plugins/datatables/buttons/dataTables.buttons.min.js')
}}"></script>
<script src="{{ asset('js/plugins/datatables/buttons/buttons.print.min.js')
}}"></script>
<script src="{{ asset('js/plugins/datatables/buttons/buttons.html5.min.js')
}}"></script>
<script src="{{ asset('js/plugins/datatables/buttons/buttons.flash.min.js')
}}"></script>
<script src="{{ asset('js/plugins/datatables/buttons/buttons.colVis.min.js')
}}"></script>
<script type="text/javascript">
FIRMIN
CAS DE ELMAR MAIR
function deleteFunc(id){
if (confirm("Wirklich löschen?") == true) {
var id = id;
// ajax
$.ajax({
type:"POST",
url: "{{ url('admin/delete_personal') }}",
data: { id: id },
dataType: 'json',
success: function(res){
var oTable = $('#ajax-crud-datatable3').dataTable();
oTable.fnDraw(false);
}
});
}
}
jQuery(function ($){
$(document).ready( function () {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.fn.dataTable.ext.errMode = 'none';
$('#ajax-crud-datatable3').DataTable({
processing: true,
serverSide: true,
ajax: "{{ url('admin/personal') }}",
columns: [
{data: 'personalnummer', name: 'personalnummer'},

{data: 'first_name', name: 'first_name'},
{data: 'last_name', name: 'last_name'},
{data: 'email', name: 'email'},
{data: 'action', name: 'action', orderable: false},
],
order: [[0, 'desc']]
});
$('#ajax-crud-datatable3 tr').clone(true).appendTo( '#ajax-crud-datatable3

thead' );
FIRMIN
CAS DE ELMAR MAIR
$('#ajax-crud-datatable3 thead tr:eq(1) th').each( function (i) {
var title = $(this).text();
$(this).html( '<input type="text" placeholder="Search '+title+'" />' );
$( 'input', this ).on( 'keyup change', function () {

if ( table.column(i).search() !== this.value ) {
table
.column(i)
.search( this.value )
.draw();
}
} );
} );
var table = $('#ajax-crud-datatable3').DataTable( {

orderCellsTop: true,
fixedHeader: true
} );
$("#ajax-crud-datatable3 > thead > tr:nth-child(2) > th.sorting_disabled >

input[type=text]").hide();
});
});
</script>
@endsection
Figure 11 : Code source liste du personnel
II- INTERFACES
Dans cette section nous allons présenter quelques captures d’écran montrant les
différentes interfaces de notre application, tel que l’interface de connexion, extraite
formulaires et états que génère l’application.
 Page de connexion le système mot de passe oublier a été implémenté

FIRMIN
CAS DE ELMAR MAIR
Figure 12 : Formulaire de connexion
 Menu de l’application
Représentant les différents modules de l’application

FIRMIN
CAS DE ELMAR MAIR
Figure 13 : Menu de l’application

 Dashboard
Figure 14 : Dashboard
Ici l’on affiche :
 Le nombre de projet assigné à l’utilisateur connecté

 Le nombre de personnel
 Le nombre de matériels
 Un tableau listant l’intitulé des différents projets

FIRMIN
CAS DE ELMAR MAIR
 Module Personal
Ici l'on enregistre le personnel en lui attribuant un rôle et en lui donnant la

possibilité de changer automatiquement (une modal s’ouvre) son mot de passe lors
de sa première connexion à la plateforme
Figure 15 : Liste du personnel

L’on peut afficher les informations d’un employé, les modifier et supprimer un
employé
 Module projekte
 Dans ce Menu l’on créé les différents projets
 L’on consulte les différents projets avec la possibilité de supprimer,
modifier et afficher pour ceux ayant le rôle de le faire
 L’on assigne un ou plusieurs employés à un projet
 L’on assigne le matériel nécessaire à ce projet etc…
 Un system de suivi du temps est intégré pour que chaque utilisateur
connecteur évalue et contrôle le temps mis sur le projet sa session lui est
propre. Les utilisateurs ayant le rôle admin peuvent suivre l’évolution du
temps de tous les employés

FIRMIN
CAS DE ELMAR MAIR
Figure 16 : Liste des projets
Figure 17 : Paramètre d’un projet
 Menu Einstellungen
Ici l’on paramètre les différentes sélections présentés dans les différents modules
précédents (personnal, projekte, gerate, fuhrpark)

FIRMIN
CAS DE ELMAR MAIR
Figure 18 : Paramètre de l’application
 Menu Berechtigungen
Ici l’on définit les différents rôles et leurs permissions sur les différents modules de
l’application
Figure 19 : Formulaire de création rôle et permissions

FIRMIN
CAS DE ELMAR MAIR
CONCLUSION
Le développement des logiciels est l’une des branches du Génie informatique qui
nécessite beaucoup d’attention et de dévotion car développer un logiciel qui répond
aux attentes des utilisateurs n’est pas chose évidente. En cette ère de la mondialisation,
il n’est plus question de gérer des données et informations importantes comme par le
passé surtout avec l’avènement des nouvelles technologies. Il devient donc
indispensable d’informatiser au maximum les activités humaines afin d’améliorer leur
rentabilité.
Le travail qui nous a été demandé d’effectuer pendant notre stage à NUSYCE Sarl
était de mettre sur pied une application logicielle sur laquelle l’ENTREPRISE
ELMAR MAIR pourrai s’appuyer pour améliorer la gestion de ces différents projets
de construction et d’aménagements.
Nous avons pu atteindre le but majeur de notre stage, c’est-à-dire la mise en place d’un
logiciel sommairement appelé MAIR CRM.
L’étude de ce projet a permis de renforcer nos connaissances dans le domaine du

développement des applications web, dans le suivi et le management de projets IT, et
surtout dans la valorisation du travail d’équipe.
Comme perspectives pour ce projet, nous continueront de faire de la maintenance

applicative et assurer l’évolutivité de l’application en rapport avec l’évolutivité des
langages de développement et technologies utilisés.
Nous n’avons pas la prétention d’avoir réalisé une œuvre parfaite c’est pourquoi nous
remercions d’avance tous ceux qui nous ferons parvenir des critiques et suggestions
constructives.

FIRMIN
CAS DE ELMAR MAIR
REFERENCES BIBLIOGRAPHIQUES
 Cours de « UML » de M. Tchengang, enseignant à l’IME 2020-2021(Non

publié)
 Cours « Ingénierie du logiciel » de M. KAMDEM ARMAND, enseignant à
l’IME 2018-2019 (Non publié)
 Cours de « BASE DE DONNEE » de M. KENFACK, enseignant à l’IME
2018-2019 (Non publié)

FIRMIN
CAS DE ELMAR MAIR
WEBOGRAPHIES
 https://laravel.com/docs/8.x
 https://stackoverflow.com/
 https://datatables.net/extensions/fixedheader/examples/options/
columnFiltering.html
 https://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

FIRMIN
CAS DE ELMAR MAIR
TABLE DE MATIERES
DEDICACE____________________________________________________________i
REMERCIEMENTS_____________________________________________________ii
SOMMAIRE__________________________________________________________iii
LISTE DES TABLEAUX__________________________________________________v
LISTE DES FIGURES___________________________________________________vi
LISTE DES ABREVIATIONS_____________________________________________vii
AVANT-PROPOS_____________________________________________________viii
RESUME_____________________________________________________________x
ABSTRACT___________________________________________________________xi
INTRODUCTION GENERALE__________________________________________- 1 -
PREMIERE PARTIE : ETUDE DE L’ENVIRONNEMENT____________________- 3 -
CHAPITRE 1 : ENVIRONNEMENT DE STAGE____________________________- 4 -
SECTION 1 : PRESENTATION DE L’ENTREPRISE___________________________- 4 -
I- COORDONNEES DE L’ENTREPRISE___________________________- 4 -
II- HISTORIQUES ET PERFORMANCES PASSEES__________________- 5 -
III- ACTIVITES EXERCEES_______________________________________- 5 -
IV- NOS VALEURS_______________________________________________- 5 -
V- ORGANIGRAMME DE L’ENTREPRISE_________________________- 6 -
VI- LES SERVICES____________________________________________________ - 6 -
VII- LA COMMUNICATION____________________________________________- 8 -
VIII- LES MODES OPERATOIRES_______________________________________- 8

-
IX- PLAN DE LOCALISATION__________________________________________- 9 -
SECTION 2 : DEROULEMENT DU STAGE_________________________________- 10 -

CHAPITRE 2 : PRESENTATION DU PROJET____________________________- 11 -
SECTION 1 : ETUDE DE L’EXISTANT_____________________________________- 11 -
I- ETUDE D’OPPORTUNITE____________________________________- 11 -
II- ETUDE DE FAISABILITE_____________________________________- 11 -
III- DESCRIPTION DE L’EXISTANT______________________________- 11 -
FIRMIN
CAS DE ELMAR MAIR
IV- CRITIQUE DE L’EXISTANT__________________________________- 12 -
SECTION 2 : CONTEXTE DU PROJET_____________________________________-13 -
I- EXTRAIT DU CAHIER DES CHARGES_________________________- 13 -
DEUXIEME PARTIE : MODELISATION DU SYSTEME FUTUR_____________- 19 -
CHAPITRE 3 : ANALYSE ET CONCEPTION_____________________________- 20 -
D’UTILISATION________________________________________________________- 20 -
I- LES ACTEURS______________________________________________- 21 -
II- LES CAS D’UTILISATION____________________________________- 21 -
SECTION 2 : ANALYSE DYNAMIQUE : DIAGRAMME DE SEQUENCE DETAILLE_-
27 -
I- CONCEPTS DU DIAGRAMME DE SEQUENCE__________________- 27 -
II- QUELQUES DIAGRAMMES DE SEQUENCES__________________- 28 -
SECTION 3 : CONCEPTION DES DONNEES_______________________________- 30 -
I- DIAGRAMME DE CLASSE____________________________________- 30 -
II- MODELE LOGIQUE DE DONNEES RELATIONNELLES_________- 32 -
III- MOEDELE PHYSIQUE DE DONNEES__________________________- 34 -
IV- ARCHITECHTURE DE L’APPLICATION_______________________- 38 -
CHAPITRE 4 : IMPLEMENTATION ET TESTS___________________________- 39 -
SECTION 1 : IMPLEMENTATION_________________________________________- 39 -
I- LES OUTILS UTILES_________________________________________- 39 -
II- LANGAGES ET TECHNOLOGIES_____________________________- 39 -
III- BASE DE DONNEES__________________________________________- 40 -
SECTION 2 : TESTS_____________________________________________________- 40 -
I- EXEMPLES DE CODE SOURCES______________________________- 40 -
II- INTERFACES_______________________________________________- 44 -
CONCLUSION_____________________________________________________- 50 -
REFERENCES BIBLIOGRAPHIQUES__________________________________- 51 -
WEBOGRAPHIES___________________________________________________- 52 -
TABLE DE MATIERES_______________________________________________- 53 -

FIRMIN

Modèle Rapport de Stage

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Modèle Rapport de Stage

Transféré par

Droits d'auteur :

Formats disponibles

CONCEPTION D'UNE APPLICATION WEB DE GESTION DE PROJET :

CAS DE ELMAR MAIR

Rédigé et présenté par : TAFFO FOTSING GERAUD i

Le présent rapport est l’aboutissement de la coopération et le soutien de plusieurs

 M. KENFACK notre encadreur académique pour sa disponibilité et ses

Rédigé et présenté par : TAFFO FOTSING GERAUD ii

LISTE DES TABLEAUX

TABLEAU 1 : Cas d’utilisation « S’authentifier » ______________________________22

TABLEAU 3 : Cas d’utilisation « Assigner un Projet à un employé » _____________ 24

TABLEAU 4 : Cas d’utilisation « Enregistrer un personnel » ____________________24

TABLEAU 5 : Cas d’utilisation « Effectuer suivie du temps » ____________________25

TABLEAU 6 : Quelques Formalismes du diagramme de Cas d’utilisation _________25

TABLEAU 7 : Quelques concepts du diagramme de classe ______________________31

TABLEAU 8 : MPD de la table USER _______________________________________ 35

TABLEAU 9 : MPD de la table PROJEKTE __________________________________ 36

TABLEAU 10 : MPD de la table TIMELINE __________________________________36

Rédigé et présenté par : TAFFO FOTSING GERAUD v

LISTE DES FIGURES

FIGURE 1 : Organigramme de l’entreprise ___________________________________06

FIGURE 2 : Schéma modes d’opératoires ____________________________________08

FIGURE 3 : Plan de localisation ___________________________________________ 09

FIGURE 4 : Formalisme d’un utilisateur _____________________________________21

FIGURE 5 : Formalisme d’un cas d’utilisation ________________________________21

FIGURE 6 : Diagramme de cas d’utilisation __________________________________26

FIGURE 7 : Diagramme de séquence « Authentification » ______________________28

FIGURE 8 : Diagramme de séquence « Enregistrer projekte » __________________ 29

FIGURE 9 : Diagramme de classe __________________________________________ 31

FIGURE 10 : Modèle physique de donnée ____________________________________37

FIGURE 11 : Code source liste du personnel _________________________________43

FIGURE 12 : Formulaire de connexion ______________________________________44

FIGURE 13 : Menu de l’application ________________________________________ 45

FIGURE 14 : Dashboard __________________________________________________45

FIGURE 15 : Liste du personnel ____________________________________________46

FIGURE 16 : Liste des projets______________________________________________47

FIGURE 17 : Paramètre d’un projet ________________________________________48

FIGURE 18 : Paramètre de l’application ___________________________________ 48

FIGURE 19 : Formulaire de création rôle et permission ______________________ 49

Rédigé et présenté par : TAFFO FOTSING GERAUD vi

LISTE DES ABREVIATIONS

IME : Institut supérieur de Management et de l’Entrepreneuriat

AJAX: Asynchronous javascript and XML

UX: User Expérience

UI: User interface

SD: Séquence diagramme

Rédigé et présenté par : TAFFO FOTSING GERAUD vii

Le gouvernement camerounais dans le souci, et la volonté de permettre aux

 Comptabilité et gestion d’entreprise (CGE)

Et également en licence portant sur les spécialités suivantes :

 Génie logiciel (GL)

Rédigé et présenté par : TAFFO FOTSING GERAUD ix

Rédigé et présenté par : TAFFO FOTSING GERAUD x

Rédigé et présenté par : TAFFO FOTSING GERAUD xi

L’apparition des systèmes d’informations ont permis d’améliorer le traitement de

Ceci représente un besoin vif s’incluant dans le cadre de fonctionnement de

Au sujet des méthodologies de travail employées pour notre projet, nous

Au sujet des technologies de développement, il nous a également été

Rédigé et présenté par : TAFFO FOTSING GERAUD 1

 Le Framework LARAVEL comme langage de développement (avec le design

Pour une bonne présentation de notre travail, ce rapport sera subdivisé en 02

La première partie intitulée « Etude de l’environnement » présentera le cadre

La deuxième partie intitulée « Modélisation du système futur » présentera la

 L’analyse et la conception du système futur

Rédigé et présenté par : TAFFO FOTSING GERAUD 2