Rapport de Stage Sujet :

APPLICATION WEB POUR LA GÉNÉRATION DES

ATTESTATIONS

Stagiaire : Encadre Par :

Laazizou Aicha ZIRAOUI ABDELHADI
2éme Ts DevOWFS Responsable de stage:
DADDA MOHAMED ELAMINE
Période de Stage :DU 01/02/2024 AU 29/02/2024
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

DEDICACE

A tous ceux qui me furent chers

et qui ne sont plus.

i
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

REMERCIEMENTS

Qu’il me soit permis de remercier :

 Le DIEU tout puissant pour m’avoir permis de suivre ce stage sans incident majeur.

 Monsieur le Directeur Fakkah Salah de Chambre de Commerce, d’industrie et

de Services ou nous avons réalisé notre stage.
 La Direction de Cités de métiers et de compétences de LAAYOUNE qui a jugé

bon de mettre à la disposition de ses étudiants un stage pour peaufiné notre apprentissage et mieux nous

familiariser avec le monde entrepreneurial.

 Mes Parents en particulier ma mère pour les sacrifices consentis pour mon
éducation.
 Monsieur ZIRAOUI ABDELHADI mon encadreur académique.

ii
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

TABLE DES MATIÈRES

Dedicace............................................................................................................................................i

Remerciements.................................................................................................................................ii

Table des matières...........................................................................................................................iii

Liste des abréviations......................................................................................................................vi

Liste des tableaux...........................................................................................................................vii

Liste des figures............................................................................................................................viii

Présentation de l’entreprise..............................................................................................................x

I. Historique..............................................................................................................................x

II. Services..............................................................................................................................x

III. Réalisations.......................................................................................................................xi

IV. Fonctionnement...............................................................................................................xii

V. Organigramme................................................................................................................xiii

VI. Plan de Localisation........................................................................................................xiv

Résumé..............................................................................................................................................1

Abstract.............................................................................................................................................2

Introduction......................................................................................................................................4

Chapitre I. Présentation du projet.....................................................................................................6

I. Besoins Fonctionnels.............................................................................................................6

1. Les besoins fonctionnels de l’internaute........................................................................6

2. Les besoins fonctionnels de l’utilisateur........................................................................6

3. Les besoins de l’administrateur......................................................................................7

II. Les besoins non fonctionnels.............................................................................................7

iii
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

1. Les exigences.................................................................................................................7

2. Planning prévisionnel.....................................................................................................8

CHAPITRE II. ANALYSE ET CONCEPTION............................................................................10

I. Analyse................................................................................................................................10

1. Définition des concepts................................................................................................10

2. Diagramme de cas d’utilisations..................................................................................11

3. Cas d’utilisation de ‘‘Internet user’’............................................................................12

4. Cas d’utilisation de ‘‘User’’.........................................................................................13

5. Use case ‘‘manage profile ’’ et ‘‘manage template’’ (User)........................................14

6. Cas d’utilisation de ‘‘Administrator’’..........................................................................15

II. Description textuelle de quelques cas d’utilisations........................................................16

2. Description textuelle du cas d’utilisation ‘‘add an intern’’..........................................17

3. Description textuelle du cas d’utilisation ‘‘Reset password’’......................................18

4. Description textuelle du cas d’utilisation ‘‘create user’’.............................................20

III. La conception...................................................................................................................22

1. Règles de gestions........................................................................................................22

2. Diagramme de classe....................................................................................................22

IV. Quelques diagramme de séquences.................................................................................24

1. Diagramme de séquence de “authenticate”..................................................................25

2. Diagramme de séquence de ‘‘create_user’’.................................................................26

3. Diagramme de séquence du cas d’utilisation ‘‘reset_password’’...............................27

Chapitre III. Réalisations................................................................................................................30

I. Environnement de travail....................................................................................................30

1. Environnement matériel...............................................................................................30

iv
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

2. Environnement logiciel......................................................................................................31

1. Architecture de développement : Architecture MVC (Model-View-Controller).........33

2. Langages de programmations et technologies.............................................................34

II. Présentation des interfaces...............................................................................................37

Conclusion......................................................................................................................................43

Références bibliographique............................................................................................................44

v
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

LISTE DES ABRÉVIATIONS

 U.M.L.: Unified Modeling Language

 JS.: JavaScript
 H.T.M.L.: HyperText Markup Language
 C.S.S.: Cascading Style Sheets
 A.W.G.A. : Application web pour la génération des atte stations
 C .C.I.S. : Chambre de Commerce, d’Industrie et de Services

vi
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

vii
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

LISTE DES TABLEAUX

Tableau 1: Description textuelle du cas d’utilisation ‘‘authenticate’’........................................16

Tableau 2 : Description textuelle du cas d’utilisation ‘‘add an intern’’.....................................17
Tableau 3: Description textuelle du cas d’utilisation ‘‘Reset password’’...................................18
Tableau 4: Description textuelle du cas d’utilisation ‘‘create user’’..........................................20
Tableau 5 : Récapitulatif des caractérisques matériels de notre ordinateur...............................30

viii
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

LISTE DES FIGURES

