Rapport Stage Micky Nguelieuga Igl2 Final Update

REPUBLIQUE DU CAMEROUN REPUBLIC OF CAMEROON
PAIX-TRAVAIL-PATRIE PEACE-WORK-FATHERLAND
MINISTERE DE L’ ENSEINEMENT SUPERIEUR MINISTER OF HIGHT EDUCATION
DEPARTEMENT D’INFORMATIQUE COMPUTER SCIENCE DEPARTMENT
INSTITUT SUPERIEUR EVANGELIQUE DES HIGHER EVANGELICAL INSTITUTION FOR
TECHNOLOGIES APPLIQUEES ET DE GESTION APPLIED TECHNOLOGIES AND MANAGEMENT
Rapport de stage
CONCEPTION ET IMPLEMENTATION D’UNE APPLICATION DE

GESTION DES STAGIAIRES : Cas DE TKM-GESCREEN
Stage effectue du 22 juin au 07 aout 2022 à TKM-GESCREEN SARL

Dans l’optique d’obtenir mon diplôme de Brevet de Technicien Supérieur (BTS) en GENIE
INFORMATIQUE option de GENIE LOGICIEL(GL).
Rédigé et présenté par :

NGUELIEUGA MONGOUE MICKY NATHAEL
Etudiant en génie informatique option Génie Logiciel (GL).
Sous l’encadrement de :
Académique de : Professionnelle :
Mme DIKA M. KAMTCHOUM VINCENT
Annee Académique: 2022/2023

CONCEPTION ET REALISATION D’UNE APPLICATION DE GESTION DES STAGIAIRES AU SEIN DE TKM-GESCREEN
DEDICACE
DEDICACE
MES
PARENTS
!!!!!!
Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

ii
REMERCIEMENT
Qu’il me soit permis de remercier sincèrement tous ceux qui de près
ou de loin ont contribué à la réalisation de ce rapport et qui malgré les difficultés
rencontrées, n’ont jamais cessé de me soutenir pour qu’enfin se finalise ma formation. En
espérant que vous trouverez ici le fruit de vos sacrifices, je vous témoigne ma profonde
gratitude ; je pense notamment à :
❖ Le feu Pasteur PAMEN FLAUBERT et l’ensemble du corps professoral et

administratif de L’INSTITUT SUPERIEUR EVANGELIQUE DES
TECHNOLOGIES APPLIQUEES ET DE GESTION qui déploient de grands
efforts pour nous assurer une formation professionnelle très actualisée.
❖ M MOUNGA CELESTIN, Directeur de l’ISETAG ;
❖ M. VINCENT KAMTCHOUM , PDG de TKM-GESCREEN ;
❖ Mon encadreur Mme DIKA pour ses conseils et ses encouragements qui m’ont
permis de réaliser ce travail dans de bonnes conditions.
❖ M. DOUMI, M. SONAGOU, M. NGANDEU pour tous leurs conseils et leurs
expériences qui nous ont fait bénéficier lors de la conception de l’application ;
❖ Un spécial merci au Dr TCHAMOU GILES FRANCK et à l’ING KANA
LAWRENCE pour leur soutien indéfectible ;
❖ Mes chères sœur NOUWAN REINE et KOUECHEU SEFORA pour leur
encouragement et disponibilité ;
❖ A toute ma famille ;
❖ A FADIMATOU ABDOU, DJITSEP KINKEU, NKENBENG ESSOME et la
Grande famille IGL pour leurs différentes suggestions et critiques qui m’ont
permis d’améliorer mon travail.
Je remercie tous ceux de près ou de loin qui m’ont soutenu de quelques
manières que ce soit.
MERCI….

iii
RESUME
Ce rapport a été rédigé à la suite d’un stage académique effectué à l’TKM-GESCREEN qui est une entreprise
de vente et de distribution du matériel informatique, médical et de sécurité. Nous avons effectué plusieurs
tâches pendant cette période de stage dont l’objectif était de nous imprégner aux réalités du milieu
professionnel qu’est l’entreprise et de faire l’adéquation entre la pratique et la théorie issue des enseignements
reçus en matière de logiciel informatique. De même, nous avons été marqué par plusieurs difficultés que
rencontraient l’entreprise, dont la plus importante était la gestion manuelle des stagiaires, C’est pour cette
raison que nous avons trouvé judicieux de focaliser notre attention sur le choix de ce thème qu’est :
«CONCEPTION ET REALISATION D’UNE APPLICATION DE GESTION DES STAGIAIRES».
Grâce à ce déploiement l’entreprise TKM-GESCREEN verra son chiffre d’affaire augmentée grâce à
l’implication totale et rapide de ses stagiaires.

iv
ABSTRACT
This report was written following an academic internship at TKM-GESCREEN, which is a company selling
and distributing computer, medical and security equipment. We carried out several tasks during this
internship period whose objective was to immerse ourselves in the realities of the professional environment
that is the company and to make the match between the practice and the theory resulting from the teachings
received in computer software. Similarly, we were marked by several difficulties encountered by the
company, the most important of which was the manual management of trainees, it is for this reason that we
found it wise to focus our attention on the choice of this theme which is: "DESIGN AND REALIZATION
OF A TRAINEE MANAGEMENT APPLICATION". Thanks to this deployment, TKM-GESCREEN
will see its turnover increase thanks to the total and rapid involvement of its trainees.

v
AVANT-PROPOS
Dans le but d’assurer son développement et fournir aux industries des gens compétents dans divers domaines,
l’Etat camerounaise a créé de nombreuses formations parmi lesquelles le Brevet de Technicien
Supérieur(BTS) créé par l’arrêté ministériel N090/58MINEDUC/DUET du 24 Décembre 1971. Il se prépare
en deux année d’étude dans un cycle ouvert au sein d’une institution Universitaire de Technologie (IUT) ou
une institution privée agrée par le MINESUP, par ce biais est créé l’ISETAG (Institut Supérieur Evangélique
des Technologies appliquées et de Gestion) par autorisation d’ouverture
N015/09096/L/MINESUP/DDES/ESUP/SDA/MM du 28septembre 2015. Situe dans la région du littoral
département du Wouri l’arrondissement de douala 3eme au quartier YASSA. L’ISETAG mis sous-tutelle
académique de l’Université de douala par arrêté N015/00048/MINESUP du 17janvier 2018. Ses cycle et
filières de formation sont :
I CYCLE BTS : COURS DU JOUR ET SOIR
Filières génie informatique

❖ Maintenance des Systèmes Informatiques (MSI)
❖ Informatique Industrielle et Automatisme (IIA)
❖ Génie logiciel (GL)
❖ Infographie et web design
❖ E-commerce et marketing numérique
❖ Réseaux et télécoms
❖ Télécommunication
❖ Réseaux et sécurité
Filières génie mécanique et productique
❖ Mécatronique Automobile (MKA)
❖ Chaudronnerie et Soudure (CHS)
❖ Construction Mécanique (CME)
❖ Maintenance Après-vente
❖ Fabrication mécanique (FME)
Filières génie civil
❖ Bâtiment (BAT)
❖ Travaux publics (TPU)
❖ Géomètre topographe
Filière du génie électrique
❖ Electrotechnique
Filières de gestion
❖ Gestion et logistique des transports (GLT)
❖ Comptabilité et Gestion d’Entreprise (CGE)
❖ Banque et Finance (BF)
Filières commerce
❖ Vente Commerce international
❖ Marketing commerce vente
Filières eau et environnement
❖ Menuiserie et ébénisterie (MEB)

vi
II CYCLE LICENCE MASTER PROFESSIONNEL

En partenariat avec université de Douala
➢ Poursuite de vos études a ISETAG en licence et master professionnel dans toutes les
filières de BTS avec possibilité de spécialisation
Les candidats au BTS sont tenus d’effectuer un stage académique à l’issu duquel un rapport sera rédigé et
soutenu devant un jury en vue de l’obtention du diplôme de fin de cycle. C’est pour répondre à cette exigence
académique que nous avons focalisé notre attention sur le thème : « CONCEPTION ET REALISATION
D’UNE APPLICATION DE GESTION DES STAGIAIRES : CAS DE TKM-GESCREEN ».
Loin d’être un chef d’œuvre, ce travail n’est que le résultat de notre modeste contribution dans le champ de la
recherche. Ainsi nous restons attentifs et réceptifs à toutes les remarques constructives en vue de son
amélioration.

