SlideShare une entreprise Scribd logo
1  sur  51
Télécharger pour lire hors ligne
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
2
Chapitre 1
Présentation Générale du
Projet
2020/2021 IAHF
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
11
Chapitre 2
Modélisation
Conceptuelle &
Organisationnelle
2020/2021 IAHF
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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´informer
● L´administrateur : c´est le responsable de l´administration du site web qui
peuvent faire des actions (ajouter, modifier ou supprimer)
2020/2021 IAHF
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
17
CU2 : Authentification
Résumé : Ce CU2 permet à l’acteur de se connecter au système.
Acteur : Utilisateurs
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
DESCRIPTION DU SCENARIO 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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
18
CU3 : Demander Documents
Résumé : Ce CU permet à l’acteur de demander un document.
Acteur : Utilisateurs
Pré-Condition : l’utilisateur possède un profil au site
Post-Condition : le cas démarre après CU1, l’utilisateur se registre
Scénario nominal
DESCRIPTION DU SCENARIO NOMINAL
« DÉBUT »
01 : l’acteur saisit le ces information correspondant à la demande.
03 : Le système vérifie les paramètres.
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.
Acteur : Utilisateurs
Pré-Condition : l’utilisateur possède un profil au site
Post-Condition : le cas démarre après CU1, l’utilisateur se registre
Scénario nominal
DESCRIPTION DU SCENARIO NOMINAL
« DÉBUT »
01 : l’acteur saisit le ces information correspondant à la demande.
03 : Le système vérifie les paramètres.
04 : Le système enregistre la demande.
« FIN »
Tableau 6: Description Textuelle Demande de Bourse
2020/2021 IAHF
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
26
Chapitre 3
Réalisation
2020/2021 IAHF
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
38
Figure 26 : Interface d'Authentification Administrateur
2020/2021 IAHF
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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
APPLICATION WEB CONSULAT DE COMORES EN TUNISIE
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.

Contenu connexe

Tendances

RAPPORT DE PROJET DE FIN D’ETUDES
RAPPORT DE PROJET DE FIN D’ETUDESRAPPORT DE PROJET DE FIN D’ETUDES
RAPPORT DE PROJET DE FIN D’ETUDESTombariAhmed
 
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Ahmed Makni
 
Pfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEEPfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEEOussama Djerba
 
Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique ayoub daoudi
 
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...Yasmine Lachheb
 
Conception et réalisation d’un Système d’information des étudiants du départe...
Conception et réalisation d’un Système d’information des étudiants du départe...Conception et réalisation d’un Système d’information des étudiants du départe...
Conception et réalisation d’un Système d’information des étudiants du départe...Ilyas CHAOUA
 
Conception et développement d'une application Android pour TUNISAIR
Conception et développement d'une application Android pour TUNISAIRConception et développement d'une application Android pour TUNISAIR
Conception et développement d'une application Android pour TUNISAIRSkander Driss
 
PFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignementPFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignementNassim Bahri
 
Rapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileRapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileNader Somrani
 
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
Rapport pfe Conceptionet Developpement d'une Application web et  Mobile Rapport pfe Conceptionet Developpement d'une Application web et  Mobile
Rapport pfe Conceptionet Developpement d'une Application web et Mobile Raoua Bennasr
 
Rapport projet fin d'étude
Rapport projet fin d'étudeRapport projet fin d'étude
Rapport projet fin d'étudeHibaFarhat3
 
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_webRapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_webSalma Gouia
 
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Sofien Benrhouma
 
Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...Mohamed Boubaya
 
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )Saadaoui Marwen
 
Rapport pfe-ayoub mkharbach
Rapport pfe-ayoub mkharbachRapport pfe-ayoub mkharbach
Rapport pfe-ayoub mkharbachAyoub Mkharbach
 
Rapport PFE: Gestion de Parc Informatique
Rapport PFE: Gestion de Parc InformatiqueRapport PFE: Gestion de Parc Informatique
Rapport PFE: Gestion de Parc InformatiqueEric Maxime
 
Rapport PFE "Conception et développement d'un Portail web pour le Smart Met...
Rapport  PFE  "Conception et développement d'un Portail web pour le Smart Met...Rapport  PFE  "Conception et développement d'un Portail web pour le Smart Met...
Rapport PFE "Conception et développement d'un Portail web pour le Smart Met...Hajer Dahech
 