Figure 1 : Organigramme de MODAFA.......................................................................................xiii
Figure 2:Plan de Localisation........................................................................................................xiv
Figure 3: Diagramme de Grantt........................................................................................................8
Figure 4 : Diagramme de cas d’utilisation de L’internaute............................................................12
Figure 5: Diagramme de cas d’utilisation de l’utilisateur..............................................................13
Figure 6: Raffinement des use case................................................................................................14
Figure 7: Diagramme de cas d’utilisation de l’admin....................................................................15
Figure 8 : Diagramme de classes....................................................................................................23
Figure 9 : Diagramme de séquence de ‘‘authenticate’’..................................................................25
Figure 10 : Diagramme de séquence de ‘‘create_user’’.................................................................26
Figure 11 :Diagramme de séquence ‘‘reset_password’’................................................................27
Figure 12: Logo Visual studio code...............................................................................................31
Figure 13 : Logo wampserver.........................................................................................................31
Figure 14 : Logo Win Design.........................................................................................................32
Figure 15 : Schéma du modèle MVC.............................................................................................33
Figure 16 : Le langage PHP............................................................................................................34
Figure 17 : Le langage HTML........................................................................................................34
Figure 18 : CSS..............................................................................................................................35
Figure 19 : Bootstrap......................................................................................................................35
Figure 20: Logo du Framework Symfony......................................................................................35
Figure 21 : Page d’accueil..............................................................................................................37
Figure 22 : Page de connexion.......................................................................................................38
Figure 23 : Rendu responsive.........................................................................................................39
Figure 24 : Espace d’admin............................................................................................................40
Figure 25 : Espace User..................................................................................................................41

ix
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
PRESENTATION DE L’ENTREPRISE
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

PRÉSENTATION DE L’ENTREPRISE
Ici, nous allons retracer la genèse de l’entreprise, les services, les réalisations et son organigramme.

I.HISTORIQUE

Créée en 1977, la Chambre de Commerce, d’Industrie et de Services de Lâayoune Sakia El

Hamra « CCIS Làayoune sakia El Hamra », est un organisme public chargé de représenter,
défendre et développer les intérêts de l’ensemble des entreprises patentées, sises dans sa
circonscription territoriale qui s’étend sur une superficie de 14 001 800 ha = 140 018 km² et
englobe plus de 12.000 entreprises.

A l’instar des autres chambres marocaines, la Chambre de Commerce, d’Industrie et de Services

de Lâayoune Sakia El Hamra est dirigée par un chef d’entreprise, bénévole, élus par
des commerçants, des industriels et des prestataires de services.

Elle est dotée de la personnalité morale et de l’autonomie financière et est soumise à la tutelle du
Ministère de l’Industrie, du Commerce, de l’Investissement et de l’Economie Numérique et au
contrôle financier de l’Etat.

II.SERVICES

La chambre de commerce d’industrie et de services de Laayoune est un établissement public,

doté de la personnalité morale et de l’autonomie financière, placée sous la tutelle du ministère
chargé du commerce et d’industrie. Elle est régie par le Dahir n° 1.77.42 du 7 Safar 1397 (28
janvier 1977).

Elle a pour mission principale de représenter et défendre les intérêts du secteur privé.

Dans le cadre de l’accomplissement de ses fonctions la C.C.I.S Laayoune ouvre pour la

promotion des activités économiques, industrielles et commerciales au niveau local. Elle participe
aussi à la promotion du partenariat avec l’étranger, ce qui ouvre des horizons aux hommes
d’affaires marocains ayant des relations commerciales avec l’étranger.
xi
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

La C.C.I.S Laayoune joue un rôle majeur dans les domaines de l’information, de l’organisation
de manifestation d’intérêt économique et des opérateurs économiques.

En générale les C.C.I.S sont des établissements de consultation de façon qu’elles offrent au
gouvernement les

V.O RGANIGRAMME

Directeur Régional

Audit et
controle de
gestion

SERVICES AUX Appui et Administratif et Stratégie et

rESSORTISSANTS promotion fiinancier partenariat

Ressources Stratégie et partenariat et

formation et promotion et RH et système attractivité du diplomatie
financières et
networking dévelopement d'information territoire économique
logistiques

xii
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS
Figure 1:Organigramme de la C .C.I.S

ployee

xiii
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

VI.PLAN DE LOCALISATION
Le schéma ci-dessous illustre le plan de localisation de CCIS.

Figure 2:Plan de Localisation

La présentation de l’entreprise nous a permis de présenter la genèse de l’entreprise, les services
qu’elle offre, certaines réalisations, son fonctionnement et son plan de localisation. Tout ceci
nous a permis de planter le décor.

xiv
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

Résumé

Ce mémoire a été réalisé dans le cadre du stage des agent de maitrise ayant pour but de peaufiner
notre formation, nous familiariser avec le monde socio-professionnel et préparer dans des
conditions idoines notre soutenance qui se déroulera dans un avenir proche. Ce projet a été
effectué au sein de C.C.I.S. Le but de notre travail est de concevoir et développer une application
web pour la génération des attestations pour commerçants, personnes physiques marocains et
étrangers. La réalisation de cette solution a été effectuée en utilisant plusieurs outils et
technologies parmi lesquels : Visual Studio Code les langages de programmations à savoir
JavaScript, le langage de modélisation U.M.L. pour la conception et le Framework ReactJs,
NodeJs, ExpresseJs,Mongoose .

Mots clés : Attestations.

1
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

Abstract