vii
SOMMAIRE
DEDICACE .................................................................................................................................................................................. II
REMERCIEMENT .................................................................................................................................................................. III
RESUME .................................................................................................................................................................................... IV
ABSTRACT ................................................................................................................................................................................ V
AVANT-PROPOS ....................................................................................................................................................................... VI
LISTE DES ABREVIATIONS ..................................................................................................................................................... IX
LISTE DES TABLEAUX ............................................................................................................................................................. X
LISTE DES FIGURES ................................................................................................................................................................. XI
INTRODUCTION GENERALE .................................................................................................................................................... XII
CHAPITRE 1 : PRESENTATION DE L’ENTREPRISE ................................................................................................................. 2
CHAPITRE 2 : PRESENTATION DU PROJET DE STAGE .......................................................................................................... 7
I) DEROULEMENT DU STAGE ............................................................................................................................................... 7
II) ETUDE PREALABLE ......................................................................................................................................................... 9
III) ETUDE DE L’EXISTANT .............................................................................................................................................. 14
IV) PROPOSITION DE SOLUTION ............................................................................................................................................. 14
CHAPITRE 3 : MODELISATION DETAILLEE ........................................................................................................................... 19
CHAPITRE 4 : IMPLEMENTATION .......................................................................................................................................... 30
REFERENCES BIBLIOGRAPHIQUES ....................................................................................................................................... 52
TABLEAU DE MATIERE .......................................................................................................................................................... 53

viii
LISTE DES ABREVIATIONS
✓ BD : Base de données ;
✓ BTS : Brevet des Techniciens supérieur ;
✓ CMS: Content Management System ;
✓ CSS : Cascading style sheet ;
✓ DG : Directeur General ;
✓ HTML : Hyper Text Markup Language ;
✓ IHM : Interface Homme Machine ;
✓ IT : Information Technology ;
✓ MERISE : Méthode d’étude et de Réalisation informatique pour les systèmes
d’entreprise ;
✓ MOA : Maitre d’Ouvrage ;
✓ MOE : Maitre d’Œuvre ;
✓ MVC : Modèle vue contrôleur ;
✓ OMG : Object Management Group ;
✓ OMT : Object modeling technic ;
✓ OOSE : Object Oriented Software Engineering ;
✓ PC : Personnal Computer ;
✓ PDG : Président Directeur General ;
✓ PHP : Php Hypertext Processor ;
✓ SEO: Search Engine Optimization;
✓ SGBD : Système de Gestion des Bases de Données ;
✓ SGBDR : Système de Gestion des Bases de Données Relationnelles ;
✓ SQL : Structured query Language ;
✓ UML : Unified Modeling Language ;
✓ VSCODE : Visual Studio Code ;

ix
LISTE DES TABLEAUX

Tableau 1 : Fiche signalétique de l’entreprise………….……………………………………12
Tableau 2 : Chronogramme des activités…….………………………………………………17
Tableau 3 : Contraintes financières.……..…………………………………………………..20
Tableau 4 : Contraintes Humaines…………..………………………………………………21
Tableau 5 : parties engagées dans le projet………………….………………………………22
Tableau 6: Explication du diagramme de cas d’utilisation…..………………………………32

x
LISTE DES FIGURES

Figure 1: structure de l’entreprise ..................................................................................................................... 4
Figure 2: Plan de localisation ............................................................................................................................. 6
Figure 3: Planification du projet ...................................................................................................................... 13
Figure 4: Logo logiciel Eval’one........................................................................................................................ 15
Figure 5 : Logo emalti-rh .................................................................................................................................. 15
Figure 6: Diagramme de cas d’utilisation ........................................................................................................ 20
Figure 7: Diagramme de classe ........................................................................................................................ 24
Figure 8: Diagramme de séquence d’authentification .................................................................................... 25
Figure 9: Diagramme de séquence d’inscription ............................................................................................. 26
Figure 10: Diagramme de séquence de la méthode rechercher ..................................................................... 27
Figure 11:Diagramme de séquence de la methode Ajouter ........................................................................... 27
Figure 12: Diagramme de séquence de la méthode Modifier......................................................................... 28
Figure 13: Diagramme de séquence de la méthode Supprimer...................................................................... 29
Figure 14: Architecture 2-tier .......................................................................................................................... 30
Figure 15:Architecture a trois niveaux ............................................................................................................ 31
Figure 16: Logo MySQL .................................................................................................................................... 32
Figure 17: Logo Laragon................................................................................................................................... 33
Figure 18: Logo Laravel .................................................................................................................................... 33
Figure 19: Logo Visual Studio Code ................................................................................................................. 34
Figure 20: Logo HTML5 .................................................................................................................................... 35
Figure 21 : Logo CSS3 ....................................................................................................................................... 35
Figure 22: Logo JavaScript ............................................................................................................................... 36
Figure 23 : Logo PHP8 ...................................................................................................................................... 36
Figure 24: Logo Gantt Project .......................................................................................................................... 36
Figure 25: Logo WinDesign .............................................................................................................................. 37
Figure 26: page d’accueil Laragon ................................................................................................................... 37
Figure 27: Base de données Stagiaire vide ...................................................................................................... 38
Figure 28: Table Stagiaire ................................................................................................................................ 39
Figure 29: Table utilisateur .............................................................................................................................. 40
Figure 30: Commande de migration des tables............................................................................................... 40
Figure 31: Base de données Stagiaire avec nos tables .................................................................................... 41
Figure 32: Interface d’accueil avec connexion utilisateur ............................................................................... 42
Figure 33: Interface d’accueil avec connexion stagiaire.................................................................................. 43
Figure 34: Interface de dépôt de dossier......................................................................................................... 43
Figure 35: Interface de connexion ................................................................................................................... 43
Figure 36:Interface de réinitialisation mot de passe ....................................................................................... 44
Figure 37: Interface de Création de Compte ................................................................................................... 45
Figure 38:Dashboard Mode Super-administrateur ......................................................................................... 45
Figure 39: Interface d'ajout des stagiaires ...................................................................................................... 46
Figure 40: Interface d'ajout des Utilisateurs ................................................................................................... 47
Figure 41: Interface tous les utilisateurs ......................................................................................................... 48
Figure 42:Interface tous les Stagiaires............................................................................................................. 49
Figure 43:Menu des dossiers de recrutement ................................................................................................ 50

xi
INTRODUCTION GENERALE
La ressource humaine est l’ensemble des salariés d’une entreprise. C’est une ressource importante pour
l’entreprise. La plupart des entreprises sont amenées à prendre et à former des stagiaires pour assurer le bon
déroulement des activités de la société ou même pour pouvoir chercher leurs futurs employés. C’est pourquoi
la gestion de cette couche du personnelle est très cruciale et importante car les stagiaires sont une source
potentielle de talents et de compétences. Comment s’assurer que cette couche soit à 100% investit dans les
travaux de l’entreprise ? Notre travail consistera à concevoir et réaliser l’application de gestion des stagiaires
en présentant et analysant tout d’abord le système d’information de la dite structure, puis en modélisant les
diagrammes nécessaire via la méthode UML et enfin à l’implémentation de cette application grâce a des outils
tels que VSCODE, LARAGON …

xii
PREMIERE PARTIE :
PRESENTATION DE L’ENTREPRISE ET DU PROJET
DE STAGE
CHAPITRE 1 : PRESENTATION DE L’ENTREPRISE
I) ENVIRONNEMENT INTERNE
I.1) IDENTIFICATION
TKM-GESCREEN SARL est une entreprise prestataire de services, qui opère dans l’industrie de l’import-
export du matériel médical et chirurgical. Sa direction générale est située à DOUALA –BEPENDA : Carrefour
BON-FILS. Son numéro de contribuable est M021512266705B. Elle est accessible via ses numéros ci-après
(+237) 677026313 / 694549220 / 662797980. Elle est référenciée sur le net via son site web
www.tkmgescreen.com .
Tableau1 : Fiche Signalétique de l’Entreprise
Denomination TKM-GESCREEN SARL

Date de création
Boite postal BP : 24053 DOUALA
Logo
E-mail info@tkmgescreen.com
Téléphone commercial (+237) 694549220
Téléphone technique 677026313 / 662797980
Site web www.tkmgescreen.com
Situation géographique Douala-BEPANDA, face au lieu-dit
OMNISPORT
Source : Archive de l’entreprise
I.2) HISTORIQUE
Cree en Novembre 2009, TKM-GESCREEN est devenu SARL en janvier 2015. Elle a pour objectifs de
permettre aux entreprises et particuliers de tirer un meilleur parti des possibilités offertes par les dispositifs
informatique, médical et de sécurité, tout en minimisant les coûts liés à la mise en œuvre. Elle EST divisée en
02 parties: TKM-GESCREEN MEDICAL, TKM-GESCREEN SAFETY&SECURITY SERVICES. Elle est
constituée de 04 employés qui se donnent à fond pour la réalisation des objectifs fixés par l’entreprise.
I.3) MISSIONS & OFFRES