Tendances (20)

Rapport pfe
Rapport pfeRapport pfe
Rapport pfe
 
RAPPORT DE PROJET DE FIN D’ETUDES
RAPPORT DE PROJET DE FIN D’ETUDESRAPPORT DE PROJET DE FIN D’ETUDES
RAPPORT DE PROJET DE FIN D’ETUDES
 
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...
 
Pfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEEPfe conception et développement d'une application web GMAO JEE
Pfe conception et développement d'une application web GMAO JEE
 
Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique
 
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
Rapport PFE BIAT Conception et mise en place d’une plate-forme de gestion des...
 
Conception et réalisation d’un Système d’information des étudiants du départe...
Conception et réalisation d’un Système d’information des étudiants du départe...Conception et réalisation d’un Système d’information des étudiants du départe...
Conception et réalisation d’un Système d’information des étudiants du départe...
 
Conception et développement d'une application Android pour TUNISAIR
Conception et développement d'une application Android pour TUNISAIRConception et développement d'une application Android pour TUNISAIR
Conception et développement d'une application Android pour TUNISAIR
 
PFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignementPFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignement
 
Rapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileRapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobile
 
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
Rapport pfe Conceptionet Developpement d'une Application web et  Mobile Rapport pfe Conceptionet Developpement d'une Application web et  Mobile
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
 
Rapport projet fin d'étude
Rapport projet fin d'étudeRapport projet fin d'étude
Rapport projet fin d'étude
 
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_webRapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
 
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
Rapport Projet De Fin D'étude Développent d'une application web avec Symfony2
 
Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...
 
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
Rapport PFE ingénieur réseaux marwen SAADAOUI ( Juin 2018 )
 
Rapport pfe-ayoub mkharbach
Rapport pfe-ayoub mkharbachRapport pfe-ayoub mkharbach
Rapport pfe-ayoub mkharbach
 
Rapportpfe
RapportpfeRapportpfe
Rapportpfe
 
Rapport PFE: Gestion de Parc Informatique
Rapport PFE: Gestion de Parc InformatiqueRapport PFE: Gestion de Parc Informatique
Rapport PFE: Gestion de Parc Informatique
 
Rapport PFE "Conception et développement d'un Portail web pour le Smart Met...
Rapport  PFE  "Conception et développement d'un Portail web pour le Smart Met...Rapport  PFE  "Conception et développement d'un Portail web pour le Smart Met...
Rapport PFE "Conception et développement d'un Portail web pour le Smart Met...
 

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

Rapport PFE réalisation d’un Framework Kinect
Rapport PFE réalisation d’un Framework KinectRapport PFE réalisation d’un Framework Kinect
Rapport PFE réalisation d’un Framework KinectAmine MEGDICHE
 
Webmarketing : La création d’une image digital
Webmarketing : La création d’une image digitalWebmarketing : La création d’une image digital
Webmarketing : La création d’une image digitalOussema Boufaid
 