This thesis was carried out as part of the internship of the master agents with the aim of refining
our training, familiarizing us with the socio-professional world and preparing in appropriate
conditions our defense which will take place in the near future. This project was carried out
within the company C.C.I.S. The purpose of our work is to design and develop a web application
for the generation of attestations for traders, Moroccan and foreign individuals, moreover this
application can be a source of information. The realization of this solution was carried out using
several tools and technologies among which: Visual Studio Code, Win Design, the programming
languages namely, JavaScript, the modeling language U.M.L. for design and the ReactJs,
ExpressJs Framework.

Keywords: Attestations..

2
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
INTRODUCTION
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

INTRODUCTION
Dans le cadre de la formation de chaque étudiant, les cours théoriques sont complétés par
l’analyse des cas pratiques, des visites d’entreprises et surtout des stages en entreprises qui
permettent aux apprenants d’affronter les réalités concrètes et de mieux se préparer à l’éventualité
future d’une insertion socio-professionnel réussite. C’est dans cette optique que, pendant ma
formation à C.C.I.S. de LAAYOUNE j’ai côtoyé le monde professionnel durant une période de
mois .

C .C.I.S est Une entreprise qui fournit des certificats aux commerçants pour les utiliser à des fins
administratives ainsi que pour les demandes de visa. L'entreprise reçoit quotidiennement un grand
nombre de clients qui souhaitent extraire leurs certificats pour leurs propres besoins. Une
entreprise utilisant des papiers d'archives et traitant avec des clients. La solution est inefficace car
les papiers peuvent être endommagés à tout moment, nous obligeant à perdre une grande
partie des archives.

Donc, pourquoi ne pas avoir une application dédiée à cela qui permettra de réaliser toute ces
taches de façons optimale et d’avoir une meilleur vue d’ensemble sur l’archives.

Notre projet consiste à concevoir et développer une application web de génération des attestations
pour C.C.I.S. Pour parvenir à nos fins nous utiliserons la méthode U.M.L. qui répondra bien aux
exigences orientés objet. Pour ma part ce mémoire va s’architecturer sur trois pilier : Dans un
premier temps la présentation du projet ; Ensuite les propositions ; Et enfin la réalisation, où on
présentera tous les outils matériels et logiciels utilisés pour le développement de la solution.

AICHA LAAZIZOU
4
La preuve de la valeur d’un système informatique est son existence.
PRESENTATION DU PROJET
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

CHAPITRE I. PRÉSENTATION DU PROJET

Ce projet est suscité par le fait que C.C.I.S désirait une application qui permet de rechercher
facilement un client, de créer plus rapidement un certificat pour lui, d'archiver les informations
pour les conserver au sein de l'entreprise, de les modifier et d'ajouter n'importe quel nouveau
client si nous le souhaitons. Pour pouvoir solutionner ce problème, cette thématique nous a été
attribuée comme sujet de réflexion durant le stage. Pour mener à bien ce travail nous devrons
concevoir de bout en bout cette application. Nous envisageons donc avoir à la fin de ce travail
des livrables comme :

 Le document d’analyse
 Le document de conception
 Le code source de la solution

Ainsi, cette application A.W.G.A. « Application web pour la génération des attestations » qui a
pour cible principale COMMERCANTS et éventuellement toutes les structures ayant un besoin
similaire. Car cette solution est une alternative à l’archivage. Dans cette partie, on va présenter
les besoins fonctionnels et non fonctionnels de la solution.

I. BESOINS FONCTIONNELS
Les besoins sont fonction des profils dans notre cas nous les avons regroupés autour de trois
profils qui sont : société personne physique marocaine personne physique étrangère.

1. LES BESOINS FONCTIONNELS DE La société

Les besoins fonctionnels de la société :

 Créer un compte utilisateur pour la société.

 Gérer les informations de la société, telles que le nom, l'adresse, etc.

 Ajouter, modifier et supprimer des employés associés à la société.

 Générer des certificats ou attestations pour les employés de la société.

6
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

2. LES BESOINS FONCTIONNELS DE Personne Physique Marocaine

Les besoins fonctionnels de la personne physique marocaine:

 Créer un compte utilisateur en tant que personne physique marocaine.

 Gérer ses propres informations personnelles.

 Rechercher et vérifier la véracité des certificats ou attestations associés à son nom.

 Télécharger et imprimer des certificats ou attestations valides.

3. LES BESOINS DE Personne Physique étrangère

Les besoins fonctionnels de la personne physique étrangère:

 Créer un compte utilisateur en tant que personne physique étrangère.

 Gérer ses informations personnelles, y compris les informations de passeport ou de visa.

 Vérifier la validité des certificats ou attestations nécessaires pour les procédures

administratives ou les demandes de visa..

 Télécharger et imprimer des certificats ou attestations valides

7
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

II. LES BESOINS NON FONCTIONNELS

1.LES EXIGENCES

Notre système doit répondre aux critères de qualités suivants :

 Réactivité et performance : assurer un temps de réponse rapide lors de l'accès au système et lors de
l'insertion dans la base de données

La rapidité : Rapidité d’exécution des traitements (code optimisé).

L’ergonomie : Les interfaces doivent être conviviales et ergonomiques. Elles doivent être
simples, lisibles, confortables à l’œil et faciles à utiliser.

 Interface utilisateur conviviale : fournir des interfaces simples, lisibles, confortables à l'œil et faciles
à utiliser

 La maintenabilité
 La maintenabilité
: Le code doit
: Leêtre
code
compréhensible
doit être compréhensible
afin d’assurer
afinson
d’assurer
évolution
sonetévolution
son et son