i. LES OFFRES
Les différentes offres de TKM-GESCREEN sont :

2
❖ Distribution du matériel informatique, médical ;

❖ Installation des systèmes de sécurité et de surveillance ;
❖ Maintenance informatique ;
❖ Distribution des équipements de sécurité et vêtement contre risque d’accident ;
❖ Distribution des dispositifs biomédicaux et réactifs de solution d’analyse, mobilier, consommable
médical ;
❖ Installation des systèmes d’oxygénation, d’imagerie dentaire, chirurgie, radiographie
❖ Prestation médicale ;
TKM-GESCREEN dispose :
✓ D’un service administratif manage par le directeur général ;
✓ D’un service commercial ;
✓ D’un service après-vente de haute qualité et dont la devise repose sur la réactivité et la performance ;
✓ D’un service technique.
ii. LES MISSIONS

Les principales missions que TKM-GESCREEN se fixe pour mettre en exergue ses valeurs sous forme
d’objectifs, de programme et de finalités sont :
✓ Fournir des produits et services haut de gamme pour la satisfaction parfaite de la clientèle ;
✓ Être un modèle pour la jeunesse Africaine en général et Camerounaise en particulier ;
✓ Être un atout majeur pour le développement économique de notre beau pays le Cameroun ;
✓ Etablir une relation particulière avec la clientèle via un meilleur service après-vente.
I.4) ORGANISATION ET
FONCTIONNEMENT DE L’ENTREPRISE
a. ORGANISATION DE L’ENTREPRISE
Comme toute entreprise sérieuse, TKM-GESCREEN possède un organigramme bien structure définie par la
figure suivante :

3
Figure 1: structure de l’entreprise
b) FONCTIONNEMENT
i) Moyen matériel
Pour une meilleure prestation, TKM-GESCREEN s’est muni de tous les équipements matériels et logiciels
nécessaires à leur activité.
ii) Moyen humain

TKM-GESCREEN possède un staff technique performant et qualifié pour toutes demandes du
domaine de NTIC, du commerce et même du médical. Il prône tout d’abord la satisfaction du client et la
prestation d’un travail de qualité répondant aux normes nationales et même internationales.
II) ENVIRONNEMENT EXTERNE

4
II.1) LA CONCURRENCE
Suite à l’évolution accrue de la demande, de nombreuses entreprises similaires
en services voient le jour à une vitesse exponentielle. De ce fait l’entreprise doit et s’efforce même à élargir le
champ d’action et à augmenter ses possibilités de formations et de qualité dans le service rendu à la clientèle.
C’est pourquoi il existe deux types de concurrences à savoir :
➢ La CONCURRENCE DIRECTE : elle est très rude pour des entreprises de même branche
d’activités ;
➢ LA CONCURRENCE INDIRECTE : ici on se réfère aux entreprises ayant des services
avoisinants à celles de TKM-GESCREEN
II.2) LES PARTENAIRES

Les partenaires, ce sont des entreprises qui aident l’entreprise d’une manière comme d’une autre à
atteindre ses objectifs et à vulgariser son label. Comme partenaires à TKM, nous pouvons citer DHL.

5
II.3) PLAN DE LOCALISATION DE L’ENTREPRISE
Figure 2: Plan de localisation

6
CHAPITRE 2 : PRESENTATION DU PROJET DE

STAGE
I) DEROULEMENT DU STAGE
I.1) PRESENTATION DU SERVICE DE STAGE
Nous avons effectué notre stage au sein du département IT de l’entreprise TKM-GESCREEN.

i) OBJECTIFS DU DEPARTEMENT IT
Le service IT a pour objectif d’analyser et résoudre les problèmes faits face par la clientèle dans le domaine
de l’IT. Il donne les conseils dans la maintenance informatique.
ii) ACCUEIL ET INTEGRATION DU STAGIAIRE
Le mercredi 22 juin 2022 marque la date de notre arrivée au sein de l’entreprise TKM-GESCREEN. Ce jour,
nous avons été accueillis de bonnes humeurs et de la bonne des manières par le directeur général de TKM-
GESCREEN en personne. Il nous a présenté l’entreprise (son règlement intérieur et ses différents ateliers),
notre département de travail, nos bureaux et nous a communiquez dans un premier temps le planning du stage
et dans un seconds temps des conseils pour une réussite professionnelle. Et c’est ainsi qu’à débuter notre stage
dans cette merveilleuse entreprise.
I.2) CHRONOGRAMME DES ACTIVITES
Ce stage a été effectué au sein de l’entreprise TKM-GESCREEN, il a renforcé la liaison entre

la formation théorique faite à l’école et les réalités professionnelles en entreprise. Voici donc présenté ledit
chronogramme :
Périodes Services Activités

Du 22-27 Juin 2022 Service IT • Prise de contact et connaissance
du règlement intérieur de
l’entreprise ;
• Découverte des services de
l’entreprise ;
• Introduction à WordPress et
enregistrement des produits sur
le site web de l’entreprise
Du 28 juin au 04Juillet Service IT • Management d’un site web
2022 • Introduction sur la SEO (Search
Engine Optimisation)
Du 05 Juillet au 10 Juillet Service maintenance • Apprentissage de la notion
2022 Service IT d’hébergeur web

7
• Entretien et maintenance des

équipements de l’entreprise
(machine, imprimante…)
• Enregistrement des produits sur
le site web de l’entreprise
Du 10 Juillet au 14 Juillet Analyse • Recherche de thème
Service IT • Analyse et recueil de l’existant
• Installation des câbles réseaux
du routeur
Du 14 juillet au 20 juillet Service IT • Dépannage et maintenance de
divers appareils (imprimante,
ordinateur)
• Installation des Système
d’exploitation pour ordinateur.
Du 21 juillet au 25 Août Service IT • Initiation à Bootstrap
• Initiation à l’utilisation des
plugins sur WordPress ;
Du 25 juillet au 28 juillet Service commercial • Introduction sur la production
des facture doit et avoir, des
bons de commandes et même
des bons de livraison
Du 1er Août au 4 aout Support numérique • Suite de l’administration et des
enregistrements sur le site web ;
• Dépannage et maintenance des
appareils ;
• Enregistrement des horaires des
employés de l’entreprise
Tableau 2 : chronogramme des activités source : cahier de stage
I.3) LES APPORTS DU STAGE

Les principaux buts du stage étaient de :
✓ Mettre en pratique nos connaissances théoriques acquises au cours de l’année académique ;
✓ Toucher du doigt les réalités et les exigences dans le monde purement professionnel.
Sur le plan professionnel, le stage a été d’une très grande utilité car il permettait de :
✓ Développer l’esprit de recherche et d’équipe ;
✓ Apprendre le management et l’administration d’un site web ;
✓ Développer des aptitudes dans l’élaboration des documents de l’entreprise tels que les factures (avoir,
doit), les bon de commandes…
Sur le plan personnel ce stage a permis de :
▪ De nous familiariser au monde professionnel ;
▪ De rencontrer des experts et professionnel bien capés ;
▪ Développer le sens de travail, de la courtoisie, de la ponctualité et de l’ouverture d’esprit qui sont des
éléments très importants dans son éclosion professionnel.

8
II) ETUDE PREALABLE

II.1) ETUDE D’OPPORTUNITE
L’étude d’opportunité est la phase d’un projet informatique qui vise à présenter
les enjeux, les intérêts, la plus-value ou les avantages du projet. Dans le cadre de notre projet, les intérêts sont
entre autres :
❖ L’étudiant doit envoyer une lettre de demande de stage via ce logiciel.
❖ Gérer le processus de recrutement du stagiaire (depuis son envoie de la demande via le logiciel jusqu’à
son recrutement au sein de l’entreprise) ;
❖ Faciliter le suivi automatique du stagiaire au sein de l’entreprise ;
❖ L’augmentation de la traçabilité des stagiaires ;
❖ La recherche fastidieuse de ces derniers ;
❖ La facilité et la rapidité dans d'élaboration des listes des stagiaires ;
II.2) ELABORATION DU CAHIER DE CHARGE(CDC)

LE CAHIER DE CHARGE est un document technique écrit et signer par les deux
parties, élaboré généralement par le MOA (MAITRE D’OUVRAGE) et qui vise à comprendre clairement les
objectifs de la solution informatique a réalisé par le MOE (MAITRE D’ŒUVRE).
II.2.1) DELIMITATION DU SYSTEME D’INFORMATION

Le système d’information soumis à notre analyse est celui de l’automatisation de la
gestion des stagiaires dont la responsabilité revient à l’entreprise TKM-GESCREEN. Ces sous-objectifs sont :
✓ Gestion du recrutement des stagiaires ;
✓ Gestion des absences des stagiaires ;
✓ La gestion du suivi des stages ;
✓ Gestion de l’après –stage ;
II.2.2) SPECIFICATION FONCTIONNELLE
L’application informatique de gestion des stagiaires au sein de l’entreprise TKM-GESCREEN devra