Mise en place d'une stratégie de marketing digital
Mise en place d'une stratégie de marketing digital Mise en place d'une stratégie de marketing digital
Mise en place d'une stratégie de marketing digital Karim Ben Alaya
 
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Projet de fin étude  ( LFIG : Conception et Développement d'une application W...Projet de fin étude  ( LFIG : Conception et Développement d'une application W...
Projet de fin étude ( LFIG : Conception et Développement d'une application W...Ramzi Noumairi
 
Torkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitorin...
Torkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitorin...Torkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitorin...
Torkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitorin...Karima Torkhani
 
Pfe master fst_final_decembre2015
Pfe master fst_final_decembre2015Pfe master fst_final_decembre2015
Pfe master fst_final_decembre2015Ghali Rahma
 
Torkhani karima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitori...
Torkhani karima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitori...Torkhani karima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitori...
Torkhani karima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitori...karimatorkhani
 
orkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitoring...
orkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitoring...orkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitoring...
orkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitoring...Karima Torkhani
 
La pratique de l'audit interne dans les entreprises d'assurances copie (2)
La pratique de l'audit interne dans les entreprises d'assurances   copie (2)La pratique de l'audit interne dans les entreprises d'assurances   copie (2)
La pratique de l'audit interne dans les entreprises d'assurances copie (2)dodoooooo
 
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdfBader Nassiri
 
Mise en place d'une infrastructure basée sur OpenStack
Mise en place d'une infrastructure basée sur OpenStack Mise en place d'une infrastructure basée sur OpenStack
Mise en place d'une infrastructure basée sur OpenStack Ahmed Slim
 
rapport fin d'etude
rapport fin d'etuderapport fin d'etude
rapport fin d'etudesihem-med
 
Rapport_pfe_licence_ISAMM
Rapport_pfe_licence_ISAMMRapport_pfe_licence_ISAMM
Rapport_pfe_licence_ISAMMEya TAYARI
 
Rapport_Memoire_Mastère_SRT_LARAFA_Mohamed_Akram.pdf
Rapport_Memoire_Mastère_SRT_LARAFA_Mohamed_Akram.pdfRapport_Memoire_Mastère_SRT_LARAFA_Mohamed_Akram.pdf
Rapport_Memoire_Mastère_SRT_LARAFA_Mohamed_Akram.pdfLARAFA Mohamed Akram
 
Medical openerp
Medical openerpMedical openerp
Medical openerpHORIYASOFT
 
Rapport interface terminal
Rapport interface terminalRapport interface terminal
Rapport interface terminalBelwafi Bilel
 
Gestion d'erreurs et accès à distance
Gestion d'erreurs et accès à distanceGestion d'erreurs et accès à distance
Gestion d'erreurs et accès à distanceahmed oumezzine
 
Rapport PFE : Cloud Insights
Rapport PFE : Cloud InsightsRapport PFE : Cloud Insights
Rapport PFE : Cloud Insightsahmed oumezzine
 
Mesure de la performance du SI de camtel nguimo hermann 5.0
Mesure de la performance du SI de camtel  nguimo hermann 5.0Mesure de la performance du SI de camtel  nguimo hermann 5.0
Mesure de la performance du SI de camtel nguimo hermann 5.0Hermann NGUIMO
 
Mémoire : Cloud iaas Slim Hannachi
Mémoire :  Cloud iaas Slim HannachiMémoire :  Cloud iaas Slim Hannachi
Mémoire : Cloud iaas Slim Hannachislim Hannachi
 

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

Rapport PFE réalisation d’un Framework Kinect
Rapport PFE réalisation d’un Framework KinectRapport PFE réalisation d’un Framework Kinect
Rapport PFE réalisation d’un Framework Kinect
 
Webmarketing : La création d’une image digital
Webmarketing : La création d’une image digitalWebmarketing : La création d’une image digital
Webmarketing : La création d’une image digital
 
Mise en place d'une stratégie de marketing digital
Mise en place d'une stratégie de marketing digital Mise en place d'une stratégie de marketing digital
Mise en place d'une stratégie de marketing digital
 
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Projet de fin étude  ( LFIG : Conception et Développement d'une application W...Projet de fin étude  ( LFIG : Conception et Développement d'une application W...
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
 
Torkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitorin...
Torkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitorin...Torkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitorin...
Torkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitorin...
 
Pfe master fst_final_decembre2015
Pfe master fst_final_decembre2015Pfe master fst_final_decembre2015
Pfe master fst_final_decembre2015
 
Torkhani karima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitori...
Torkhani karima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitori...Torkhani karima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitori...
Torkhani karima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitori...
 
orkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitoring...
orkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitoring...orkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitoring...
orkhanikarima-MémoireMastereProRx&telecom-FST2015-, Supervision et Monitoring...
 
La pratique de l'audit interne dans les entreprises d'assurances copie (2)
La pratique de l'audit interne dans les entreprises d'assurances   copie (2)La pratique de l'audit interne dans les entreprises d'assurances   copie (2)
La pratique de l'audit interne dans les entreprises d'assurances copie (2)
 
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
467720159-rapport-final-bouguerra-khadijaesseghaier-lina-pdf.pdf
 
Mise en place d'une infrastructure basée sur OpenStack
Mise en place d'une infrastructure basée sur OpenStack Mise en place d'une infrastructure basée sur OpenStack
Mise en place d'une infrastructure basée sur OpenStack
 
rapport fin d'etude
rapport fin d'etuderapport fin d'etude
rapport fin d'etude
 
Rapport_pfe_licence_ISAMM
Rapport_pfe_licence_ISAMMRapport_pfe_licence_ISAMM
Rapport_pfe_licence_ISAMM
 
Rapport_Memoire_Mastère_SRT_LARAFA_Mohamed_Akram.pdf
Rapport_Memoire_Mastère_SRT_LARAFA_Mohamed_Akram.pdfRapport_Memoire_Mastère_SRT_LARAFA_Mohamed_Akram.pdf
Rapport_Memoire_Mastère_SRT_LARAFA_Mohamed_Akram.pdf
 
Medical openerp
Medical openerpMedical openerp
Medical openerp
 
Rapport interface terminal
Rapport interface terminalRapport interface terminal
Rapport interface terminal
 
Gestion d'erreurs et accès à distance
Gestion d'erreurs et accès à distanceGestion d'erreurs et accès à distance
Gestion d'erreurs et accès à distance
 
Rapport PFE : Cloud Insights
Rapport PFE : Cloud InsightsRapport PFE : Cloud Insights
Rapport PFE : Cloud Insights
 
Mesure de la performance du SI de camtel nguimo hermann 5.0
Mesure de la performance du SI de camtel  nguimo hermann 5.0Mesure de la performance du SI de camtel  nguimo hermann 5.0
Mesure de la performance du SI de camtel nguimo hermann 5.0
 
Mémoire : Cloud iaas Slim Hannachi
Mémoire :  Cloud iaas Slim HannachiMémoire :  Cloud iaas Slim Hannachi
Mémoire : Cloud iaas Slim Hannachi
 

Conception et Réalisation Application Web Laravel PFE BTS

  • 1. 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
  • 2. 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
  • 3. 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é.
  • 4. 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
  • 5. 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
  • 6. 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
  • 7. 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 ?
  • 8. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 2 Chapitre 1 Présentation Générale du Projet
  • 9. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 10. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 11. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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 :
  • 12. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 13. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 14. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 15. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 16. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 17. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 11 Chapitre 2 Modélisation Conceptuelle & Organisationnelle
  • 18. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 19. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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´informer ● L´administrateur : c´est le responsable de l´administration du site web qui peuvent faire des actions (ajouter, modifier ou supprimer)
  • 20. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 21. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 22. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 23. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 17 CU2 : Authentification Résumé : Ce CU2 permet à l’acteur de se connecter au système. Acteur : Utilisateurs 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 DESCRIPTION DU SCENARIO 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
  • 24. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 18 CU3 : Demander Documents Résumé : Ce CU permet à l’acteur de demander un document. Acteur : Utilisateurs Pré-Condition : l’utilisateur possède un profil au site Post-Condition : le cas démarre après CU1, l’utilisateur se registre Scénario nominal DESCRIPTION DU SCENARIO NOMINAL « DÉBUT » 01 : l’acteur saisit le ces information correspondant à la demande. 03 : Le système vérifie les paramètres. 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. Acteur : Utilisateurs Pré-Condition : l’utilisateur possède un profil au site Post-Condition : le cas démarre après CU1, l’utilisateur se registre Scénario nominal DESCRIPTION DU SCENARIO NOMINAL « DÉBUT » 01 : l’acteur saisit le ces information correspondant à la demande. 03 : Le système vérifie les paramètres. 04 : Le système enregistre la demande. « FIN » Tableau 6: Description Textuelle Demande de Bourse
  • 25. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 26. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 27. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 28. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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 »
  • 29. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 30. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 31. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 32. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 26 Chapitre 3 Réalisation
  • 33. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 34. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 35. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 36. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 37. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 38. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 32 ✓ DEMANDE DOCUMENTS : Dans cet ongle, on demande le documents consulaire comme L’Attestation de Visa et Equivalence,….. Figure 19 : Interface Demande Documents Utilisateur
  • 39. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 40. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 41. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 42. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 43. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 44. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 38 Figure 26 : Interface d'Authentification Administrateur
  • 45. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 46. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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é.
  • 47. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.
  • 48. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 49. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 50. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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
  • 51. 2020/2021 IAHF APPLICATION WEB CONSULAT DE COMORES EN TUNISIE 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.