extensibilité pour répondre aux besoins sans cesse croissant des utilisateurs.

8
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

2. PLANNING PREVISIONNEL
Le diagramme ci-dessous décrit le planning prévisionnel à suivre pour la réalisation du projet.

Février 2024
1 3 6 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

Insertion

Etude
préalable
Conception

Codage

Tests

Rapport

Figure 3: Diagramme de Grantt

Dans ce chapitre introductif, nous nous sommes atteler à présenter notre projet pour cela nous
avons présenté les besoins fonctionnels et non fonctionnels de notre futur système. Dans le
chapitre 2 nous effectuerons l’analyse et la conception de ce système pour que celui-ci puisse voir
le jour.

9
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
ANALYSE ET CONCEPTION
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

CHAPITRE II. ANALYSE ET CONCEPTION

La conception permet de formaliser les étapes préliminaires du développement afin de le rendre
plus fidèle aux besoins. L’étape d'analyse permet d’identifier les résultats attendus, en termes de
fonctionnalités tandis que l’étape de conception décrit, en utilisant un langage de modélisation, le
fonctionnement du système, dans le but d'en faciliter le développement. Dans ce chapitre nous
présentons les différents diagrammes U.M.L. (Unified Modeling Language) créés en utilisant
l’outil de conception Win Design.

I. ANALYSE
L’analyse qui par essence est un processus d’examen de l’existant. Dans cette section nous
effectuerons l’analyse de notre système en se servant de la méthode UML, Ceci pour normaliser
les exigences de notre cahier de charge et facilité l’étape de conception.

1. DEFINITION DES CONCEPTS

UML est un langage graphique permettant de représenter et de communiquer les différents

aspects d'un système d'information, au lieu de définir une méthode. Des textes sont associés aux
schémas graphiques expliquant leur contenu. Il est donc un métalangage, car il fournit les
éléments permettant de construire le modèle qui sera le langage du projet.

UN DIAGRAMME DE CAS D'UTILISATION : définit le comportement d'un

système, comme vu par un utilisateur extérieur. Il décompose les fonctionnalités du système en
unités cohérentes, à savoir les cas d'utilisation, ayant un sens pour les acteurs. Ceux-ci permettent
d’exprimer les besoins des utilisateurs d'un système.

DIAGRAMME DE SÉQUENCE « C’est un diagramme temporel qui montre les échanges

séquentiels de messages et le passage du temps. C’est un diagramme temporel. Les principaux
concepts sont les objets participants à la séquence, le temps, les messages. »

10
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

2. DIAGRAMME DE CAS D’UTILISATIONS.

Pour un projet de création d'une application d'impression de certificats d'entreprises, de

personnes marocaines et de personnes étrangères, en mettant en avant le rôle du secrétaire qui
accomplit toutes ces tâches, voici une reformulation cohérente :

 Le secrétaire joue un rôle essentiel dans l'application en tant qu'utilisateur principal. En

tant qu'internaute, il a la capacité de vérifier l'authenticité des attestations et de les imprimer ou
de les télécharger au besoin. De plus, il est chargé de la gestion des stagiaires et des attestations
dans le système.

 Plus spécifiquement, les responsabilités du secrétaire incluent la gestion des utilisateurs,

ce qui implique l'ajout de nouvelles personnes, la recherche et la modification des informations
existantes. Il est également responsable de la gestion des certificats, y compris la création, la
visualisation et la suppression des certificats au besoin. En outre, le secrétaire peut effectuer
toutes les opérations propres à un utilisateur standard dans le système.

 Ainsi, le secrétaire agit comme le pilier central de l'application, assurant un

fonctionnement fluide et efficace du système tout en répondant aux besoins des entreprises, des
individus marocains et des personnes étrangères.

11
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

3. CAS D’UTILISATION DE ‘‘Secrétaire

Les tâches citées plus haut sont présentés par le diagramme de cas d’utilisation de l’utilisateur suivant.

Figure 4: Diagramme de cas d’utilisation de la Secrétaire.

AICHA LAAZIZOU
13
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

II. DESCRIPTION TEXTUELLE DE QUELQUES CAS D’UTILISATIONS

VoiciPour une meilleure compréhension de certain cas d’utilisation lister plus

haut, une description textuelle de quelques cas d'utilisation liés aux fonctionnalités du système pour un
secrétaire :ceux-ci est nécessaire.

1. Ajouter une nouvelle personne dans le système :

Le secrétaire peut utiliser cette fonctionnalité pour saisir les détails d'une nouvelle personne
dans le système. Cela inclut des informations telles que le nom, prénom, adresse, numéro de
téléphone, et toute autre information pertinente. Une fois saisies, ces informations seront
enregistrées dans la base de données du système.

2. Rechercher des informations sur une personne :

Cette fonctionnalité permet au secrétaire de rechercher les informations d'une personne déjà
enregistrée dans le système. Le secrétaire peut rechercher une personne en utilisant différents
critères tels que le nom, prénom, numéro d'identification, etc. Une fois la personne trouvée, le
système affiche toutes les informations disponibles la concernant.

3. Modifier les informations d'une personne :

Le secrétaire peut utiliser cette fonction pour mettre à jour les informations d'une personne
déjà enregistrée dans le système. Cela peut inclure des changements dans l'adresse, le numéro
de téléphone, le statut marital, ou toute autre information pertinente. Une fois les
modifications effectuées, le système met à jour les données de la personne concernée.