respecter les fonctionnalités suivantes :
✓ ENVOI /RECEPTION DES DOSSIERS DES STAGIAIRES : notre plateforme doit disposer d’une
interface permettant aux potentiels stagiaires de vérifier les conditions d’accès à la structure et d’y
déposer leurs dossiers. Le dossier sera constitué d’une demande de stage, d’une lettre de motivation,
de son CV (curriculum vitae) ;

9
✓ TRAITEMENT ET VALIDATION DES DOSSIERS : cette fonctionnalité sera réservée au directeur

des ressources humaines (dans ce cas au directeur général) pour le traitement et la validation des
dossiers. Ici les dossiers incomplets et en extensions ‘’.docx ‘’seront simplement et purement rejetés ;
✓ INSCRIPTION DES NOUVEAUX STAGIAIRES : Ici après validation, les futurs stagiaires
recevront un email de validation y contenant leur login et mot de passe. Ce login les permettra de se
connecter à leurs comptes TKM_STAGIAIRE dument crée par le super-administrateur. Ainsi, ils
pourront modifier leurs profils à leur guise ;
✓ AJOUT DE NOUVEL UTILISATEUR ;
✓ PLANNIFICATION DES ACTIVITES DES STAGIAIRES : Ici les stagiaires recevront chaque
semaine leur emploie de temps de la semaine ;
✓ PLANNIFICATION DE LA JOURNEE DU STAGIAIRE : en effet cette fonctionnalité s’appréhende

à la méthode d’utilisation des cahiers de stages pour noter les différentes activistes effectuées au stage
mais a la seule différence qu’elle sera maintenant informatisée et numérisée. Ce rapport journalier sera
envoyé à l’encadreur professionnel qui se chargera de noter la journée du stagiaire ;
✓ ORGANISATION HORAIRE DU STAGIAIRE : Ici le logiciel ça conserver ton heure d’arrivée

(heure d’ouverture de l’application +5minutes) et ton heure de départ (heure de fermetures de
l’application). Il va aussi calculer tous tes heures de retards et de surplus ;
✓ CALCUL DE LA NOTE DU STAGIAIRE ET OCTROIE DES PRIME EN FIN DE STAGE : En

effet à la fin du stage, le stagiaire doit être notée en fonction de l’exécution des taches de journée, de
la discipline, de la propreté et de la ponctualité. En cas de note >= 15, le stagiaire se verra octroyé une
prime de stage qui dépendra du DG ;
✓ CALCUL DU SALAIRE POUR LES STAGIAIRES PROFFESSIONNELS : ici on entre dans la

professionnalisation, les salaires des stagiaires seront calcules en fonction du salaire journalier arrange
par le stagiaire et le directeur général. En fonction de certains facteurs bien définis par l’application, Il
peut avoir augmentation ou réduction du salaire.
✓ GESTION DES DROITS ET ROLES : ici il est question de gérer l’accès à l’application. Ainsi l’accès
au logiciel se codifie par le fait que seul stagiaire, DG et encadreurs professionnels auront accès au
logiciel.
II.2.3) BESOINS NON-FONCTIONNELS

Ce sont des besoins qui ne sont pas directement liées à sa fonctionnalité principale. Comme besoins, nous
avons :
➢ Fiable : elle doit fonctionner de façon cohérente et sans erreurs.

➢ Multi-utilisateur : elle doit permettre l’accès à plusieurs utilisateurs.
➢ Sécurisée : elle doit respecter la confidentialité des données personnelles.
➢ Maintenable : le système doit respecter architecture standard permettant sa maintenance portable.
L’application doit être en mesure de s’exécuter sur un ordinateur ou mobile.
➢ Ergonome : elle doit être facile à utiliser de manière à ce que l’utilisateur ne fournisse aucun effort.
10
➢ compatibilité et portabilité : une application web doit quel que soit son langage de programmation
être compatible avec la majorité de navigateurs et de terminaux comme PC, mobile, IPAD.
II.2.4) EVALUATIONS DES CONTRAINTES

Les contraintes liées à un projet sont axées sur plusieurs domaines tels que les finances, la technologie, le
temps, le personnel humain…
a) CONTRAINTES FINANCIERES
Cette contrainte consiste à évaluer le cout de possession de l’informatique c’est à dire
l’ensemble des dépenses à réaliser par l’entreprise pour s’en approprier d’un service informatique. Elle est
résumée dans ce tableau :
Désignation Prix unitaire Quantité Montant

Conception 1 500 000 01 1 500 000
détaillée
Codage 2 000 000 02 4 000 000

Test de vérification 500 000 01 500 000
et de validation
Formation des 250 000 03 750 000
utilisateurs
Ordinateur 250 000 02 500000
Autres technologies 250 000 01 250 000
Imprévu 200 000 01 200 000
Prix total 7 700 000 FCFA
Tableau 3 : contraintes financières source : estimation personnelle
NB : le début du service se conditionne par une avance de 60% du prix total et les 40% autres seront verses
après le déploiement de l’application.
b) CONTRAINTES TECHNIQUES
La contrainte technique est une donnée d’entrée dans la recherche d’une solution technique.
c) CONTRAINTES HUMAINES
Ici il sera question pour nous de présenter les différentes ressources humaines de notre projet avec leurs
différents rôles. Ceci est représenté dans le tableau suivant :

11
Désignation Profil Compétences Objectif

Un concepteur BTS Génie Maitrise de la Participe à la
logiciel modélisation par conception du
la méthode projet.
MERISE et celle
UML
Deux BTS Génie Compétences Participe à
développeurs logiciel requises en java l’implémentation
Web EE, PHP et du projet
LARAVEL
Un testeur BTS Génie Compétence en Participe à la
logiciel test logiciel vérification et à la
validation du
projet
Un coordonnateur BTS en GENIE Compétence en Contrôle et valide
de projet LOGICIEL planification des toutes les étapes
taches et en lies à la
management des conception du
personnes projet.
Tableau 4 : contrainte humaine source : nos propres soins
d) PLANIFICATION DU PROJET
Elles représentent l’ensemble des évènements qui pourront ralentir ou stopper l’avancement du projet. Ici il
sera question de faire une planification claire du temps que l’on mettra pour la réalisation du projet en
explicitant la durée de chaque dans l’évolution du projet. Nos contraintes sont représentées par la figure
suivante :

12
Figure 3: Planification du projet
Source : Nos propres soins
II.2.5) RESPONSABILITES ET ROLES RESPECTIFS DES PARTIES

ENGAGEES DANS LE PROJET
Ici, il sera question pour nous de citer les parties qui interviennent dans le projet. Pour le projet informatique
de cette entreprise, on aura deux grandes parties : le MOA représenté par le DG de TKM-GESCREEN SARL
et le MOE représenté par le spécialiste de l’équipe informatique. Le tableau ci-après résume ces 02 parties
avec leurs rôles et responsabilités :
Intervenants Rôles Responsabilités

Entreprise Fournir les moyens nécessaires à Participe au test de
TKM- la réalisation du projet vérification et de
GESCREEN Participe à la spécification du validation
SARL besoin Se porte garant du
(MOA) Fournir le complément payement des solutions
d’information réalisées
Equipe de Réaliser l’application Se porte garant de la
développeur conformément au cahier de charge sécurité, la
(MOE) maintenabilité et la
disponibilité du dit
logiciel
Tableau 5 : parties engagées dans le projet source : cahier de stage

13
III) ETUDE DE L’EXISTANT

III.1) ANALYSE DE L’EXISTANT
Actuellement, au sein de l’entreprise TKM-GESCREEN la gestion des stagiaires se déroule de la manière
suivante :
- Toute personne désirant effectuer son stage a TKM devra monter ses dossiers et les déposer soit au
siège de l’entreprise, soit via l’adresse e-mail de la structure ;
- Apres réception, l’entreprise TKM examine les différentes candidatures et valides certaines soit par
appel téléphonique ou soit par l’envoie d’un courriel ;
- Apres réception du signal de validation de la candidature, le candidat devra se présenter le jour et a
l’heure prévu par TKM pour le début de son stage ;
- Maintenant TKM l’attribuera un encadreur professionnel qui aura pour but de l’aider et le suivre dans
l’exécution de ses taches tout au long de son stage.
- Ainsi passée la période de stage, TKM donnera au dit stagiaire une attestation de fin de stage afin de
valoir ce que de droit.
III.2) CRITIQUE DE L’EXISTANT

