Conception et Réalisation Application Web Laravel PFE BTS

Diplôme: Brevet de Technicien Supérieur «BTS»
Mme klila Ichrak Mme Yasmine Amara
Rapport du Projet de fin de Formation
Réalisé aux
CONSULAT DE COMORES EN TUNISIE ET
MYDIGITALCOACH
INTITULE :
Application Web du Consulat de Comores en
Tunisie
République Tunisienne
Ministère de la formation professionnelle et de l'emploi
INSTITUTAFRICAIN DEHAUTEFORMATION
Sous le numéro d’enregistrement:11154316
Spécialité : Informatique de Gestion
Impétrant : Mkavavo Faissoil
Encadreur pédagogique : Maitre de stage :
Année Académique
2020/2021

Dédicaces
Du profond de mon cœur, je dédie ce travail à tous ceux qui me sont chers,
A MES CHERS PARENTS
Que ce travail soit l’expression de ma reconnaissance pour vos sacrifices consentis, votre
soutien moral et matériel que vous n’avez cessé de prodiguer. Vous avez tout fait pour
mon bonheur et ma réussite. Que dieu vous préserve en bonne santé et vous accorde
une longue vie
A MA CHER FEMME Nawal Ibrahim Ahmed
Pour l'amour et le respect qu’il me porte pour son aide, son encouragement et sa
disponibilité.
A MA, SŒURS, MON FRÈRE LEURS ÉPOUX ET LEURS ENFANTS
Vous étiez toujours présents pour m’aider et m’encourager. Sachez que vous serez
toujours dans mon cœur. A tous mes amis qui n’ont cessé de m’encourager et de me
soutenir A TOUS MES AMIES.
Faissoil

Remerciements
En préambule à cet rapport je remercie ALLAH qui m’aide et me donne la patience et le
courage durant ces longues années d’étude.
Aussi mes remerciements au corps professoral et administratif de l’institut Africain de
Haute formation de Tunis qui déploient de grands efforts pour nous assurer une
formation très actualisée.
J’exprime me profond gratitudes et respectueuse reconnaissance à mon encadreur
académique :
Mme Klila Ichrak
pour sa bonne volonté d'accepter de m’encadrer, pour tout le temps qu’elle ma a
octroyé et pour tous les conseils qu’elle m’a prodigué.
Je remercie aussi mon encadreur dans la boite de Com
MyDigitalCoach :
Mme Yasmine Amara
Pour son soutien et son aide mais surtout pour les connaissances qu'elle m'a apportées
durant mon stage.
Je tiens à remercier Mme Chamssia Moidjié et son mari Soilah Moumin pour leur
temps et leurs précieux conseils mais surtout leur confiance pour réaliser ce projet.
Enfin, je tiens à remercier M. Tarek pour ses conseils et mon frère Archidine pour son
aide et ses compétences qui m'ont permis d'avoir cette opportunité.

Sommaires
1 Introduction Générale .................................................................................. 1
2 Chapitre 1 : Présentation Générale du Projet.................................... 2
2.1 Introduction :........................................................................................................................... 3
2.2 Thématique du Stage : ............................................................................................................ 3
2.3 Problématique :....................................................................................................................... 6
2.4 Etude de l’Existant :................................................................................................................. 6
2.5 Propositions de différents Solutions ....................................................................................... 8
2.6 Les Objectifs de l’Application .................................................................................................. 9
2.7 Les Cibles ................................................................................................................................. 9
2.8 Méthodologie adaptée pour le déroulement de projet.......................................................... 9
2.9 Conclusion : ........................................................................................................................... 10
3 Chapitre 2 : Modélisation Conceptuelle & Organisationnelle ..11
3.1 Introduction :......................................................................................................................... 12
3.2 Architecture Logique MVC .................................................................................................... 12
3.3 Modélisation Conceptuelle ................................................................................................... 13
4 Chapitre 3 : Réalisation.............................................................................26
4.1 Introduction........................................................................................................................... 27
4.2 Etude Technique.................................................................................................................... 27
4.3 Présentation des interfaces................................................................................................... 31
4.4 Apports :................................................................................................................................ 40
4.5 Conclusion : ........................................................................................................................... 40
5 Conclusion et perspectives.......................................................................41

Listes des Figures
Figure 1: Organigramme MyDigitalCoach..............................................................................................4
Figure 2: Organigramme Consualire........................................................................................................5
Figure 3: Formulaire Consulaire................................................................................................................6
Figure 4: Accueil page Consulaire Congo Brazzaville en Tunisie .................................................7
Figure 5: Accueil page ambassade de Côte d'Ivoire en Tunisie.....................................................8
Figure 6: Méthode Scrum ..........................................................................................................................10
Figure 7: Architecture Logique MVC.....................................................................................................12
Figure 8: Diagramme de cas d'utilisation "Utilisateur" .................................................................14
Figure 9: Diagramme de cas d'Utilisation " Administrateur"......................................................15
Figure 10 : Diagramme de classes..........................................................................................................21
Figure 11: Diagramme de séquence Authentification ''utilisateur''.........................................23
Figure 12: Diagramme de séquence Registre ''utilisateur'' .........................................................23
Figure 13: Diagramme de séquence Demande Bourse ''utilisateur'' .......................................24
Figure 14 : Diagramme de séquence Demande Document ''utilisateur''................................24
Figure 15 : Diagramme de séquence Consultation ''Administrateur''.....................................25
Figure 16 : Diagramme de séquence Modifier ''Administrateur'' .............................................25
Figure 17 : Enchainement de l'Application ........................................................................................30
Figure 18 : Interface Accueil Utilisateur..............................................................................................31
Figure 19 : Interface Demande Documents Utilisateur.................................................................32
Figure 20 : Interface Demande Bourse Utilisateur..........................................................................33
Figure 21 : Interface Contact....................................................................................................................34
Figure 22 : Interface D'Authentification..............................................................................................35
Figure 23 : Interface de Registre ............................................................................................................35
Figure 24 : Interface Formulaire ............................................................................................................36
Figure 25 : Interface D'Accueil Administrateur................................................................................37
Figure 26 : Interface d'Authentification Administrateur..............................................................38

Listes des Tableaux
Tableau 1: Fiche d'identité MyDigitalCoach..........................................................................................3
Tableau 2: Fiche d'identité Consulaire....................................................................................................5
Tableau 3: Description textuelle Authentification...........................................................................16
Tableau 4: Description Textuelle Registre..........................................................................................17
Tableau 5: Description Textuelle Demande Documents...............................................................18
Tableau 6: Description Textuelle Demande de Bourse..................................................................18
Tableau 7: Description Textuelle Dictionnaire des données......................................................19
Tableau 8 : Représentation de class......................................................................................................20
Tableau 9 : Matériels de base...................................................................................................................27
Tableau 10 : Tableau de Sprint ...............................................................................................................39