4. Créer un certificat :
Cette fonctionnalité permet au secrétaire de générer un certificat pour une personne
enregistrée dans le système. Le certificat peut être de différents types, tels qu'un certificat de
naissance, de mariage, de décès, etc. Le secrétaire peut sélectionner le type de certificat requis,
saisir les détails pertinents, et le système générera automatiquement le certificat prêt à être
délivré.
5. Supprimer une personne ou un certificat :
Cette fonctionnalité permet au secrétaire de supprimer une personne de la base de données du
système, ou de supprimer un certificat spécifique lié à une personne. Avant de procéder à la
suppression, le secrétaire peut être invité à confirmer son action pour éviter toute suppression
accidentelle de données importantes.

6. Imprimer une attestation pour une personne :

Le secrétaire peut utiliser cette fonctionnalité pour imprimer une attestation pour une personne
enregistrée dans le système. Cette attestation peut être utilisée pour diverses fins, telles que la
preuve de résidence, la confirmation d'emploi, etc. Le secrétaire peut sélectionner le type
d'attestation requis, et le système générera le document prêt à être imprimé.

13
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

1. Description textuelle du cas d’utilisation ‘‘authenticate’’

Tableau 1: Description textuelle du cas d’utilisation ‘‘authenticate’’

Nom Authenticate
Sommaire d’identification Résumé : un utilisateur souhaite se connecter.
Il entre ses informations (email et mot de
passe), valide et le système effectue une
vérification. Au cas où les informations
fournit seraient correctes l’utilisateur sera
admis sur l’application, au cas contraire un
message d’erreur lui sera renvoyer.
Acteurs : user, administrator.
Préconditions La page de connexion doit être accessible.
Scénario nominal 1. Ce cas d’utilisation commence quand
l’utilisateur, l’administrateur se rend sur la
page de connexion du site.
2. Il entre ses identifiants
3. Il clique sur le bouton ‘‘Sign in’’ pour
soumettre ses informations.
4. Le système vérifie puis le redirige a la
page correspondante à son role.
Enchainement alternatif A1 : identifiants incorrectes.
L’enchainement A1 démarre au point 4 du
scénario nominal.
1.1. Le système indique à l’utilisateur que
‘‘Invalid credentials.’’.
Le scénario nominal reprend au point 2.

14
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

Post condition L’utilisateur est connecté et sera redirigé vers

le listing des stagiaires.

Tableau 2 : Description textuelle du cas d’utilisation ‘‘add an intern’’

Nom Add an intern

Sommaire d’identification Résumé : un utilisateur ou l’administrateur
souhaite enregistrer un nouveau stagiaire. Il
saisit les informations du stagiaire (nom,
prénom, sexe, date de naissance…), valide
puis le système effectue les vérifications. Si
les informations sont correctes il sera redirigé
vers le listing des stagiaires et un message de
succès lui sera notifier ; au cas contraire un
message d’erreur lui sera renvoyer.
Acteurs : user, administrator.
Préconditions L’utilisateur doit être connecter.
Scénario nominal [1.] Ce cas d’utilisation commence quand
l’utilisateur ou l’administrateur souhaite
enregistrer un nouveau stagiaire.
[2.] Il entre les informations du stagiaire
[3.] Il clique sur le bouton ‘‘Save’’ pour
soumettre ses informations.
[4.] Le système vérifie la conformité des
informations et le redirige au listing des
stagiaires.

15
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

Enchainement alternatif A1 : Les dates ne seraient pas cohérentes (il

est âgé de moins de 15 ans, les date de début
et de fin ne respecteraient pas un ordre
chronologique).
L’enchainement A1 démarre au point 4 du
scénario nominal.
Le système indique à l’utilisateur que ‘‘The
dates are inconsistent’’.
Le scénario nominal reprend au point 2.

Post condition Le stagiaire est ajouté en base de donnes et

l’utilisateur sera redirigé vers la page de
listing des stagiaires.

Tableau 3: Description textuelle du cas d’utilisation ‘‘Reset password’’

Nom Reset password

Sommaire d’identification Résumé : Un utilisateur ou l’administrateur
aurait oublier son mot de passe et veux le
réinitialiser. Il clique sur ‘‘Password forget ?’’
puis il est invité à renseigner son adresse
email ; ensuite un email de vérification lui
sera envoyer par le system à partir de celui-ci
il pourra réinitialiser son mot de passe et en
entrer un nouveau.
Acteurs : user, administrator.
Préconditions L’utilisateur doit avoir un compte et avoir
oublier son mot de passe.

16
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

Scénario nominal [1.] Ce cas d’utilisation commence quand

l’utilisateur ou l’administrateur souhaite
réinitialiser son mot de passe.
[2.] Il clique sur le lien ‘‘Password forget
?’’ pour enclencher le processus.
[3.] Le système lui demande de saisir son
adresse email.
[4.] Il entre son adresse email et la soumet.
[5.] Le système vérifie si cette adresse email a
un compte et lui envoie un email de
réinitialisation de mot de passe.
[6.] Il clique sur le bouton de réinitialisation
qui se trouve dans le mail pour confirmer la
demande de modification du mot de passe.
[7.] Le système vérifie si cette adresse email a
un compte et lui envoie un email de
réinitialisation de mot de passe.
8 Il entre son nouveau mot de passe
clique sur le bouton ‘‘Register ’’.
9. Le système vérifie si le mot de passe est
conforme et est différent du précédent puis lui
envoi la notification ‘‘Password has ben
change as successfuly.’’. Il est par la suite
rediriger sur la page de connexion
Enchainement alternatif A1 démarre au point 5 du scénario nominal.
1.1. Le système indique à l’utilisateur que
‘‘There was a problem.’’.
Le scénario nominal reprend au point 4.