La critique l’existant consiste à donner notre point de vue sur le système existant et à proposer des solutions
en cas de disfonctionnements ou d’améliorations à proposer. Dans le cas de notre projet, les critiques seront
données sur le plan fonctionnel et organisationnel.
- SUR LE PLAN FONCTIONNEL :

➢ Lenteur dans l’enregistrement manuelle des données des stagiaires ;
➢ Non existence d’une base de données informatisée pour l’enregistrement des données de
stagiaires ;
➢ Suivi encore manuelle des stagiaires ;
- SUR LE PLAN ORGANISATIONNEL :

➢ L’abondance des documents (papier) ;
➢ Risques de pertes d’information et de documents ;
➢ Les informations ne sont pas sécurisées ;
iv) PROPOSITION DE SOLUTION

IV.1) SOLUTION DEJA EXISTANTE MAIS INSUFFISANTES
Comme solutions pour assurer la gestion des stagiaires nous avons :
Eval’One : logiciel de gestion de vos évaluations stagiaires. Ce logiciel gère uniquement l’évaluation des stagiaires. Il
n’est pas complet pour TKM-GESCREEN car il ne gère pas le recrutement des stagiaires et l’ajout des stagiaires.

14
Figure 4: Logo logiciel Eval’one
Source : Internet
➢ MODULE STAGIARES : Ce logiciel permet de :

- Une gestion électronique des documents (GED) : Tout d’abord du CV, puis la lettre de
motivation et enfin de la convention de stage ;
- Une saisie simple et rapide du dossier de stagiaire ;
Ce logiciel n’est pas du tout complet car il ne gère pas l’évaluation des stagiaires, le recrutement
des stagiaires. Ce logiciel est développé par l’entreprise emalti-rh
Figure 5 : Logo emalti-rh
source : Internet
IV.2) CHOIX DE LA SOLUTION

Nous allons créer une application permettant la gestion du recrutement, des inscriptions, paiements, absences
et l’après-stage des stagiaires. Elle permettra donc de gérer de façon plus fluide et plus simple ces informations.
Faciliter la recherche, la modification, l’ajout et la suppression des stagiaires et de leur absence et paiement.
L’application sera utilisée par deux personnes en fonction de leur poste. Les principaux acteurs sont :
o Le chargé des ressources humaines ou par extension le PDG (super-administrateur)
o Le stagiaire proprement dit ;
o L’encadreur professionnel (administrateur)

15
Pour accéder à l’application il faut tout d’abord être recruté. Pour être recruter, aller dans le site de l’entreprise,
vous trouverez le lien de l’application. Ainsi vous aurez uniquement accès à l’interface d’accueil qui vous
permettra de déposer votre candidature en ligne et attendre une confirmation via votre adresse e-mail. Dans
cette confirmation, on vous donnera votre login et mot de passe vous permettant d’accéder à votre application.
En cas d’oubli du mot de passe, un email leur sera envoyé avec le mot de passe après vérification de leur
adresse email.
• Les stagiaires font des demandes d’inscription en remplissant un formulaire sur la plateforme et en y déposant
une fois leur dossier. Ces informations sont d’inscription, nom, prénom, date de naissance, lieu de naissance,
adresse, téléphone, email, niveau scolaire actuel, le type de stage choisit ;
• Lorsque les stagiaires terminent leurs stage, l’archivage doit être automatique. Ainsi la consultation d’une
liste des stagiaires archivés est possible et les informations pourront éventuellement être utilisées pour une
future inscription.
• La recherche d’un stagiaire (par Matricule, nom, prénom) et consultation de la liste des stagiaires en cours
ou archivés peut être effectué pour faire des mises à jour (modifier/supprimer) ou affichage en détail.
• L’enregistrement des absences se fait chaque jour via le logiciel (Ici on va inclure un système qui vérifiera
l’ouverture du logiciel au moins une fois par jour dans les heures règlementaires du travail. Et au cas contraire
attribuera une fois une mention d’absent au stagiaire pour le compte de ce jour). Une absence est caractérisée
par une date, un motif et elle peut être justifiée ou non.
•. A chaque absence non justifiée, ils reçoivent un avertissement. Apres 5 avertissements, il reçoit une
exclusion temporaire.
IV.3) EVALUATION DES MESURES DE SUCCES

Apres réalisation de ce logiciel, les critères permettant d’évaluer le taux de réussite de cette application seront :
➢ Les tests unitaires qui consistent à tester individuellement les composants de l’application.
On pourra ainsi valider la qualité du code (méthodes, classe) et les performances d’un
module.
➢ Les tests d’intégration : Ils sont exécutés pour valider l’intégration des différents modules
entre eux et dans leur environnement. Ils permettront de mettre en évidence des problèmes
d’interface entre différents programmes.
➢ Les tests de performance : Permettent de tester la qualité du code développé.
➢ Les tests fonctionnels : Ils ont pour but de vérifier la conformité de l’application développée
avec le cahier de charges initial. Ils sont basés sur les spécifications fonctionnelles et
techniques.

16
➢ Les tests de validations : Ici ce test permet de vérifier si toutes les exigences du client,
décrites dans le document de spécification du logiciel, sont respectées.
Ces tests s’effectueront simultanément par le MOE et le MOA.

17

18
CHAPITRE 3 : MODELISATION DETAILLEE

I. BREVE PRESENTATION DE LA METHODE UML
Le langage de modélisation unifié, de l’anglais Unified Modeling Language (UML), est un langage de
modélisation graphique à base de pictogramme conçu comme une méthode normalisée de visualisation dans
le domaine du développement logiciel et en conception orientée objet constitué de diagrammes intégrés (08
précisément) utilisés par les développeurs informatiques pour la représentation visuelle des objets, des états et
des processus dans un logiciel ou un système. UML est une synthèse de langage de modélisation objet
antérieurs comme : BOOCH, OMT, OOSE ; issu des travaux de GRADY BOOCH, JAMES RUMBAUGH et
IVAR JACOBSON, UML est à présent un standard 1.0 a été adopté par l’OMG en Juillet 2005. La dernière
version de la spécification validée par l’OMG est UML 2.5.1 en 2017.
Dans le cadre de notre projet nous avons étudié 03 diagrammes que sont : les diagrammes de cas
d’utilisation, de classe et de séquence
II. DIAGRAMME DE CAS D’UTILISATION

En langage UML, les diagrammes de cas d’utilisation modélisent le comportement d’un système et
permettent de capturer les exigences du système. Les diagrammes de cas d’utilisation décrivent les fonctions
générales et la portée d’un système. Ils identifient également les interactions entre le système et ses acteurs.
Les cas d’utilisations et les acteurs dans les diagrammes de cas d’utilisations décrivent ce que le système fait
et comment les acteurs l’utilisent, mais ne montrent pas comment le système fonctionne en interne.
Dans le cadre de notre projet voici le diagramme de cas utilisé :

19
Figure 6: Diagramme de cas d’utilisation
source : Nos propres soins
EXPLICATION DU DIAGRAMME DES CAS D’UTILISATION

20
TITRE BUT ACTEUR PRE- ENCHAINNE ALTERNATIV BESOIN

S CONDITI MENTS ES D’IHM
ONS
Modifier Permet à Utilisateur L’utilisateu L’utilisateur est Gestion des
_profil l’utilisateur (administr r doit avoir le mieux placer Utilisateurs
/stagiaire de ateur, au pour modifier
pouvoir super- préalable son profil
modifier les administrat un compte
informations eur) et d’utilisateu
relatives à son stagiaire r
compte dans la
base de donnée
recherch Permet au Super Posséder Ici les Un message Gestion des
er super administrat les recherches s’affichera en Utilisateurs
administrateur eur privilèges seront cas de
et parfois à /administra d’administr effectuées en recherche non
l’administrateu teur ateur ou de fonction des existante dans
r de pouvoir super besoins du la base de
effectuer des administrat super admin. données
recherches eur
dans la base de
données
consulter Permet au Super Posséder Le super admin Un message Gestion des
super administrat les consulte les s’affichera en Utilisateurs
administrateur eur privilèges listes de cas de non-
de consulter la de super- stagiaire présence
liste des admistrateu /utilisateur afin d’utilisateur/sta
stagiaires, des r de s’assurer de giaire dans la
utilisateurs, et la traçabilité, de base de données
même des la cohérence et
offres de stage même de la
de l’entreprise concordance
entre les
données sur le
terrain et celle

21
de la base de
donnée
Ajouter Permet au Super Posséder Le super admin Un message Gestion des