2020/2021 IAHF
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
1
Introduction Générale
Toutes les organisations ont accès à un large éventail de connaissances et de ressources,
depuis leur compréhension des besoins et de l'environnement de leur organisation
jusqu'aux compétences et à l'expérience de leur personnel. La manière dont une
organisation recueille, partage et exploite ses connaissances peut être déterminante
pour sa capacité à se développer avec succès. Cela n'est pas seulement vrai pour les
grandes sociétés multinationales, mais la gestion des connaissances peut profiter à tout
le monde, du kiosque à journaux local à l'entreprise manufacturière. Des connaissances
utiles et importantes peuvent être trouvées dans :
➢ L'expérience des employés.
➢ Les conceptions et processus concernant les biens et les services.
➢ Les fichiers de documents (qu'ils soient numérisés, sur papier ou les deux).
➢ Les plans concernant les activités futures, telles que les idées de nouveaux
produits ou des services.
Le défi consiste à exploiter ces connaissances de manière cohérente et rentable.
D'où l'idée que de nombreuses organisations utilisent et développent des traitements
informatiques dans le cadre de leurs activités. Elles cherchent à faciliter le partage de
ces traitements informatiques.
Le Consulat des Comores en Tunisie où j'effectue quelques mois de stage, a besoin d'un
outil pour faciliter le recensement et la gestion de ces ressortissants comoriens sur le sol
tunisien mais surtout pour faciliter aux étudiants et stagiaires et même aux
professionnels la demande de documents consulaires.
Le but de ce travail est d'assurer la présence sur le web afin d'informer et de faciliter les
démarches administratives du Consulat Comoriens en Tunisie.
Pour cela, certaines étapes sont nécessaires, à savoir la préparation du contenu textuel,
la conception de la maquette graphique, la réalisation et l'hébergement.
Dans ce rapport, nous détaillons les étapes de la conception et de la réalisation de ce
projet, en répondant à certaines questions à savoir :
⮚ Quels sont les informations présentées sur L’Application web ?
⮚ Quels sont les meilleurs logiciels ou technologie à utiliser pour la création de
cette Application Web ?

2020/2021 IAHF
2
Chapitre 1
Présentation Générale du
Projet

2020/2021 IAHF
3
1.1 Introduction :
Dans ce chapitre, nous allons présenter les organismes d'accueil qui nous ont ouvert
leurs portes pour nous accueillir dans leur équipe afin de réaliser quelques mois de
stage et qui nous ont également permis de découvrir les problèmes rencontrés qui ont
donné naissance à notre sujet de stage.
1.2 Thématique du Stage :
1.2.1 Contexte du travail :
Ce stage s’inscrit dans le cadre d’un projet de fin de formation pour l’obtention du
diplôme en BTS en Informatique de Gestion à l’institut africain de haute formation de
Tunis.
1.2.2 Présentation de l’organisme d’accueil :
➢ MyDigital Coach :
DIGITAL COACH est un Boite de Communication spécialisé en Développement web et
mobile mais aussi sur la Marketing et la communication situé au centre-ville de Tunis.
DIGITAL COACH dispose de plusieurs pôles de compétence et il est spécialisé dans le
développement informatique Web-Mobile.
Les services proposés par DIGITAL COACH sont les suivants :
❖ Développement web et Mobile
❖ Marketing et Communication
DIGITAL COACH est fondé sur ces atouts :
❖ Fiabilité : plus de sept ans d'expérience en matière de développement et
conduite de projets,
Économie : tarifs transparents et extrêmement compétitifs.
➢ Fiche d’identité de la Société MyDigitalCoach :
Date de Création 2021
Statut Juridique SARL
Siège Social Tunis, Bab Khadra
Ressource Humaines 6
Téléphone
Email
Site web Mydigitalcoachtun.tn
Tableau 1: Fiche d'identité MyDigitalCoach

2020/2021 IAHF
4
➢ Organigramme DIGITAL COACH
Digital Coach comme d’autre organisations nécessitent une hiérarchie plus aux moins
forte pour pouvoir fonctionner.
L’organigramme est une représentation schématique de liens fonctionnels,
organisationnels et hiérarchique au sein d’une entreprise. Il sert ainsi à donner une vue
globale de la répartition des postes et fonctions au sein d’une entreprise.
Mon projet de fin de Formation a été effectué a sein du département développement.
Figure 1: Organigramme MyDigitalCoach
❖ Consulat de Comores en Tunisie :
Le Consulat des Comores en Tunisie est aux services de l'État comorien chargé des
relations avec les ressortissants comoriens dans l'État tunisien. Il représente
l'administration publique comorienne en Tunisie. Il s'occupe de ses
ressortissants, vivant ou voyageant en Tunisie.
Le Consulat assure également la protection et la défense de ses ressortissants et de
leurs biens, conformément à la législation locale

2020/2021 IAHF
5
Figure 2: Organigramme Consualire
Voici leurs Missions :
➢ assistance et aide à ses ressortissants en cas de difficultés avec les autorités
locales.
➢ fonctions de mairie et de notaire pour les expatriés.
➢ tenue de l'état civil, recensement.
➢ délivrance de documents d'identité et de passeports.
➢ délivrance de visas aux résidents du pays d'accueil.
➢ organisation d'élections
❖ Fiche d’Identité du Consulat :
Date de Création
Statut Juridique
Siège Social Tunis, 1053 rue de lac d’Annecy
Ressource Humaines 4
Téléphone +216 51 825 215
Email Consulat.comores.tn@gmail.com
Site web
Tableau 2: Fiche d'identité Consulaire
❖ Organigramme du consulat de Comores en Tunisie :

2020/2021 IAHF
6
1.3 Problématique :
Lors de notre stage au Consulat des Comores en Tunisie, nous avons remarqué que les
citoyens ne sont pas enregistrés sur un outil informatique et qu'il n'existe pas de base de
données pour garder un œil sur les citoyens, mais surtout sur le fiche EmbassyPages le
consulat de Comores il est casi inexistant sur cet fiche qui est fiche qui enregistre tous
les ambassades et consulat en Tunisie, et sur notre page on a une adresse d’un villa sans
numéro de téléphone et aussi ni une site a consulter.
Les démarches administratives se font sur papier et sur place, d'où notre idée de créer
un outil pour mieux gérer ces différentes tâches.
Le consulat on mit en place une lien d’un formulaire pour pouvoir faire le demande de
certains documents.
Cet formulaire est fait avec Google Forms :
1.4 Etude de l’Existant :
Cette section a pour objectif d’étudier les différentes solutions qui existent en Tunisie
pour la communauté avec les différentes fonctionnalités qu’on propose. Cette étude
permet de dégager les points forts et les points faibles de chacune de ces solutions.
Dans ce qui suit, nous présentons une analyse de l’existant, puis nous détaillons la
critique de l’existant.
1.4.1Analyse de l’existant
Depuis que le consulat comorien a établi des relations diplomatiques et amicales, l'État
comorien a envoyé un consulat dans l'État tunisien pour assurer les relations entre
ces deux pays amis et pour assurer la protection de ses citoyens sur le sol tunisien.
Mais depuis, il n'a jamais pu disposer d'un local pour exercer la fonction consulaire
car leur adresse était dans une villa. Mais récemment un local a été inauguré pour
Figure 3: Formulaire Consulaire

2020/2021 IAHF
7
Figure 4: Accueil page Consulaire Congo Brazzaville en Tunisie
gérer les fonctions consulaires mais aussi pour que les citoyens puissent avoir un
endroit à eux où ils se sentiront protégés et demanderont leurs droits.
Dans ce contexte, on cite quelque exemple sur le marché :
Mais avant comme il a été souligné dans la problématique, la consulat ne dispose pas
d'un site ou d'une application interne et externe pour gérer leur travail de manière
automatisée.
Donc pour l'analyse de l'existence nous allons citer quelques sites de certains consulats
ici en Tunisie et comparer leur fonctionnalité avec la nôtre.
❖ Le Consulat de Congo Brazzaville en Tunisie :
Le consulat a créé sa propre plateforme pour informer les ressortissants congolais de
toutes les démarches et même pour faire connaître leur pays et leur culture aux
étrangers qui souhaitent investir dans le pays.
Sur leurs site, ils ont certains fonctions comme l’espace étudiants, et le démarche de
document consulaire.

2020/2021 IAHF
8
Figure 5: Accueil page ambassade de Côte d'Ivoire en Tunisie
❖ Ambassade de Côte d’ivoire en Tunisie :
L’ambassade de côte d’ivoire à Tunis est la seul représentation de côte d’ivoire en
Tunisie.
Il est l’un des 108 représentations étrangères en Tunisie, et l’une des 89
représentations étrangères à Tunis
Sur leurs site on peut constater qu’elle met en évidence sur l’actualité sur le pays et la
coopération entre le deux pays mais aussi sur des opportunité d’investissement.
1.5 Propositions de différents Solutions
L’étude l’existant nous a permis de dégager plusieurs anomalies que nous avons détaillé
dans la section précédente. Pour faire recours à ces anomalies, nous proposons de
concevoir une application web qui regroupe toutes les fonctionnalités existantes plus
au moins et d'ajouter plusieurs fonctionnalités pour faciliter les étudiants et
stagiaires comoriens en Tunisie.
Dans notre solution nous envisageons que notre site nous permet de :
1 Recensé la communauté comorienne en Tunisie
2 Demande des Bourse(Licence, Master, Formation Pro)
3 Contact
4 Demande de documents Consulaires(carte consulaire, attestation de
visa,…..)
5 Demande une carte d’adhésion à l’Association
6 Suivre l’Actualité consulaire
7 Forums

2020/2021 IAHF
9
8 Une interface administrateur ( Dashboard)
1.6 Les Objectifs de l’Application
La communauté comorienne en Tunisie affronte un grand problème dans le sol
tunisien, car ni le consulat, ni l’association des étudiants et stagiaires comoriens
en Tunisie possède un outil pour pouvoir recenser la communauté.
Jusqu’à maintenant le Consulat comoriens en Tunisie possède une outils pour que
les citoyens accède à une formulaire pour pouvoir demande ces documents mais
qui n pas accessible facilement.
D’où notre objectifs première est de faciliter les recensement pour que tous les
citoyens comoriens se recensé et ensuite faciliter le démarche de demande de
documents consulaire.
1.7 Les Cibles
Pour notre Application web on va cibler toute la communauté comorienne dans
le sol tunisien mais aussi ceux qui sont dans le monde entier qui veulent se
s’informer de démarche administrative du consulat comorien en Tunisie
1.8 Méthodologie adaptée pour le déroulement de
projet
1.8.1Les Méthodologies Agiles
Les méthodologies Agiles sont des méthodes de développement de projets informatique
qui visent à réduire le cycle de vie du site (donc accéléré son développement) en
développant une version minimale, puis en intégrant les fonctionnalités par un
processus itératif basé sur une écoute client.
J’ai choisi d’adopter une approche agile pour gérer le projet puisque le cahier de charge
est rarement bien défini, les idées et la demande évoluent avec la réflexion du chercheur
ou des acteurs et leurs échanges, alors le processus d’implémentation de ces éléments
doit être progressif et adaptatif.
1.8.2Les méthode Agile SCRUM
Scrum est devenue la méthode agile la plus populaire, le principe de base de Scrum est
de focaliser l’équipe sur une partie limitée et maitrisable des fonctionnalités à réaliser,
ces incréments se réalisent successivement lors de périodes de durée fixe d’un à quatre
semaine, appelées sprints.
Chaque sprint possède, probablement à son exécution, un but à éteindre, défini par le
propriétaire du produit (Poduct Owner), à partir duquel sont choisies les fonctionnalités
à implémenter dans cet incrément. Un sprint abouti toujours à la livraison d’un produit

2020/2021 IAHF
10
Figure 6: Méthode Scrum
partiel fonctionnel. Pendant ce temps, le ScrumMaster a la charge de former le directeur
de produit, l’équipe et l’organisation entière à la méthode Scrum. D’où la figure suivante
illustre la vue globale du processus SCRUM
1.9 Conclusion :
Dans ce chapitre introductif, nous avons présenté les organigrammes d’accueils
ainsi étude de l’existant afin de préciser nos objectifs à atteindre.
En effet, l’étude de l’existant nous a permis de préparer une bonne conception pour les
améliorations que nous allons ajouter dans la solution proposée afin de répondre à nos
besoins.
Dans le chapitre qui suit nous présenterons les démarches de développement et de
conception de notre solution.

2020/2021 IAHF
11
Chapitre 2
Modélisation
Conceptuelle &
Organisationnelle

2020/2021 IAHF
12
Figure 7: Architecture Logique MVC
1.10 Introduction :
La modélisation conceptuelle et organisationnelle est une étape importante dans la
démarche de mise en convergence des notations utilisées dans le domaine de l'analyse
de la conception d'objets puisqu'elle représente une base de synthèse pour notre
système. Dans ce chapitre, nous commençons par l’architecture Logique et physique et
ensuite le modèle conceptuel détaillé de notre site web, puis nous exposons le modèle
logique des données. Enfin, nous clôturons ce chapitre par une conclusion.
1.11 Architecture Logique MVC
L’architecture MVC ( Model-View-Controller), est l’une des architectures logicielles les
plus utilisées pour les applications Web. Elle va nous permettre de créer notre
application web pour mieux gérer la structure du projet.
Elle se compose de trois modules : Modèle, vue, contrôle
• Modèle : un noyau de l’application qui gère les données, permet de récupérer les
informations dans la base de données, de les organiser pour qu’elles puissent
ensuite être traitées par le contrôleur.
• Vue : composant graphique de l’interface qui permet de présenter les données du
modèle à l’utilisateur.
• Contrôleur : composant responsable des prises de décision, gère la logique du
code qui prend des décisions, il est l’intermédiaire entre le modèle et la vue.

2020/2021 IAHF
13
1.12 Modélisation Conceptuelle
1.12.1 Introduction
Le Modèle conceptuel de données est une représentation statique du système
d’information. Il a comme objectif de constituer une représentation claire et cohérente
des données manipulées dans le système d’information. Cette section sera présentée
comme suit : nous commençons par le choix de la méthodologie de conception et
justification. Ensuite nous identifions les acteurs et les diagrammes des cas d’utilisation,
puis nous présentons le diagramme de classe, diagramme de collaboration et enfin les
diagrammes d’état transition.
1.12.2 Choix de la Méthodologie de Conception
Dans le cadre de notre projet, nous avons opté pour le langage UML comme une
approche de conception. Ci-dessous, nous présentons ce langage puis nous justifions
notre choix.
1.12.2.1 Présentation UML
UML (Unified Modeling Language) est un langage formel et normalisé en termes de
modélisation objet. Son indépendance par rapport aux langages de programmation, aux
domaines de l’application et aux processus, son caractère polyvalent et sa souplesse ont
fait de lui un langage universel. En plus, UML est essentiellement un support de
communication, qui facilite la représentation et la compréhension de solution objet. Sa
notation graphique permet d’exprimer visuellement une solution objet, ce qui facilite la
comparaison et l’évaluation des solutions. L’aspect de sa notation limite l'ambiguïté et
les incompréhensions. UML fournit un moyen astucieux permettant de représenter
diverses projections d'une même représentation grâce aux vues.
1.12.2.2 Diagramme de cas d’Utilisation :
Les cas d’utilisation décrit un ensemble d’actions réalisées par le système, en réponse à
une action d’un acteur.
1.12.2.2.1 Identification des acteurs
Les Utilisateurs (Stagiaires ou Étudiants, employés) et L'administrateur sont les acteurs
qui interagissent avec notre système.
● Utilisateur : qui réagissent avec les systèmes web pour se connecter et interagir
mais aussi sínformer
● Ládministrateur : cést le responsable de ládministration du site web qui
peuvent faire des actions (ajouter, modifier ou supprimer)

2020/2021 IAHF
14
Figure 8: Diagramme de cas d'utilisation "Utilisateur"
1.12.2.2.2 Identification de cas d’utilisateurs des acteurs
✓ Utilisateur
S’inscrire sur la plateforme
S’authentifier
Mettre à jour son profil
Publier de statut
Commenter de statut
Consulter l’actualité
Se recenser
Demande une bourse pro ou master
Demander une Attestation de visa
Demander une équivalence
Faire sa demande de carte consulaire
Diagramme de cas d’Utilisation d’Utilisateur :
L'Utilisateur une fois sur l'interface, il peut consulter les actualités et les informations
utiles sans pouvoir s'inscrire sur l'application mais s'il veut consulter la demande
d'information qui est la demande de documents consulaires comme l'attestation de via
et l'équivalence et aussi la demande de la bourse ou autre ils doivent se connecter s'il a
un compte sinon s'inscrire, De même pour la publication des statuts ou pour modifier ou
même supprimer.

2020/2021 IAHF
15
Figure 9: Diagramme de cas d'Utilisation " Administrateur"
✓ Administrateur
oAuthentifier
oConsulter la liste de recensement
oModifier
oAjouter
oSupprimer
oImprimer
Diagramme de cas d’utilisation Administrateur :
l'administrateur pour pouvoir gérer le backoffice, il doit se connecter dans son profil qui
est créé par le développeur et qui lui donne la possibilité de créer des sous-
administrateurs pour l'aider à gérer le backoffice.

2020/2021 IAHF
16
1.12.2.2.3 Description textuelle des principaux cas d'utilisation
Dans le but de mieux comprendre notre système et les interactions avec les utilisateurs, dans
cette partie nous allons détailler les scénarios de principaux cas d’utilisation
CU1 : Inscription à l’application Web
Résumé : le CU1 permet à l’acteur de s’inscrire à l'application
Acteur : Utilisateurs
Postcondition: le cas démarre après le point 02 de l'enchaînement nominal, l’utilisateur
s’inscrit au site
Scénario nominal
DESCRIPTION DU SCENARIO NOMINAL
« DEBUT »
01 : le système affiche un formulaire d’inscription à l’acteur
02 : l’acteur saisit ses informations.
03 : le système vérifie la validité des informations saisies.
04 : le système enregistre ces informations dans la base de données.
05 : le système notifie l’acteur du bon déroulement de l’inscription
« FIN »
Scenario alternative
Les informations sont manquantes ou incorrectes : ce scénario commence au point 03 du
scénario nominal.
01 : Le système informe l’acteur que les données saisies sont erronées, garde les
informations saisies avant et le scénario reprend au point 02 du scénario nominal.
Tableau 3: Description textuelle Authentification

2020/2021 IAHF
17
CU2 : Authentification
Résumé : Ce CU2 permet à l’acteur de se connecter au système.
Pré-Condition : l’utilisateur possède un profil au site
Post-Condition : le cas démarre après le point 02 de l'enchaînement nominal, l’utilisateur
s’authentifie
Scénario nominal
« DÉBUT »
01 : Le système invite l’acteur à entrer son login et son mot de passe.
02 : L’acteur saisit le login et le mot de passe et choisit son profil.
03 : Le système vérifie les paramètres.
04 : Le système ouvre l'espace de travail correspondant au profil.
« FIN »
Scenario alternative
Le login ou le mot de passe est incorrect : ce scénario commence au point 03 du scénario
nominal.
01 : Le système informe l’acteur que les données saisies sont erronées et le scénario reprend
au point 01 du scénario nominal.
Tableau 4: Description Textuelle Registre

2020/2021 IAHF
18
CU3 : Demander Documents
Résumé : Ce CU permet à l’acteur de demander un document.
Post-Condition : le cas démarre après CU1, l’utilisateur se registre
Scénario nominal
« DÉBUT »
01 : l’acteur saisit le ces information correspondant à la demande.
04 : Le système enregistre la demande.
« FIN »
Tableau 5: Description Textuelle Demande Documents
CU4 : Demander Bourse
Résumé : Ce CU permet à l’acteur de demander des Bourse.
Post-Condition : le cas démarre après CU1, l’utilisateur se registre
Scénario nominal
« DÉBUT »
01 : l’acteur saisit le ces information correspondant à la demande.
04 : Le système enregistre la demande.
« FIN »
Tableau 6: Description Textuelle Demande de Bourse

2020/2021 IAHF
19
1.12.3 Modélisation conceptuelle des données
La modélisation conceptuelle des données permet de dégager l'ensemble des données
manipulées en vue d'élaborer le diagramme de classes. En effet, ce dernier donne une
vue statique du système. Il décrit les types et les objets du système. Il s’agit donc d’une
représentation des données du champ de l’étude ainsi que le lien sémantique entre ces
données, facilement compréhensible, permettant de décrire le système d’information à
l’aide des concepts proposés par le modèle UML.
1.12.3.1 Dictionnaire des données
Le tableau ci-dessous représente la liste des attributs composants toutes les classes
formants notre système ainsi que leur description, leur taille et leur type.
N° Attribut Libelle Type Taille
1 Id-Util Identifiant de l’utilisateur Entier 8
2 Nom Nom d’utilisateur Chaine de caractère 50
3 Prénom Prénom de l’utilisateur Chaine de caractère 50
4 Sexe Sexe de l’Utilisateur Chaine de caractère 10
5 Num-Passe Numéro de passeport Chaine de caractère 20
6 Date-Deliv Datte délivrance Date -
7 Date-Exp Date d’expiration Date -
8 Pays Pays de l’utilisateur Chaine de caractère 20
9 Lieu-naiss Lieu de naissance Chaine de caractère 30
10 Date-naiss Date de Naissance Date -
11 Date-arriv Date d’arrivé en Tunisie Date -
12 Adress-Resid Adresse de résidence en
Tunisie
Chaine de caractère 50
13 Nom-Etab Nom de l’établissement Chaine de caractère 50
14 Adress-Etab Adresse de l’établissement Chaine de caractère 50
15 Anné-Scol Année scolaire Date -
16 Niv-Form Niveau de Formation Chaine de caractère 20
17 Type-Form Type de Formation Chaine de Caractère 30
18 Filière Filière d’enseignement Chaine de caractère 50
19 Nom-Fonct Nom de Fonction Chaine de caractère 50
20 Mot-pass Mots de passe Chaine de caractère 50
21 Adress_Email Adresse email Chaine de caractère 50
22 Tél_mob Téléphone mobile Entier 20
23 Nom-Pren-
contact
Nom et Prénom à contacté Chaine de caractère 30
24 Tél-contact Numéro de Téléphone a
contacté
Entier 20
Tableau 7: Description Textuelle Dictionnaire des données

2020/2021 IAHF
20
1.12.3.2 Représentation des classes
La modalisation objet est utilisée dans le langage UML pour définir des objets-métiers et
l’architecture de l’application. Ces objets sont créés en tant qu’instance de classe et
s’interagissent dynamiquement pour offrir le comportement décrit par les cas
d’utilisation. La modélisation objet définit le comportement requis par les différentes
classes pour assurer la bonne mise en place des cas d’utilisation et des règles de gestion.
Les objets constituent la base de l’architecture des applications, ils peuvent être
réutilisés à travers des domaines d’application ou encore être identifiés et dérivés
directement des cas d’utilisation ou des domaines d’application. Une classe est
composée :
Attributs : représentant des données dont les valeurs représentent l’état de l’objet.
méthode : il s’agit des opérations applicables aux objets. Après avoir dégagé le
dictionnaire de données épuré, nous pouvons dégager les classes ainsi leurs méthodes et
leurs attributs qui sont présentés dans le tableau suivant :
N° Nom class Liste des Attributs Méthodes
1 Etudiants/Stagiaire Id-Util S’Inscrire ( )
Authentifier ( )
Consulter ( )
Commenter ( )
Recenser ( )
Demander_carte_consulaire ( )
Demander_Bourse ( )
Demander_équivalence ( )
Nom
Prénom
Num-Passe
Pays
Lieu-naiss
Date-naiss
Date-arriv
Adress-Resid
Nom-Etab
Adress-Etab
Anné-Scol
Filière
Mot-pass
Adress_Email
Tél_mob
Adress-Resid
Nom-fonction
Adress_Email
Tél_mob
2 Administrateur Id-Admin Authentifier ( )
Consulter ( )
Modifier ( )
Imprimer ( )
Supprimer ( )
Nom
Prénom
Fonction
Mot-pass
Adress_Email
Tableau 8 : Représentation de class

2020/2021 IAHF
21
Figure 10 : Diagramme de classes
1.12.3.3 Représentation des associations entre les classes
➢ Demander : entre Utilisateur et Bourse
➢ Adhérer : entre Utilisateur et Adhésion
Les associations sont des relations entre classes. Elles représentent un lieu durable ou
ponctuel entre deux objets. Une appartenance, ou une collaboration. Elles sont
représentées par une ligne entre les classes.
Le modèle de données d’UML comprend trois associations génériques principales :
Généralisations, association, dépendance à partir de ces trois associations de base, nous
représentons ainsi les différents types d’associations qui décrivent les dépendance entre
les classe déjà citées.
Le tableau suivant illustre les associations simples en indiquant leurs désignations, les
classes participantes et leurs cardinalités.
1.12.4 Diagramme de classes
La schéma ci-dessous résume les tableaux précédents dans un diagramme de classe qui
contient toutes les informations telles que les classes, les méthodes, les associations et
les propriétés.

2020/2021 IAHF
22
1.12.5 Modélisation conceptuelle des Traitements
Par oppositions à la modalisation conceptuelle de données, la modalisation conceptuelle
de traitements permet de présenter formellement les activités exercées dont la
connaissance est la base du système d’information.
Dans cette section, nous commençons par illustrer les différentes règles de gestion, puis
nous présentons la description détaillées des diagrammes de séquence.
1.12.5.1 Règles de Gestion pour l’utilisateur
Une règle de gestion décrit une condition d’exécutions d’une action. Ci-dessous nous
présentons les différentes règles de gestion de notre application.
Règle 1 : Un ou plusieurs Utilisateurs peut demander peut demander plusieurs aides
financiers.
Règle 2 : une ou plusieurs Utilisateurs peuvent demander une seul Bourse
Règle 3 : un ou plusieurs utilisateurs peuvent demander une seul Carte consulaire par an
Règle 4 : Un ou Plusieurs Utilisateurs peuvent demander une seul attestation Consulaire
par an.
Règle 5 : une Bourse peut être demander par plusieurs utilisateur
Règle 6 : une document peut être demander par un ou plusieurs utilisateur
Règle 7 : une Seul administrateur peut créer une sous administrateur
1.12.6 Diagramme de séquences
Les diagrammes de séquence représentent les interventions entre les objets en
indiquant la chronologie des séquences. Les diagrammes de séquence ajoutent une
dimension chronologique aux diagrammes de collaboration.
1.12.6.1 Diagramme de séquences « Utilisateur »

2020/2021 IAHF
23
Figure 11: Diagramme de séquence Authentification ''utilisateur''
Figure 12: Diagramme de séquence Registre ''utilisateur''
1.12.6.1.1 Diagramme de séquence : « Authentification »
Le diagramme de séquence "authentification" montre la séquence des interactions entre
l'utilisateur, l'interface d'authentification, l'entité utilisateur et l'interface de profil.
1.12.6.1.2 Diagramme de séquence : « Inscription au site »
Le diagramme de séquence "Inscription au site" montre la séquence des interactions
entre l'utilisateur, l'interface d'inscription, l'entité utilisateur.

2020/2021 IAHF
24
Figure 13: Diagramme de séquence Demande Bourse ''utilisateur''
Figure 14 : Diagramme de séquence Demande Document ''utilisateur''
1.12.6.1.3 Diagramme de séquence : « Demande Bourse »
Le diagramme de séquence "Demande de bourse" montre la séquence des interactions
entre l'utilisateur, l'interface de demandeur de bourse, l'entité utilisateur.
1.12.6.1.4 Diagramme de séquence : « Demande Documents Consulaire »
Le diagramme de séquence "Demande document consulaire" montre la séquence des
interactions entre l'utilisateur, l'interface de demandeur document consulaire, l'entité
utilisateur.

2020/2021 IAHF
25
Figure 16 : Diagramme de séquence Modifier ''Administrateur''
1.12.6.2 Diagramme de séquences « Administrateur »
1.12.6.2.1 Diagramme de séquence : « Consultation »
Apres avoir puis s’identifier, l’administrateur peut consulter le contenu.
Figure 15 : Diagramme de séquence Consultation ''Administrateur''
1.12.6.2.2 Diagramme de séquence : « Modification »
Apres avoir s’authentifier et consulter il peut maintenant modifier certains donné qu’il
désire

2020/2021 IAHF
26
Chapitre 3
Réalisation

2020/2021 IAHF
27
1.13 Introduction
Après avoir élaboré la conception de notre application, nous abordons dans ce chapitre
le dernier volet de ce rapport, qui a pour objectif d'exposer la phase de réalisation. La
phase de réalisation est considérée comme étant la concrétisation finale de toute la
méthode de conception. Nous menons tout d’abord une étude technique où nous
décrivons les ressources logicielles utilisées dans le développement de notre projet.
Nous présentons en premier lieu notre choix de l’environnement de travail, où nous
spécifions l’environnement matériel et logiciel qu‘on a utilisé pour réaliser notre
application puis nous détaillons l’architecture, aussi nous présentons quelques
interfaces réalisées pour illustrer le fonctionnement de quelques activités du système
1.14 Etude Technique
L'étude technique est une phase d'adaptation de conception à l'architecture technique.
Elle a pour objectif de décrire au plan fonctionnel la solution à réaliser d'une manière
détaillée ainsi que la description des traitements. Cette étude, qui suit l'étude détaillée,
constitue le complément de spécification informatique nécessaire pour assurer la
réalisation du futur système. Cette étude permet également de déterminer:
La structure informatique de la base de données,
L’architecture des programmes,
La structure de chaque programme et l’accès aux données
1.14.1 Environnement de réalisation
Pour la réalisation de notre application, nous avons eu recours à plusieurs moyens
matériels et logiciels :
1.14.2 Matériels de base :
Le développement de l’application est réalisé via un ordinateurs portable ayant les
caractéristique suivantes :
Caractéristique Asus Laptop
Marque Asus
Processeur Intel(R) Core(TM) i3-1005G1 CPU @ 1.20GHz
1.20 GHz
RAM 8 GB
Disque Dur 260 GB
Systeme d’exploitation Windows 11
Tableau 9 : Matériels de base

2020/2021 IAHF
28
1.14.3 Choix des langages de développement et de SGBD :
JavaScript
JavaScript est un langage de développement informatique, et plus précisément un
langage de script orienté objet que l'on retrouve principalement dans les pages Internet.
Il va nous permettre, entre autres, d'introduire de petites animations ou effets sur notre
page web. Mais dans notre projet, nous l'avons utilisé pour améliorer l'ergonomie de
l'application. Il jouera également le rôle d'améliorer la vitesse de chargement des pages.
CSS (Cascading Style Sheet)
CSS est l’acronyme de Cascading Style Sheets, est un langage de feuille de style utilisé
pour décrire la mise en forme d'un document écrit avec un langage de balisage [3]. Il
permet aux concepteurs de contrôler l’apparence et la disposition de leurs pages web.
PHP (HyperText Preprocessor)
PHP (officiellement, cet acronyme est un acronyme récursif de PHP HyperText
Preprocessor) est un langage de script à usage général et à code open source,
spécialement conçu pour le développement d'applications web. Il peut être facilement
intégré au HTML.
MySQL
MySQL (My Structured Query Language) est un système de base de données
relationnelle open source dédié système de gestion de base de données relationnelle. Il
est très rapide, fiable et facile à utiliser et gratuit. Il a été développé à l'origine pour
gérer de très grandes bases de données beaucoup plus rapidement que les systèmes
existants.
Il a été développé à l'origine pour gérer de très grandes bases de données beaucoup plus
rapidement que les solutions déjà établies. Il offre un large et riche ensemble de riche
ensemble de fonctionnalités. Sa vitesse et sa sécurité en font un outil idéal pour les
applications Internet.

2020/2021 IAHF
29
LARAVEL
LARAVEL est un Framework pour le langage de programmation PHP qui rassemble les
meilleures bibliothèques utiles à la création d'une application web.
Laravel offre un environnement de développement très fonctionnel, ainsi que des
interfaces en ligne de commande intuitives et expressives. En outre, Laravel utilise la
cartographie objet-relationnel (ORM) pour simplifier l'accès et la manipulation des
données.
Laravel est avant tout un cadre de développement backend, bien qu'il offre quelques
fonctionnalités frontales. Le Framework PHP fournit un ensemble de bibliothèques de
code contenant des modules préprogrammés qui permettent à l'utilisateur de créer des
applications plus rapidement.
1.14.4 Outil de développement :
StarUML
StarUML est un logiciel de modélisation UML (Unified Modeling Language) à code source
ouvert. Il s'agit d'un langage graphique permettant de représenter des concepts de
programmation orientée objet au moyen de diagrammes spécifiques. C'est un langage de
modélisation unifié, résultat d'un consensus entre l'industrie du logiciel et la
communauté des chercheurs.
Visual Studio Code
Visual studio code ou VS Code est un éditeur de code développé par Microsoft en 2015.
Contrairement à ce que Microsoft nous a habitué pendant des années, il est l'un de ces
premiers produits open source et gratuits, et surtout disponible sur les systèmes
d'exploitation Windows, Linux et Mac. Le code est développé avec le framework
Electron et est conçu principalement pour développer des projets avec Javascript,
Node.js ou TypeScript.
Word
Microsoft Word est un programme de traitement de texte qui recouvre deux concepts
très différents :
un éditeur de texte interactif
un compilateur pour un langage de mise en forme du texte.

2020/2021 IAHF
30
PowerPoint
Microsoft Office PowerPoint est un créateur de présentations (succession de
diapositives).
Il permet de créer des présentations avec du texte, des images, des sons, des vidéos et
d'autres éléments.
1.14.5 Etude d’enchainement des Programmes :
Cette étape consiste à montrer les principaux modules développés pour la réalisation d’une
application.
Le menu général de notre application se présente selon le type de l’utilisateur.
Figure 17 : Enchainement de l'Application

2020/2021 IAHF
31
1.15 Présentation des interfaces
❖ Interface Utilisateur
Après l'étude de l'existant, et la conception et la modélisation nous avons développé l'interface
de notre application web.
Nous présentons ci-dessous la page d'accueil de notre application web qui comporte différents
menus :
✓ ACCUEIL : Il y a des sous-menus comme ACTUALIE et INFO Utiles où vous pouvez
trouver des nouvelles et des informations utiles pour différentes procédures
administratives et des adresses ou des liens.
Figure 18 : Interface Accueil Utilisateur

2020/2021 IAHF
32
✓ DEMANDE DOCUMENTS : Dans cet ongle, on demande le documents consulaire comme
L’Attestation de Visa et Equivalence,…..
Figure 19 : Interface Demande Documents Utilisateur

2020/2021 IAHF
33
✓ DEMANDE BOURSE : Dans cet ongle, chaque Etudiants et Stagiaire qu’il soit sur place ou
ailleurs peuvent demander une bourse Tunisien en master ou formation professionnel
Figure 20 : Interface Demande Bourse Utilisateur

2020/2021 IAHF
34
✓ Contact : Dans cet ongle, ce l’angle qu’il y’a les information du consulat leurs adresse
email et téléphone mais aussi leurs localisation et aussi pour envoyer une message au
consulat.
Figure 21 : Interface Contact

2020/2021 IAHF
35
✓ Connexion : Dans cet ongle, L’Utilisateur dois saisis son numéro de passeport et le mot
de passe pour se connecter et de pouvoir demander une documents ou une Bourse.
Figure 22 : Interface D'Authentification
✓ Se Registrer : Dans cet ongle, L’Utilisateur dois saisir ces information personnel et ces
informations estudiantine et en fin les information de contact.
Figure 23 : Interface de Registre

2020/2021 IAHF
36
✓ Formulaire de Demande de Bourse : Dans cet ongle, L’Utilisateur dois saisir ces
information pour compléter la formulaire de demande de bourse et joindre le pièces
jointe correspondantes
Figure 24 : Interface Formulaire

2020/2021 IAHF
37
Figure 25 : Interface D'Accueil Administrateur
❖ Interface Administrateur
La partie administrateur appelée Backoffice est encore en phase de développement, c'est
pourquoi nous avons présenté un Template qui ressemblera au nôtre afin que
l'administrateur puisse naviguer et traiter les données facilement mais surtout qu'il
puisse suivre l'évolution documentaire et pédagogique à tous les utilisateurs de
l'application.

2020/2021 IAHF
38
Figure 26 : Interface d'Authentification Administrateur

2020/2021 IAHF
39
1.16 Planification des sprints
Selon la méthode que nous avons décidé d'utiliser, qui est la méthode Scrum, et une fois
que nous avons terminé les spécifications avec le client et planifié le sprint dans
différentes réunions, nous avons établi la durée estimée du travail à faire pendant
chaque sprint.
Nom du Sprint Durée
Sprint 1 :
Rédaction rapport « Modélisation
Conceptuelle et Organisationnelle »
7 jours
Sprint 2 :
✓ Structure global
✓ Architecture de navigation
✓ Structure de donnée
7 jours
Sprint 3 :
✓ Formulaire
✓ Couleur lisible
✓ Actualité
7 jours
Sprint 4 :
✓ Récupération donnée ‘’Back
office’’
✓ Utilisation
7 jours
Sprint 5 :
✓ Administration
✓ Forum ?
Tableau 10 : Tableau de Sprint

2020/2021 IAHF
40
1.17 Apports :
Ce projet de fin de formation nous a permis de nous familiariser avec un certain nombre de
concepts tout en renforçant nos connaissances acquises lors de notre formation au sein de notre
institut.
Ainsi, le fait de travailler avec mon superviseur, encadreur et le personnel de MyDigitalCoach
nous a mis sur la voie de la vie professionnelle.
Notre projet de fin de formation a été l'occasion de développer et d'exercer nos capacités
d'observation, d'analyse, de conception, de développement et de rédaction.
1.17.1 Apports au niveau de connaissance technique
Ce projet de fin de formation nous a permis de :
Mettre en œuvre les notions et les connaissances acquis au sein de modules
« Méthodologie de conception de base de données ».
Manipuler les logiciels MySQL, Visual Studio Code au cours du développement de
l’application.
Apprendre à gérer un projet avec la méthode agile.
1.17.2 Apports au niveau de la conception et du
développement
Au niveau de la conception et du développement, cette étude nous a permis de :
Mener une conception orienté objet représentée avec la langage UML
Maitriser les étapes de développement et de conception d’une application Web
1.18 Conclusion :
Dans ce chapitre, nous avons pu présenter l'environnement et le processus de
développement. Nous avons montré le résultat du développement à l'aide de captures
d'écran. Nous avons terminé par une analyse de l'évolution du travail effectué.

2020/2021 IAHF
41
Conclusion et perspectives
Notre projet intitulé "Création d'une application web du Consulat des Comores en
Tunisie" consiste en la conception et la réalisation d'une application web destinée à la
communauté comorienne en Tunisie ou dans le monde entier.
Contrairement à la majorité des applications web ou site consulaire existant en Tunisie,
notre backoffice est mieux structuré avec une facilité de manipulation et de gestion des
données pour mieux gérer sa communauté.
Concernant notre démarche, nous avons tout d'abord réalisé une phase d'étude des
différents sites existants. Deuxièmement, nous avons spécifié notre application pour
discerner ses fonctionnalités. Troisièmement, nous avons procédé à sa conception et aux
choix technologiques pour sa réalisation. Enfin, nous l'avons mise en œuvre.
La plupart des fonctionnalités prévues dans les cahiers des charges fonctionnels ont été
développées et validées. Néanmoins, notre projet sera amélioré au fil du temps comme
par exemple :
➢ la facturation des demandes de documents consulaires
➢ la gestion automatisée des tâches dans le back-office.
➢ Ect…
Il est primordial de noter que la concrétisation de ce projet nous a été bénéfique à tous
les niveaux.
Sur le plan technique, ce projet a été une bonne opportunité pour nous de découvrir et
de maîtriser le Framework Laravel, d'approfondir nos connaissances des nouvelles
technologies de communication et de l'hébergement d'applications en ligne.
Sur le plan humain, ce projet a été une réelle opportunité d'expérimenter le travail dans
une entreprise de communication, qui nécessite ponctualité et intégration dans un
groupe de travail.
Il nous a permis d'améliorer nos compétences en communication et de nous adapter à la
vie professionnelle.
Nous avons fait de notre mieux pour laisser une bonne empreinte de notre discipline, de
nos qualités et de nos compétences techniques et pour présenter un travail digne de la
formation que nous avons reçue à l'IAHF.

2020/2021 IAHF
42
Tables des Matières
1 Introduction Générale .................................................................................. 1
2 Chapitre 1 : Présentation Générale du Projet.................................... 2
2.1 Introduction :........................................................................................................................... 3
2.2 Thématique du Stage : ............................................................................................................ 3
2.2.1 Contexte du travail :........................................................................................................ 3
2.2.2 Présentation de l’organisme d’accueil : .......................................................................... 3
2.3 Problématique :....................................................................................................................... 6
2.4 Etude de l’Existant :................................................................................................................. 6
2.4.1 Analyse de l’existant........................................................................................................ 6
2.5 Propositions de différents Solutions ....................................................................................... 8
2.6 Les Objectifs de l’Application .................................................................................................. 9
2.7 Les Cibles ................................................................................................................................. 9
2.8 Méthodologie adaptée pour le déroulement de projet.......................................................... 9
2.8.1 Les Méthodologies Agiles................................................................................................ 9
2.8.2 Les méthode Agile SCRUM .............................................................................................. 9
2.9 Conclusion : ........................................................................................................................... 10
3 Chapitre 2 : Modélisation Conceptuelle & Organisationnelle ..11
3.1 Introduction :......................................................................................................................... 12
3.2 Architecture Logique MVC .................................................................................................... 12
3.3 Modélisation Conceptuelle ................................................................................................... 13
3.3.1 Introduction................................................................................................................... 13
3.3.2 Choix de la Méthodologie de Conception..................................................................... 13
3.3.2.1 Présentation UML...................................................................................................... 13
3.3.2.2 Diagramme de cas d’Utilisation :............................................................................... 13
3.3.2.2.1 Identification des acteurs.................................................................................... 13
3.3.2.2.2 Identification de cas d’utilisateurs des acteurs................................................... 14
3.3.2.2.3 Description textuelle des principaux cas d'utilisation......................................... 16
3.3.3 Modélisation conceptuelle des données....................................................................... 19
3.3.3.1 Dictionnaire des données.......................................................................................... 19
3.3.3.2 Représentation des classes ....................................................................................... 20
3.3.3.3 Représentation des associations entre les classes.................................................... 21

2020/2021 IAHF
43
3.3.4 Diagramme de classes................................................................................................... 21
3.3.5 Modélisation conceptuelle des Traitements................................................................. 22
3.3.5.1 Règles de Gestion pour l’utilisateur .......................................................................... 22
3.3.6 Diagramme de séquences ............................................................................................. 22
3.3.6.1 Diagramme de séquences « Utilisateur ».................................................................. 22
3.3.6.1.1 Diagramme de séquence : « Authentification ».................................................. 23
3.3.6.1.2 Diagramme de séquence : « Inscription au site »............................................... 23
3.3.6.1.3 Diagramme de séquence : « Demande Bourse »................................................ 24
3.3.6.1.4 Diagramme de séquence : « Demande Documents Consulaire »....................... 24
3.3.6.2 Diagramme de séquences « Administrateur ».......................................................... 25
3.3.6.2.1 Diagramme de séquence : « Consultation » ....................................................... 25
3.3.6.2.2 Diagramme de séquence : « Modification » ....................................................... 25
4 Chapitre 3 : Réalisation.............................................................................26
4.1 Introduction........................................................................................................................... 27
4.2 Etude Technique.................................................................................................................... 27
4.2.1 Environnement de réalisation....................................................................................... 27
4.2.2 Matériels de base : ........................................................................................................ 27
4.2.3 Choix des langages de développement et de SGBD :.................................................... 28
4.2.4 Outil de développement :.............................................................................................. 29
4.2.5 Etude d’enchainement des Programmes : .................................................................... 30
4.3 Présentation des interfaces................................................................................................... 31
4.4 Apports :................................................................................................................................ 40
4.4.1 Apports au niveau de connaissance technique............................................................. 40
4.4.2 Apports au niveau de la conception et du développement.......................................... 40
4.5 Conclusion : ........................................................................................................................... 40
5 Conclusion et perspectives.......................................................................41

2020/2021 IAHF
44
Bibliographies et Webography
https://laravel.com/docs/8.x/installation
https://adminlte.io/blog/integrate-adminlte-with-laravel
https://laravel.sillo.org/laravel-4-chapitre-12-les-bases-de-donnees-1/
https://laravel.fr/t/laravel-5/mise-en-ligne-d-un-site-sur-le-serveur-ovh
https://medium.com/@charlie.etienne.nancy/d%C3%A9ployer-laravel-5-
avec-ssh-git-et-composer-sur-un-h%C3%A9bergement-mutualis%C3%A9-
ovh-de-a-%C3%A0-z-f85aaf49534f
https://www.youtube.com/watch?v=5lSHt3WGYL4
https://www.deepl.com/fr/translator
https://github.com/Faissoil93/Consulat-Comores-en-Tunisie
https://adminlte.io/docs/2.4/installation
https://github.com/ColorlibHQ/AdminLTE/releases/tag/v3.1.0

2020/2021 IAHF
45
Résumé
Ce travail s'inscrit dans le cadre du projet de fin de formation pour l'obtention du
diplôme d'un BTS en Gestion Informatique.
Dans ce cadre, nous allons concevoir et développer une application Web au sein du
Consulat des Comores en Tunisie afin d'améliorer leur gestion interne mais aussi pour
faciliter le recensement des ressortissants comoriens et surtout qui puisse faciliter les
démarches administratives au niveau consulaire.
Mots Clés : Laravel/MySQL/UML/Base de Donné
ABSTRACT
This work is part of the end of training project for the diploma of a BTS in Computer
Management.
Within this framework, we will design and develop a Web application within the
Consulate of Comoros in Tunisia in order to improve their internal management but also
to facilitate the census of Comorian nationals and especially that can facilitate
administrative procedures at consular level.

Conception et Réalisation Application Web Laravel PFE BTS

Contenu connexe

Tendances

Similaire à Conception et Réalisation Application Web Laravel PFE BTS

Conception et Réalisation Application Web Laravel PFE BTS