17
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

A2 : Le nouveau mot de passe n’est pas

conforme ou est identique au précèdent.
L’enchainement A2 démarre au point 9 du
scénario nominal.
1.1. Le système indique à l’utilisateur
qu’une erreur s’est produite.
Le scénario nominal reprend au point 8.
Enchainement d’erreur E1 : Le jeton à expirer ou est invalide.
L’enchainement E1 démarre au point 7 du
scénario nominal.
1.2. Le système indique à l’utilisateur
qu’une erreur s’est produite.
Le cas d’utilisation se termine en échec.
Post conditions Le mot de passe est modifier.

Tableau 4: Description textuelle du cas d’utilisation ‘‘create user’’

Nom create_user
Sommaire d’identification Résumé : L’administrateur souhaite crée un
nouvel utilisateur.
Acteurs : administrator
Préconditions L’administrateur doit être connecter.
Scénario nominal [1.] Ce cas d’utilisation commence quand
l’administrateur décide de crée un nouvel
utilisateur.
[2.] Il entre les identifiants du nouvel
utilisateur (le nom et son email).

18
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

[3.] Il clique sur le bouton ‘‘Register’’ pour

soumettre les informations.
[4.] Le système vérifie les informations
ensuite envoie un email à l’utilisateur avec
son mot de passe ; et l’administrateur reçoit à
son
tour un message de succès.
Enchainement alternatif A1 : L’adresse email est déjà utiliser par un
compte.
L’enchainement A1 démarre au point 4 du
scénario nominal.
Le système indique à l’administrateur que
‘‘There is already an account with this
email.’’. Le scénario nominal reprend au point
2.
Post condition L’utilisateur est ajouté en base de donne et
l’administrateur reçoit un message de succès.

Durant l’analyse, nous avons présenté les diagrammes des cas d’utilisation ainsi que leurs
raffinements. Pour une meilleure compréhension de certain nous avons effectué les descriptions
textuelles de ceux-ci. Dans la suite, nous entamerons l’étape suivante du projet, à savoir la
conception, en présentant les diagrammes de classe et de séquences UML nécessaires à la phase
du développement.

19
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

La conception est l’une des étapes les plus importantes pour ne pas dire la plus importante de la
création d’un système. Ici pour effectuer cette étape cruciale nous utiliserons les diagrammes de
classes et de séquences.

 Un internaute pourra faire une vérification de certificat ou d’attestation.

 Un L’secrétaireutilisateur pourra gérer les commerçantsstagiaires (créer, mettre à jour,
supprimer…) ; gérer les attestations (créer, supprimer, avoir un aperçue) ; gérer les modèles
(créer, mettre à jour, supprimer…) ; effectuer une vérification de certificat.
 L’secrétaireL’administrateur peut réaliser toutes les taches propres de l’utilisateur et de
l’internaute.
 L’secrétaireL’administrateur enregistre un utilisateur / encadreur
 L’administrateur s’occupe de la gestion des certificats
 Pour créer un certificat il faut que celui-ci appartienne à un utilisateur et soit fait à partir
d’un modèle. Ceci est également valable pour les attestations.

Lors de la modélisation orientée objet, ce diagramme est obligatoire et le plus important. Il

montre la structure interne du système en représentant d'une façon abstraite les objets qui vont
interagir pour réaliser les cas d'utilisation.

Il représente une vue statique, où le facteur temporel n'est pas pris en compte dans le
comportement du système. Ce diagramme permet de modéliser les classes et les relations du
système.

20
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

21
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

Figure 58 : Diagramme de classes

Dans ce diagramme, on trouve les différentes classes et les relations qui représentent la structure
de la base de données :

 User : est la classe qui représente un utilisateur, elle contient toutes ces informations
personnelles.
 People : est la classe qui représente un stagiaire, elle contient toutes les informations
nécessaires à la gestion des stagiaires et une clé étrangère provenant (user_id) de la table User qui
représente dans ce cas le lien entre l’encadreur et le stagiaire.

22
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

 Template : est la classe qui représente les modèles de certificat et attestations. Cette table
en plus de ses attributs contient aussi une clé étrangère (user_id) provenant de la table User qui
représente l’utilisateur qui à enregistrer le modèle.
 Certificate : est la classe qui représente les certificats et attestations. Cette table contient
les informations sur un certificat ou une attestation elle porte trois clés étrangères des trois classes
avec lesquelles elle est en relation. user_id provient de la table User qui représente l’utilisateur
qui a créer le certificat ; template_id qui provient de la table Template qui représente le modèle
choisit pour le certificat ; people_id qui provient de la table People qui est le stagiaire titulaire du
certificat.

Les diagrammes qu’on va présenter montrent en détails l’interaction entre les différentes
composantes du système, en partant de l’utilisateur, jusqu’au contrôleur. Cette interaction est
représentée par des flèches portant des messages descriptifs, on trouve par exemple des noms de
méthodes appelés avec ses paramètres, des messages d’erreurs ou validation, des messages
décrivant la tâche réalisée comme par exemple la vérification, ou le remplissage du formulaire,
ou bien des messages de navigation permettant la redirection vers d’autres vues ou composants
graphiques de l’application.