super administrat les ajoute de d’erreur Utilisateurs/
administrateur eur privilèges nouveaux s’affichera en stagiaires
d’ajouter un de super- utilisateurs/stagi cas d’erreur de
utilisateur, un admistrateu aires recrutés syntaxe dans
stagiaire ou r l’ajout des
même une utilisateurs
offre de stage
dans le
système.
S’authen vérifier Super – L’utilisateu Ici Un message Gestion des
tifier l'identité d'un administrat r doit l’utilisateur/stag d’erreur Utilisateurs
utilisateur/stag eur d’abord iaire doit entrer s’affichera en
iaire et /Administr avoir son son login + mot cas de non-
d'autoriser ateur compte soit de passe afin de comptabilité
l'accès de cette /stagiaire par se connecter à entre le login et
entité à des création son compte le mot de passe
ressources bien soit par
précises l’intermédi
aire du
super -
administrat
eur
Mettre à Permet au Super Les Le super admin Un message Gestion des
jour super administrat informatio met à jour les d’erreur Utilisateurs
administrateur eur ns qui données dans la s’affichera en
de mettre à doivent base de données cas d’erreur de
jour les être mises syntaxe dans la
informations à jour mise à jour des
d’un doivent informations
utilisateur, un tout des
stagiaire ou d’abord

22
même une être dans la utilisateurs/stagi

offre de stage base de aires
dans la base de données
données.
imprimer Permet au Super On doit Le super admin Un message Gestion des
super administrat d’abord imprime les d’erreur Utilisateurs
administrateur eur avoir des données de la s’affichera en
d’imprimer et données base de données cas de non
de télécharger dans la présence
la liste des BDD avant d’information
stagiaires, des de pouvoir dans la base de
utilisateurs, et les données
même des imprimer
offres de stage sous forme
de l’entreprise de liste
Tableau 6 : explication du diagramme cas d’utilisation source : Nos propres soins
III. DIAGRAMME DE CLASSE

Le diagramme de classe est un schéma utilisé en génie logiciel pour présenter les classes et les interfaces des
systèmes ainsi que leurs relations. Ce diagramme fait partie de la partie pratique d’UML, ne s’intéressant pas
aux aspects temporels et dynamiques.
Une classe décrit les responsabilités, le comportement et le type d’un ensemble d’objets. Les éléments de cet
ensemble sont les instances de la classe. Elle est un ensemble de fonctions et de données (attributs) qui sont
liés ensembles par un champ sémantique.
Dans le cadre de notre projet voici le diagramme de cas utilisé :

23
Figure 7: Diagramme de classe
IV. DIAGRAMME DES SEQUENCES

Les diagrammes de séquences sont la représentation graphique des interactions
entre les acteurs et le système selon un ordre chronologique dans la formulation d’UML. Le diagramme de
séquence fait partie des diagrammes comportementaux (dynamique) et plus précisément des diagrammes
d’interactions.
o Il permet de représenter des échanges entre les différents objets et acteurs du système en fonction du
temps.
o A moins que le système à modéliser soit extrêmement simple, nous ne pouvons pas modéliser la
dynamique globale du système dans un seul diagramme. Nous ferons donc appel à un ensemble de
diagramme de séquences chacun correspondant à une sous fonction du système, généralement
d’ailleurs pour illustrer un cas d’utilisation.
Dans le cadre de notre projet, nous allons donc faire appel à plusieurs diagrammes de séquence.
Diagramme de connexion au compte :

24
Figure 8: Diagramme de séquence d’authentification
Diagramme de séquence d’inscription

25
Figure 9: Diagramme de séquence d’inscription
source : Nos propres soins
DIAGRAMME DE SEQUENCE DE RECHERCHE UTILISATEUR/STAGIAIRE DANS LA

BASE DE DONNEE :

26
Figure 10: Diagramme de séquence de la méthode ’’ rechercher’’
DIAGRAMME DE SEQUENCE DE LA METHODE ‘’AJOUTER’’
Figure 11:Diagramme de séquence de la méthode ‘’Ajouter’’
DIAGRAMME DE SEQUENCE DE LA METHODE ‘’MODIFIER’’

27
Figure 12: Diagramme de séquence de la méthode ‘’Modifier’’
DIAGRAMME DE SEQUENCE DE LA METHODE ‘’SUPPRIMER’’

28
Figure 13: Diagramme de séquence de la méthode ‘’Supprimer’’

29
CHAPITRE 4 : IMPLEMENTATION
I- ARCHITECTURE DU SYSTEME
Il existe deux architectures de fonctionnement des applications informatiques :
➢ L’architecture a deux niveaux (aussi appelée architecture 2-tier, tiers signifiant rangée en anglais)
caractérise les systèmes clients/serveurs pour lesquels le client demande une ressource et le serveur lui
fournit directement à partir de ses propres ressources sans solliciter d’autres machines.
On peut représenter cette architecture par le schéma suivant :
Figure 14: Architecture 2-tier
Source : Internet
➢ ARCHITECTURE A TROIS NIVEAUX : En générale, quand on développe une application

web, on utilise l’architecture trois tiers (ou trois couche) incluant : l’interface utilisateur, le logique
métier, et l’accès aux données. C’est l’architecture model-vue-contrôleur illustré avec le schéma
suivant :

30
Figure 15:Architecture a trois niveaux
Source : synbioz.com
Ce motif se décompose comme suit :
• Les modelés communiquent avec la base de données ;
• Les vues sont faites pour la présentation de l’interface utilisateur ;
• Les contrôleurs incluent les actions effectuées par les utilisateurs.
Dans le cas de ce projet, le logiciel doit obéir à l’architecture à trois niveaux.
II- OUTILS TECHNOLOGIQUES
II.1. SGBD
Un SGBD (SYSTEME DE GESTION DE BASE DE DONNEES) est un logiciel permettant de manipuler les
bases de données. Le SGBD utilise dans le cadre de notre projet est MYSQL.
EN effet MYSQL est un Système de Gestion de Bases de Données Relationnelles, qui utilise le langage SQL.
C'est un des SGBDR les plus utilisés. Sa popularité est due en grande partie au fait qu'il s'agisse d'un logiciel
Open Source, ce qui signifie que son code source est librement disponible et que quiconque en ressente l'envie
et/ou le besoin peut modifier MySQL pour l'améliorer ou l'adapter à ses besoins. Nous avons utilisé MYSQL

31
Parce que tout d’abord, il est open source et gratuit. Ensuite ses performances sont excellentes et il est Multi-
utilisateurs et prévu pour fonctionner parfaitement avec PHP qui est le langage de programmation que nous
allons utiliser dans le cadre de l’implémentation de notre application.
Figure 16: Logo MySQL
Source : Internet
II.2. SEVEUR
Laragon est un serveur local pour Windows très simple à installer développée par l’équipe du Framework
PHP LARAVEL. Il est accompagné de différentes technologies à savoir :
➢ NGINX / Apache (serveur web) ;
➢ PHP (langage interprété côté serveur) ;
➢ MySQL (base de données) ;
Nous avons utilisé ce serveur car comparèrent a d’autres (wamp, xampp) il :
- Il ne nécessite pas de configuration particulière et il est extrêmement rapide ;
- Il propose tous les outils dont vous pourriez avoir besoin pour réaliser vos travaux de
développement web ;
- Il offre la possibilité au codeur d’ajouter une version de PHP ;
- Il permet la création automatique et la configuration des Virtual hosts (hôtes virtuels) ;
- Il permet également de simuler du SSL et d’installer automatiquement de nombreux CMS
(WordPress, Joomla, Drupal 8 ou Prestashop) et Framework PHP (Laravel, Symfony, Lumen,
CakePHP) ;
- Il dispose nativement d’un intercepteur/émetteur d’email ainsi que d’une palette d’outils
toujours utiles pour le développeur (Notepad++, WinSCP [client FTP], Netstat, PuTTy [client
SSH], Cmder [terminal pour Windows]).

32
Figure 17: Logo Laragon
Source : Internet
II.3. FRAMEWORK
Le Framework utilisé dans le cadre de notre cours est LARAVEL. Laravel est un Framework PHP open source,
robuste et facile à comprendre. Il suit un modèle de conception modèle-vue-contrôleur. Laravel réutilise les
composants existants de différents Framework, ce qui aide à créer une application Web. L'application web
ainsi conçue est plus structurée et pragmatique. Laravel offre un riche ensemble de fonctionnalités qui intègre
les fonctionnalités de base des Framework PHP tels que CodeIgniter, Yii et d'autres langages de
programmation comme Ruby on Rails. Laravel dispose d'un ensemble très riche de fonctionnalités qui
augmenteront la vitesse de développement Web. Si vous êtes familier avec Core PHP et Advanced PHP,
Laravel vous facilitera la tâche. Cela vous fait gagner beaucoup de temps si vous envisagez de développer un
site Web à partir de zéro. De plus, un site web construit en Laravel est sécurisé et empêche plusieurs attaques
web. Laravel vous offre les avantages suivants, lorsque vous concevez une application web basée sur celle-
ci :
✓ L’application Web devient plus évolutive, grâce au Framework Laravel ;
✓ Un temps considérable est économisé dans la conception de l'application Web,
puisque Laravel réutilise les composants d'un autre Framework pour développer
l'application Web.
✓ Il comprend des espaces de noms et des interfaces, aide ainsi à organiser et à gérer
les ressources.
Figure 18: Logo Laravel
Source : Internet