23
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

 Figure Société représente une entité qui contient des informations telles que le

24
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

matricule, le nom de la société, la forme juridique, le genre, les activités, le numéro

chronologique et son numéro. La Société est associée à la ChambreDeCommerce par le biais du
numéro de chambre (numéroChambre).
 PersonneMarocaine représente une personne de nationalité marocaine avec des attributs
tels que le matricule, le nom complet, la date de naissance, le lieu de naissance, la carte d'identité,
l'adresse, les activités et le numéro chronologique..

25
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

 PersonneEtrangère représente une personne de nationalité étrangère avec des attributs

similaires à PersonneMarocaine, mais incluant un numéro de passeport à la place de la carte
d'identité.
 ChambreDeCommerce représente la Chambre de Commerce, d'Industrie et des Services,
qui contient le numéro d'immatriculation associé aux entreprises. Ce numéro d'immatriculation
est utilisé pour lier les sociétés aux entités de la ChambreDeCommerce.

9 : Diagramme de séquence de ‘‘authenticate’’

26
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

Figure 10 : Diagramme de séquence de ‘‘create_user’’

27
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

[3.] DIAGRAMME DE SEQUENCE DU CAS D’UTILISATION ‘‘RESET_PASSWORD’’

Figure 11 :Diagramme de séquence ‘‘reset_password’’

28
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS

Dans ce chapitre qui tire à sa fin, nous avons effectué en entrer de jeux l’analyse de notre
application sous le prisme des diagrammes de cas d’utilisations et leurs descriptions textuelle. Par
la suite nous nous sommes atteler à la conception du système à proprement parler. C’est ainsi que
nous avons présenté les diagrammes de classes et de séquences. Tout ceci nous permet de
commencer le développement en ayant une idée claire et détaillée sur l’aspect statique et
dynamique de la solution. Il reste à coder ce qu’on a conçu. Le chapitre suivant présentera
l’environnement de travail à savoir les outils et les méthodes utilisés lors du développement.

29
AICHA LAAZIZOU
La preuve de la valeur d’un système informatique est son existence.
RÉALISATIONS
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS

CHAPITRE III. RÉALISATIONS

Pour mener à bien la réalisation de notre projet, il est nécessaire de choisir des outils et
technologies adéquats qui permettent de simplifier le développement. Dans cette ultime partie, on
présentera l’environnement matériels et logiciels et à la fin l’état de réalisation.

I. ENVIRONNEMENT DE TRAVAIL
Dans ce qui suit, nous présenterons les différents outils matériels et logiciels utilisés pour la
réalisation de notre solution.

1. ENVIRONNEMENT MATERIEL

Pour le développement de notre solution, on a utilisé un ordinateur portable de marque HP ayant

les caractéristiques suivantes :

Tableau 5 : Récapitulatif des caractérisques matériels de notre ordinateur

ELEMENTS CARACTERISTIQUES
Processeur Intel(R) Core(TM) i5-6300U CPU@
2.40 GHz, 2.496 MHz, Core(s), 4 Logical
Processor(s)
RAM 8 Go
Disque Dur 500 Go
Type du système 64 bits
Système Windows 10

30
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
2. ENVIRONNEMENT LOGICIEL
Les différents logiciels et technologies utilisés pour le développement de notre application sont :

 Visual studio code

Figure 612: Logo Visual studio code