33
II.4. INTEGRATED DEVELOPMENT

ENVIRONMENT(IDE)
Comme IDE nous avons utilisé Visual Studio Code : Visual Studio Code a été annoncé le 29 avril 2015 par
Microsoft lors de la conférence Build 2015. Une version préliminaire a été publiée peu de temps après. Le 18
novembre 2015, Visual Studio Code a été publié sous la licence MIT et son code source publié sur Git hub.
Le support d'extensions a également été annoncé. Le 14 avril 2016, Visual Studio Code est sorti de
phase beta et a été publié sur le Web. Il est un éditeur de code source qui peut être utilisé avec une variété de
langages de programmation, notamment Java, JavaScript, Go, Node.js et C++. Il est basé sur le cadre
Electron, qui est utilisé pour développer des applications Web Node.js qui s'exécutent sur le moteur de
présentation Blink. Visual Studio Code utilise le même composant d'éditeur (nom de code Monaco) utilisé
dans Azure DevOps (anciennement appelé Visual Studio Online et Visual Studio Team Services). Le logiciel
prend en charge le Windows Subsystem for Linux et, permet ainsi par exemple, de programmer facilement en
C/C++ depuis un ordinateur Windows 10.
Figure 19: Logo Visual Studio Code
Source : Internet
II.5. LANGAGE
Comme langage utilise pour notre application, on a HTML5, CSS3, JavaScript, PHP8.
▪ HTML 5 : sigle signifiant HYPER TEXT MARKUP LANGUAGE est le langage de

balisage conçu pour représenter les pages web. Ce langage permet d’écrire de
l’hypertexte (d’où son nom), de structurer sémantiquement une page web, de mettre en forme
du contenu, de créer des formulaires de saisie ou encore d’inclure
des ressources multimédias dont des images, des vidéos, et des programmes informatiques.
L'HTML offre également la possibilité de créer des documents interopérables avec des
équipements très variés et conformément aux exigences de l’accessibilité du web. Pour notre
travail nous avons utilisé le HTML 5.

34
Figure 20: Logo HTML5
Source : Internet
▪ CSS 3 : Sigle signifiant CASCADING STYLE SHEETS qui se traduit par “feuilles de style
en cascade ”. Le CSS est un langage utilisé sur le net pour mettre en forme les fichiers HTML.
Ainsi les feuilles de style comprennent du code qui permet de gérer le design d’une page
HTML. Pour ce projet nous allons utiliser le CSS3 et plusieurs bibliothèque css tels que :
Bootstrap 4, Font-awesome ;
Figure 21 : Logo CSS3
Source : Internet
▪ JAVASCRIPT : JavaScript est un langage de programmation qui permet de créer du contenu

mis à jour de façon dynamique, de contrôler le contenu multimédia, d'animer des images...
C’est un langage de programmation qui permet d'implémenter des mécanismes complexes sur
une page web et qui constitue la troisième couche des technologies standards du web, les deux
premières étant le HTML et le CSS.

35
Figure 22: Logo JavaScript
Source : Internet
▪ PHP 8 : (officiellement, ce sigle est un acronyme récursif pour PHP Hypertext

Préprocesseur) est un langage de scripts généraliste et Open Source, spécialement conçu pour
le développement d'applications web. Il peut être intégré facilement au HTML. Il est également
associé à une base de données, tel que MYSQL. IL est exécuté du cote serveur.
Figure 23 : Logo PHP8
Source : Internet
II.6. AUTRES OUTILS TECHNOLOGIQUES

- L’outil de planification GANTT PROJECT pour la planification de ce projet ;
Figure 24: Logo Gantt Project
Source : Internet
- L’outil de modélisation WINDESIGN pour la réalisation de la modélisation ;

36
Figure 25: Logo WinDesign
Source : Internet
III- Processus de création de notre bd

Lors de la création de notre projet laravel via laragon, la base de données correspondant au projet est créée
automatiquement et ainsi pour la création des tables il suffira de coder ses tables en laravel et puis taper dans
le terminal la commande PHP ARTISAN MIGRATE comme le montre les captures d’écran ci-après :
Figure 26: page d’accueil Laragon
Source : Par nos soins
Voici présenté l’interface de laragon, en cliquant sur base de données on obtient :

37
Figure 27: Base de données Stagiaire vide
Voici ainsi la base de données stagiaire crée automatiquement par LARAGON lors de la création du projet.
Bon Maintenant créons les tables via le code laravel.
- Première étape : Création des migrations via la commande
Php artisan make: migration create_table_stagiaire. Cette commande permet de créer la table
stagiaire. Apres cette commande le fichier 2023_02_13_220806_create_stagiaire_table.php a été créé
automatiquement et c’est dans ce fichier que l’on va configurer notre table.
Cette méthode a été utilisée pour la création de toutes nos tables. Ainsi voici la configuration de
quelques-unes :
▪ Pour la table stagiaire :

38
Figure 28: Table Stagiaire
▪ Pour la table utilisateur :

39
Figure 29: Table utilisateur
- Deuxième étape : Migrons ces tables dans notre BD stagiaire via la commande
Php artisan migrate. Apres l’exécution de cette commande, on obtient
Figure 30: Commande de migration des tables

40
Et repartons parcourir notre BD stagiaire et de ce fait on obtient
Figure 31: Base de données Stagiaire avec nos tables
Toutes nos tables codées sont bel et bien présente dans notre BD stagiaire.
Voici les entités de notre table stagiaire
Et les entités d’users sont
IV- Interface de notre application

Voici présentez quelques interfaces phares de notre application :
- L’INTERFACE D’ACCUEIL : C’est l’interface de présentation de notre plateforme. On

peut :

41
• Se connecter en tant qu’utilisateur :
Figure 32: Interface d’accueil avec connexion utilisateur
• Se connecter en tant que stagiaire :

42
Figure 33: Interface d’accueil avec connexion stagiaire

• Envoyer ses dossiers de demandes de stage sur la plateforme :
Figure 34: Interface de dépôt de dossier
- L’INTERFACE DE CONNECTION : ici l’utilisateur se connecter à son compte afin

de pouvoir travailler. il se connecte via son nom et son email et peut être un administrateur (encadreur
professionnel) ou un super administrateur (directeur des ressources humaines ou même le PDG de la
structure).
Figure 35: Interface de connexion

43
En cas d’oublie du mot de passe, l’utilisateur clique sur Mot de passe oublié ? Et devra suivre les étapes pour
la création d’un nouveau mot de passe
Figure 36:Interface de réinitialisation mot de passe
- L’INTERFACE DE CREATION DE COMPTE : ici c’est une interface est

réservée uniquement au super administrateur et de là il pourra créer des comptes soit de stagiaire ou
d’utilisateur et leur transmettre leurs mots de passe et login respectifs.

44
Figure 37: Interface de Création de Compte
- LE DASHBOARD MODE SUPER -ADMIN :
Figure 38:Dashboard Mode Super-administrateur

45
Source : par nos soins
Ce Dashboard est constitué de plusieurs interfaces correspondantes différentes autorisation du super

administrateur :
✓ L’INTERFACE D’AJOUT DES STAGIAIRES : Ici cette interface permettra au

super admin uniquement de pouvoir enregistrer les stagiaires sans au préalable passe par
le processus de recrutement
Figure 39: Interface d'ajout des stagiaires
✓ L’INTERFACE D’AJOUT DES UTILISATEURS : ici, cette interface permettra d’ajouter

de nouvel utilisateur sur l’application.

46
Figure 40: Interface d'ajout des Utilisateurs
✓ LISTE DES UTILISATEURS : cette interface permettra de lister tous les utilisateurs
de la plateforme et de pouvoir soit copier ces informations, soit les imprimer ou les
télécharger sous forme de document csv, Excel et PDF

47
Figure 41: Interface tous les utilisateurs
✓ LISTE DES STAGIAIRES : cette interface permettra de lister tous les stagiaires de la
plateforme et de pouvoir soit copier ces informations, soit les imprimer ou les
télécharger sous forme de document csv, Excel et PDF.

48
Figure 42:Interface tous les Stagiaires
✓ DOSSIER DE STAGE : qui liste les différents candidatures envoyées et de ce fait le super-admin
pourra visualiser, accepter, rejeter ou mettre en attente (afin de pouvoir accepter au cas où il ait
désagrément sur l’une des candidatures validée) les dites candidatures.

49
Figure 43:Menu des dossiers de recrutement

50
CONCLUSION GENERALE
Notre étude a consisté à la conception d’une application de gestion des stagiaires pour la société TKM-
GESCREEN. Pour cela nous avons d’abord eu faire une étude préalable qui nous a permis de comprendre le
processus de fonctionnement de l’entreprise en terme de gestion des stagiaires. Ensuite nous avons eu à étudier
et à mettre sur pied cette application en passant par une méthode d’analyse : l’UML qui nous a permis de
mieux structurer et ressortir les différents diagrammes qui nous permettront de mieux concevoir le système.
Nous avons utilisé des outils comme Vs code, laragon et des langages et Framework comme HTML5, CSS3,
PHP, LARAVEL pour l’implémentation de notre application. Ainsi, ce logiciel va garantir la rapidité et la
fiabilité dans le recrutement et la gestion automatique des stagiaires au sein de cette entreprise, en vue d’un
excellent archivage des documents. Au stade actuel nous sommes a plus de 91,35% de réalisation des objectifs
fixées avec la réalisation des modules tels que le Traitement et validation des dossiers ; l’inscription des
nouveaux stagiaires ; ajout de nouvel utilisateur ; planification de la journée du stagiaire ; organisation
horaire du stagiaire ; calcul de la note du stagiaire et octroie des prime en fin de stage ; Gestion des droits et
rôles .

51
REFERENCES Bibliographiques
BIBLIOGRAPHIE
✓ Support de cour de Mr DOUMI Serge portant sur les Systèmes d’information et sur la Programmation
Web 1&2 année 2022 ;
✓ Support de cour de Mr SONAGOU sur la gestion des bases de données crée en 2022 et Mise à jour ;
WEBOGRAPHIE
✓ Documentation de laravel : Documentation Laravel - Laravel - Le framework PHP pour les artisans du Web ;
✓ Formation vidéo sur le Laravel : (87) Nord Coders - YouTube ;
✓ Librairie laravel : https://getcomposer.org ;
✓ Site internet de stackoverflow : www.stackoverflow.com ;
✓ Wikipédia ;
✓ Synbioz : Agence de développement web - Lille - Paris ;
✓

52
TABLEAU DE MATIERE
DEDICACE .................................................................................................................................................................................. II
REMERCIEMENT .................................................................................................................................................................. III
RESUME .................................................................................................................................................................................... IV
ABSTRACT ................................................................................................................................................................................ V
AVANT-PROPOS ....................................................................................................................................................................... VI
LISTE DES ABREVIATIONS ..................................................................................................................................................... IX
LISTE DES TABLEAUX ............................................................................................................................................................. X
LISTE DES FIGURES ................................................................................................................................................................. XI
INTRODUCTION GENERALE .................................................................................................................................................... XII

PREMIERE PARTIE : PRESENTATION DE L’ENTREPRISE ET DU PROJET DE STAGE ............................................................................. 1
CHAPITRE 1 : PRESENTATION DE L’ENTREPRISE ................................................................................................................. 2

I) ENVIRONNEMENT INTERNE .......................................................................................................................................... 2
II) ENVIRONNEMENT EXTERNE ..................................................................................................................................... 4
II.1) LA CONCURRENCE............................................................................................................................................................... 5
II.2) LES PARTENAIRES ............................................................................................................................................................... 5
II.3) PLAN DE LOCALISATION DE L’ENTREPRISE ......................................................................................................................... 6
CHAPITRE 2 : PRESENTATION DU PROJET DE STAGE .......................................................................................................... 7
I) DEROULEMENT DU STAGE ............................................................................................................................................... 7
II) ETUDE PREALABLE ......................................................................................................................................................... 9
III) ETUDE DE L’EXISTANT .............................................................................................................................................. 14
IV) PROPOSITION DE SOLUTION ............................................................................................................................................. 14

........................................................................................... 18
CHAPITRE 3 : MODELISATION DETAILLEE ........................................................................................................................... 19

I. BREVE PRESENTATION DE LA METHODE UML.................................................................................................... 19
II. DIAGRAMME DE CAS D’UTILISATION ..................................................................................................................... 19
III. DIAGRAMME DE CLASSE ........................................................................................................................................ 23
IV. DIAGRAMME DES SEQUENCES.............................................................................................................................. 24
CHAPITRE 4 : IMPLEMENTATION .......................................................................................................................................... 30
I- ARCHITECTURE DU SYSTEME .......................................................................................................................................... 30

II- OUTILS TECHNOLOGIQUES ........................................................................................................................................... 31
II.1. SGBD ........................................................................................................................................................................... 31
II.2. SEVEUR ...................................................................................................................................................................... 32
II.3. FRAMEWORK ............................................................................................................................................................. 33
II.4. INTEGRATED DEVELOPMENT ENVIRONMENT(IDE) ............................................................................................. 34
II.5. LANGAGE .................................................................................................................................................................. 34
II.6. AUTRES OUTILS TECHNOLOGIQUES....................................................................................................................... 36
III- PROCESSUS DE CREATION DE NOTRE BD ............................................................................................................................... 37
53
IV- INTERFACE DE NOTRE APPLICATION .................................................................................................................................... 41

CONCLUSION GENERALE ........................................................................................................................................................... 51
REFERENCES BIBLIOGRAPHIQUES ....................................................................................................................................... 52
TABLEAU DE MATIERE .......................................................................................................................................................... 53

54

Rapport Stage Micky Nguelieuga Igl2 Final Update

Transféré par

Informations du document

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

Rapport Stage Micky Nguelieuga Igl2 Final Update

Transféré par

Droits d'auteur :

Formats disponibles

REPUBLIQUE DU CAMEROUN REPUBLIC OF CAMEROON

CONCEPTION ET IMPLEMENTATION D’UNE APPLICATION DE

Stage effectue du 22 juin au 07 aout 2022 à TKM-GESCREEN SARL

Rédigé et présenté par :

Annee Académique: 2022/2023

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

❖ Le feu Pasteur PAMEN FLAUBERT et l’ensemble du corps professoral et

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

Filières génie informatique

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

II CYCLE LICENCE MASTER PROFESSIONNEL

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

LISTE DES ABREVIATIONS ..................................................................................................................................................... IX

LISTE DES TABLEAUX ............................................................................................................................................................. X

LISTE DES FIGURES ................................................................................................................................................................. XI

INTRODUCTION GENERALE .................................................................................................................................................... XII

CHAPITRE 1 : PRESENTATION DE L’ENTREPRISE ................................................................................................................. 2

CHAPITRE 2 : PRESENTATION DU PROJET DE STAGE .......................................................................................................... 7

I) DEROULEMENT DU STAGE ............................................................................................................................................... 7

II) ETUDE PREALABLE ......................................................................................................................................................... 9

III) ETUDE DE L’EXISTANT .............................................................................................................................................. 14

IV) PROPOSITION DE SOLUTION ............................................................................................................................................. 14

CHAPITRE 3 : MODELISATION DETAILLEE ........................................................................................................................... 19

CHAPITRE 4 : IMPLEMENTATION .......................................................................................................................................... 30

REFERENCES BIBLIOGRAPHIQUES ....................................................................................................................................... 52

TABLEAU DE MATIERE .......................................................................................................................................................... 53

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

LISTE DES ABREVIATIONS

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

LISTE DES TABLEAUX

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

LISTE DES FIGURES

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

tels que VSCODE, LARAGON …

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

CHAPITRE 1 : PRESENTATION DE L’ENTREPRISE

Tableau1 : Fiche Signalétique de l’Entreprise

Denomination TKM-GESCREEN SARL

I.3) MISSIONS & OFFRES

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

❖ Distribution du matériel informatique, médical ;

ii. LES MISSIONS

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

Figure 1: structure de l’entreprise

Source : Archive de l’entreprise

ii) Moyen humain

II) ENVIRONNEMENT EXTERNE

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

II.2) LES PARTENAIRES

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

II.3) PLAN DE LOCALISATION DE L’ENTREPRISE

Figure 2: Plan de localisation

Source : Archive de l’entreprise

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

CHAPITRE 2 : PRESENTATION DU PROJET DE

Nous avons effectué notre stage au sein du département IT de l’entreprise TKM-GESCREEN.

I.2) CHRONOGRAMME DES ACTIVITES

Ce stage a été effectué au sein de l’entreprise TKM-GESCREEN, il a renforcé la liaison entre

Périodes Services Activités

Présenté et rédigé par NGUELIEUGA MONGOUE MICKY NATHAEL

• Entretien et maintenance des

I.3) LES APPORTS DU STAGE