Visual Studio Code est un éditeur de code source léger mais puissant qui s’exécute sur votre
bureau et est disponible pour Windows, macOS et Linux. Il est livré avec un support intégré pour
JavaScript, TypeScript et Node.js et dispose d’un riche écosystème d’extensions pour d’autres
langages et runtimes (tels que C ++, C #, Java, Python, PHP, Go, .NET).

Wampserver

Figure 713 : Logo wampserver

31
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
MongoDBWampServer est une plate-forme de développement Web sous Windows pour des
applications Web dynamiques à l’aide du serveur Apache2, du langage de scripts PHP et d’une
base de données NoSQL, orientée documents, qui utilise un modèleMySQL. Il possède
également PHPMyAdmin pour gérer plus facilement vos bases de données flexible basé sur des
paires clé-valeur. Elle offre une scalabilité horizontale, une haute disponibilité et une capacité à
stocker des données non structurées ou semi-structurées .

32
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
Win Design

Figure 814 : Logo Win Design

Dédié aux entreprises, Win Design est un environnement permettant la modélisation de système
d'information informatiques et organisationnels. Il est composé de trois modules complémentaires
Database, Object et Business Process afin de couvrir tous vos besoins, et ce, que vous soyez
administrateur de bases de données, chef de projet ou développeur.

Le premier module, Database, offre la possibilité de concevoir, générer et documenter les

différentes bases de données.

Le module Object permet quant à lui de spécifier les points de vue dynamiques et statiques avec
l'appui de diagrammes et de langages suivant les référentiels UML.

Enfin, le module Businness Process donne les moyens de réaliser des cartographies métier,
applicative et fonctionnelle. Ceci peut s'avérer pratique pour mesurer les impacts d'un
changement dans votre système d'information.

33
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
1. ARCHITECTURE DE DEVELOPPEMENT : ARCHITECTURE MVC (MODEL-VIEW-
CONTROLLER)
Cette architecture est composée de 3 couches [1] :

Modèle : cette couche est chargée de récupérer et gérer les données de la base de données. On y
trouve donc les requêtes SQL. Ensuite elle les organise et les rassemble pour être traitées par le
contrôleur.

Contrôleur : c’est l’intermédiaire entre la vue et le modèle, il reçoit les requêtes des utilisateurs,
elle les envoie au modèle, puis notifie la vue pour récupérer les données du modèle.

Vue : c’est la couche qui s’occupe de la représentation des interfaces graphiques et l’affichage
des données traitées et reçues par les autres couches.

On a utilisé cette architecture pour la réalisation de notre application, et pour un souci de

maintenabilité.

Figure 15 : Schéma du modèle MVC

34
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
2. LANGAGES DE PROGRAMMATIONS ET TECHNOLOGIES
Les langages de programmation et technologie utilisés pour développer notre application sont :

 JS

 PHP

Figure 916 : Le langage JSPHP

JavaScript (JS)Le PHP, pour HyperText Preprocessor, est un langage de programmation

interprété, largementscript, utilisé pour créerconcevoir des applicationssites web interactives et
dynamiques. Il est sous licence libre et est souvent associé aux serveurs MySQL (base de
données) et Apache (serveur web).

Ce langage a été utilisé côté client pour manipuler le contenu HTML/CSS et interagirdans notre
application pour la partie Back end, créer les interactions avec les utilisateurs

la base de données.

 HTML

35
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS

Figure 1017 : Le langage HTML

HTML est l’abréviation du mot « HyperText Markup Language », qui est un langage de balisage
utilisé pour concevoir les pages web. On a utilisé ce langage pour structurer les vues de notre
application.

36
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
 CSS

Figure 1118 : CSS

CSS est l’abréviation de « Cascading Style Sheets » est un langage utilisé pour mettre en forme
les pages web. Nous l’avons utilisé pour styliser les vues, aider de l’outil Bootstrap pour
concevoir des pages responsives.

 Bootstrap

Figure 1219 : Bootstrap

C’est un ensemble d’outils permettant la conception du design des applications et sites web. En
terme technique c’est un Framework 4css.

Figure 20: Logo du Framework Symfony.

4
Framework (ou infrastructure logicielle en français) désigne en programmation informatique un ensemble d'outils et
de composants logiciels à la base d'un logiciel ou d'une application.

37
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
Symfony est un ensemble de composants PHP, un Framework d’application Web, une
philosophie et une communauté, tous travaillant ensemble en harmonie. Pour notre solution nous
avons utilisé la version 6.*.

38
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
II. PRESENTATION DES INTERFACES.
 Page
Homed’accuei
l

39
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS

Figure 1321 : Page d’accueil

40
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
 Page de Ajouterconnexion

41
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS

Figure 1422 : Page de Ajouterconnexion

42
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS

Figure 15 : Formulaire Personne Physique

 Figure 16 : Formulaire Société

 Pages responsives

43
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
Figure 23 : Rendu responsive

44
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
 Espace d’admin

Figure 24 : Espace d’admin

45
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
 APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET
CERTIFICATS
 Espace user

Figure 25 : Espace User

Dans cette ultime nous avons fait une description des outils et technologies utilisés pour la
réalisation de notre solution, puis présenté les résultats obtenu a terme.

46
AICHA LAAZIZOU
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
CONCLUSION
APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET CERTIFICATS

CONCLUSION
Dans ce projet qui tire à sa fin, nous devions réaliser une application web de génération des
attestations et certificat. Ceci est suscité par un besoin de MODAFA qui nous a été demander être
de solutionner.

Le premier chapitre aura consisté à présenter le projet. Au deuxième chapitre, nous avons fait des
propositions en délimitant le périmètre de notre projet ; on a réalisé la conception de notre
système par UML, ou on a présenté quelques diagrammes permettant d’expliciter la structure
statique (diagramme de classes) ainsi que celle dynamique (diagramme de séquences) du système
Enfin au troisième chapitre, nous avons réalisé l’application, en utilisant des outils et technologies
innovants et très répandus dans le domaine du développement et du génie logiciel.

Ce travail a été une occasion pour enrichir de plus nos connaissances théoriques et pratiques en
développement et en conception, et de pouvoir mieux manipuler des outils tels que Win Design,
ainsi que divers langages de programmations tels que PHP, SQL et de découvrir le Framework
Symfony…

Cependant, c’est la première version de notre solution, qui restera ouverte à des améliorations
dans l’avenir. A cet effet, nous pourrons voir dans quelle mesure porter l’application à l’ensemble
du groupe d’entreprises dont fait partie MODAFA pour une synergie dans la gestion des
certificats et des attestations.

43
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.
APPLICATION WEB POUR LA GÉNÉRATION DES ATTESTATIONS ET CERTIFICATS

REFERENCES BIBLIOGRAPHIQUE
 Rubrique Mémoires de fin d’études et rapport de projet

[1] Nada Sellami. Conception et développement d’un réseau social sous la plateforme Android.
Mémoire de stage de fin d’étude pour l’obtention du Master Professionnel en nouvelles
Technologies des Télécommunications et réseaux. Université virtuelle de Tunis, 2018.

 Rubrique Sites Internet consultés

https://www.symfony.com/

Consulté le 19 avril 2022.

44
EYEBE ELOUNDOU JOEL CEDRIC
La preuve de la valeur d’un système informatique est son existence.