SlideShare une entreprise Scribd logo
1  sur  55
Thème : Développement d’une application web
pour la gestion des équipements culturels de
la commune d’Agadir
Presenté par:
-Ahmed AKHCHKHOUCH
-Mohamed Khalil
LOUKHNATI
Membres du jury:
-Mr. Hicham ELBOUJAOUI
-Mr. Mohamed ELYAAKOUBI
-Mr. Abdelaziz WALID
Encadré par :
-Mr. Youness SALMI :
Encadrant à l’Entreprise
- Mr. Abdelaziz WALID :
Encadrant à l’ENSA
PROJET DE FIN D'ANNÉE 2019/2020
Génie Informatique
SOMMAIRE
Présentation de
l’organisme
d’accueil
Contexte général
du projet
01
03
02 04
05
06
Sprint de
preparation
Etude Technique
Mise en place
Conclusion et
Perspectives
2
Présentation de
l’organisme d'accueil.
01
3
La Commune Urbaine
d’Agadir
● SIEGE: Agadir
● BUDGET ANNUEL: 550 million DH
● DIRIGEANT: Salah EL MALOUKI
● EFFECTIF: 1500
CHAPITRE 1
4
La Commune Urbaine d’Agadir
505 878
4
Population estimée en 2020
Annexes
5
Agadir
Centre
Anza Bensergao Tikiouine
CHAPITRE 1
L'organigramme de la commune
urbaine d’Agadir
CHAPITRE 2
6
L'organigramme de la commune
urbaine d’Agadir
CHAPITRE 2
7
La Commune Urbaine d’Agadir
Activitées
- La mise en œuvre de
politiques publiques
locales
-L’ exécution des missions
obligatoire et des missions
facultatives
-La gestion directe
-La gestion indirecte ou
déléguée
Objectifs
La Commune d’Agadir a
engagé une politique
ambitieuse qui vise
l’amélioration de la qualité
de vie des citoyens, la
protection de
l’environnement et le
développement durable.
CHAPITRE 1
8
CONTEXTE GÉNÉRALE
DU PROJET
02
9
Etude de l'existant
CHAPITRE 2
10
Type d'équipement
culturel
Complexe
Dar
ELHay
Conservatoire
de musique
Musée Théâtre
Centre
d'accueil
Bibliothèque
Salle de
memoire
Nombre d'occurence 6 6 1 2 1 1 + 1
Etude de l'existant
CHAPITRE 2
11
Demandeur
(Association,
partie
politique,
ecole, …)
(1) Etablir une
demande
(2)Se déplacer
vers la commune
d’Agadir
La commune
d’Agadir
Division des affaires
sociales, culturelles
et sportives
Le service
des affaires
culturelles
(3)Deposer la
demande
(4)Attendre le
traitement
(5)Se renseigner
sur l'état
d’avancement
“je souhaite réserver
un équipement culturel
pour organiser mon
événement”
Problématique
1
La difficulté de
gestion d’emploi
des équipements
2
L’interaction entre le
demandeur et le
gestionnaire n’est pas
optimisé, et parfois
gênante
’
3
L’historique est
mal structuré
4
L’absence de traquer
ses dossiers de
demandes de
réservations
5
Procédure
administrative
complexe
6
Trop de
paperasse
CHAPITRE 2
12
Problématique
7
Moins de clarté sur
l’avancement du travail
ou des tâches à faire
8
Manque d’études et
de statistique
9
Les demandes de réservations
sont déposées sans
vérification préalable de la
disponibilité des équipements.
CHAPITRE 2
13
Solution proposée
Réaliser une plateforme WEB qui permettrait à la
division des ressources culturelles et sociales de
gérer les réservations des demandeurs d’une manière
facile et efficace, aussi superviser, et historier son
activité de manière automatique, ainsi que garder une
vue d'ensemble sur son activité et certaines
statistiques relatives à cette dernière
CHAPITRE 2
14
Conduite du projet: Methodologie
Scrum
CHAPITRE 2
15
Equipe SCRUM
Youness SALMI
Product Owner
Ahmed
AKHACHKHOUCH
Developpeur
Mohamed Khalil
LOUKHNATI
Scrum Master
Developpeur
CHAPITRE 2
16
Sprint de préparation
[sprint 0]
03
17
Décideur Gestionnaire
Identification des acteurs
Acteurs
Demandeur
SPRINT 0
18
Besoins Fonctionnels
SPRINT 0
Gestion des demandeurs
Gestion des demandes de
réservation des équipements
culturels
Gestion des équipements
culturels
19
Besoins non-fonctionnels
SPRINT 0
Securité
Convivialité Disponibilité
20
Backlog SCRUM et planification
des Sprints
SPRINT 0
21
Reunion du PRODUCT
Owner avec le service
culturel, les
demandeurs et les
décideurs.
01
02
03
04
User
stories
Product
Backlog
Planification
des sprints
Diagramme de GANTT
SPRINT 0
22
Diagramme de cas d’utilisation
global
SPRINT 0
23
Etude Technique
04
24
Architecture logique
MVC
MVC littéralement Modèle Vue
Contrôleur est une architecture qui
organise l’interface Homme-Machine
d’une manière à ce que le
développement puisse se faire en
couches indépendantes.
Etude Technique
25
Architecture applicative
Cette architecture favorise une
séparation claire des
responsabilités, la réutilisabilité et
l'évolutivité grâce à l'utilisation du
Framework Spring Boot.
Etude Technique
26
Les Outils Technologiques
Angular 9 Node js Spring boot
JQuery Css 3 Npm
Spring Security
Bootstrap
Etude Technique
27
Les Outils Technologiques
Maven PowerDesigner Hibernate
Github JacksonTomcat MySQL
Etude Technique
28
Mise en place
05
29
Cycle de vie de l’application
SPRINT 0:
SPRINT de preparation
01 02 03
SPRINT 1:
Front-Office
SPRINT 2:
Back-Office
30
Demandeur
Décideur Gestionnaire
Mise en
Oeuvre
Du SPRINT 1:
Front-Office
31
Cycle de vie de l’application
SPRINT 0:
SPRINT de preparation
01 02 03
SPRINT 1:
Front-Office
SPRINT 2:
Back-Office
SPRINT 1
32
Demandeur
Décideur Gestionnaire
Specification du Sprint : Front-Office
SPRINT 1 Diagramme de cas d’utilisation du sprint Front-Office
33
Conception du Sprint : Front-Office
SPRINT 1 Diagramme de classe du sprint 1
34
Conception du Sprint : Front-Office
Diagramme de sequence: Remplir une demande
35
SPRINT 1
Diagramme de sequence: Consulter les demandes
36Conception du Sprint : Front-Office
SPRINT 1
Réalisation du Sprint: Front-Office
SPRINT 1
Interface de création
d’une demande
37
Réalisation du Sprint: Front-Office
SPRINT 1 Interface des demandes
38
Réalisation du Sprint: Front-Office
SPRINT 1 Interface de Liste d'équipements
39
Mise en
Oeuvre
Du SPRINT 2:
Back-Office
40
Cycle de vie de l’application
SPRINT 0:
SPRINT de preparation
01 02 03
SPRINT 1:
Front-Office
SPRINT 2:
Back-Office
SPRINT 2
41
Demandeur
Décideur Gestionnaire
Specification du Sprint : Back-Office
SPRINT 2 Diagramme de cas d’utilisation du sprint 2
42
Conception du Sprint : Back-Office
SPRINT 2 Diagramme de classe du sprint 2
43
Conception du
Sprint :
Back-Office
SPRINT 2
Diagramme de sequence: Traiter
les demandes
44
SPRINT 2 Diagramme de sequence: Consulter les statistiques
45Conception du Sprint : Back-Office
Réalisation du Sprint 2
“gestionnaire”
SPRINT 2 Interface des demandeurs
46
Réalisation du Sprint 2
“gestionnaire”
SPRINT 2 Interfaces des reservations
47
Réalisation du Sprint 2
“Décideur”
SPRINT 2
48
Interface Decideur
Réalisation du Sprint 2
“Décideur”
SPRINT 2
49
Interface Decideur
Réalisation du Sprint 2
“Décideur”
SPRINT 2 Interface Decideur
50
Conclusion et
perspective
06
51
● Compréhension du contexte général du projet et les différentes exigences du futur système.
● Choix d’une méthodologie de développement et les outils de développement.
● Retour d’experience.
Conclusion
52
● Développer un module d’évaluation des événements qui sera destiné aux responsables d’
équipements culturels.
● Proposition d’une application mobile.
Perspectives
53
Perspectives
Développer une
application mobile
54
CREDITS: This presentation template was created by Slidesgo, including
icons by Flaticon, and infographics & images by Freepik.
Please keep this slide for attribution.
mohamedkhalil.loukhnati@gmail.com
akhachkhouch@gmail.com
Merci pour votre
attention

Contenu connexe

Tendances

Application web et mobile.potx
Application web et mobile.potxApplication web et mobile.potx
Application web et mobile.potxBelwafi Bilel
 
Presentation pfe
Presentation pfePresentation pfe
Presentation pfezinebcher
 
Projet de fin d’études
Projet de fin d’études  Projet de fin d’études
Projet de fin d’études TombariAhmed
 
Pfe rapport rabiaa hind 04 06 2012
Pfe rapport   rabiaa hind 04 06 2012Pfe rapport   rabiaa hind 04 06 2012
Pfe rapport rabiaa hind 04 06 2012Olaya Hoyame
 
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
 
Présentation (Mémoire fin étude )
Présentation (Mémoire  fin étude )Présentation (Mémoire  fin étude )
Présentation (Mémoire fin étude )Ramzi Noumairi
 
Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Ramzi Noumairi
 
Conception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTSConception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTSFaissoilMkavavo
 
Rapport PFE Application Web Mobiles belwafi bilel
Rapport PFE Application Web Mobiles belwafi bilelRapport PFE Application Web Mobiles belwafi bilel
Rapport PFE Application Web Mobiles belwafi bilelBelwafi Bilel
 
Conception et réalisation d'une plateforme éducative (LMS).
Conception et réalisation d'une plateforme éducative (LMS).Conception et réalisation d'une plateforme éducative (LMS).
Conception et réalisation d'une plateforme éducative (LMS).Nidhal Harrathi
 
Plateforme e-learning PHP
Plateforme e-learning PHP Plateforme e-learning PHP
Plateforme e-learning PHP Saâd Zerhouni
 
présentation soutenance PFE
présentation soutenance PFEprésentation soutenance PFE
présentation soutenance PFEHeithem Moumni
 
Présentation de Projet de Fin d'année - Daoudi Ayoub - Génie informatique ENS...
Présentation de Projet de Fin d'année - Daoudi Ayoub - Génie informatique ENS...Présentation de Projet de Fin d'année - Daoudi Ayoub - Génie informatique ENS...
Présentation de Projet de Fin d'année - Daoudi Ayoub - Génie informatique ENS...ayoub daoudi
 
Rapport de stage de fin d'etude l3 angelito & hasina
Rapport de stage de fin d'etude l3 angelito & hasinaRapport de stage de fin d'etude l3 angelito & hasina
Rapport de stage de fin d'etude l3 angelito & hasinaAngelito Mandimbihasina
 
présentation pfe projet fin d'étude développement et conception d'une applica...
présentation pfe projet fin d'étude développement et conception d'une applica...présentation pfe projet fin d'étude développement et conception d'une applica...
présentation pfe projet fin d'étude développement et conception d'une applica...Raoua Bennasr
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebHarrathi Mohamed
 
Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...Ayoub Mkharbach
 

Tendances (20)

Application web et mobile.potx
Application web et mobile.potxApplication web et mobile.potx
Application web et mobile.potx
 
Presentation pfe
Presentation pfePresentation pfe
Presentation pfe
 
Projet de fin d’études
Projet de fin d’études  Projet de fin d’études
Projet de fin d’études
 
Pfe rapport rabiaa hind 04 06 2012
Pfe rapport   rabiaa hind 04 06 2012Pfe rapport   rabiaa hind 04 06 2012
Pfe rapport rabiaa hind 04 06 2012
 
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
 
Présentation (Mémoire fin étude )
Présentation (Mémoire  fin étude )Présentation (Mémoire  fin étude )
Présentation (Mémoire fin étude )
 
Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...
 
Conception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTSConception et Réalisation Application Web Laravel PFE BTS
Conception et Réalisation Application Web Laravel PFE BTS
 
Rapport PFE Application Web Mobiles belwafi bilel
Rapport PFE Application Web Mobiles belwafi bilelRapport PFE Application Web Mobiles belwafi bilel
Rapport PFE Application Web Mobiles belwafi bilel
 
software engineering
software engineeringsoftware engineering
software engineering
 
Conception et réalisation d'une plateforme éducative (LMS).
Conception et réalisation d'une plateforme éducative (LMS).Conception et réalisation d'une plateforme éducative (LMS).
Conception et réalisation d'une plateforme éducative (LMS).
 
Plateforme e-learning PHP
Plateforme e-learning PHP Plateforme e-learning PHP
Plateforme e-learning PHP
 
présentation soutenance PFE
présentation soutenance PFEprésentation soutenance PFE
présentation soutenance PFE
 
e-barki@
e-barki@e-barki@
e-barki@
 
Présentation de Projet de Fin d'année - Daoudi Ayoub - Génie informatique ENS...
Présentation de Projet de Fin d'année - Daoudi Ayoub - Génie informatique ENS...Présentation de Projet de Fin d'année - Daoudi Ayoub - Génie informatique ENS...
Présentation de Projet de Fin d'année - Daoudi Ayoub - Génie informatique ENS...
 
Rapport de stage de fin d'etude l3 angelito & hasina
Rapport de stage de fin d'etude l3 angelito & hasinaRapport de stage de fin d'etude l3 angelito & hasina
Rapport de stage de fin d'etude l3 angelito & hasina
 
présentation pfe projet fin d'étude développement et conception d'une applica...
présentation pfe projet fin d'étude développement et conception d'une applica...présentation pfe projet fin d'étude développement et conception d'une applica...
présentation pfe projet fin d'étude développement et conception d'une applica...
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site Web
 
Rapportpfe
RapportpfeRapportpfe
Rapportpfe
 
Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...
 

Similaire à Présentation de Projet de Fin d'année Génie informatique ENSA AGADIR

Rapport du Projet de Fin d'année Génie informatique ENSA AGADIR
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIRRapport du Projet de Fin d'année Génie informatique ENSA AGADIR
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIRAHMEDAKHACHKHOUCH
 
App_Gestion_QR.pptx
App_Gestion_QR.pptxApp_Gestion_QR.pptx
App_Gestion_QR.pptxMinaNouhii
 
Présentation PFE Mastère PRO
Présentation PFE Mastère PROPrésentation PFE Mastère PRO
Présentation PFE Mastère PROahmedmiha
 
Chp2 - Cahier des Charges
Chp2 - Cahier des ChargesChp2 - Cahier des Charges
Chp2 - Cahier des ChargesLilia Sfaxi
 
Présentation_PFE_MezianiAbdelhakim (2).pptx
Présentation_PFE_MezianiAbdelhakim (2).pptxPrésentation_PFE_MezianiAbdelhakim (2).pptx
Présentation_PFE_MezianiAbdelhakim (2).pptxTpLink4
 
présentation de PFE
présentation de PFE présentation de PFE
présentation de PFE AmalSouheil1
 
Gestion de Forum des Entreprises de L’ Enicarthage
Gestion de Forum des Entreprises de L’ EnicarthageGestion de Forum des Entreprises de L’ Enicarthage
Gestion de Forum des Entreprises de L’ EnicarthageOumaymaLimeme
 
Drupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAADrupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAAALTER WAY
 
ait_mlouk_addi_presentation_pfe
ait_mlouk_addi_presentation_pfeait_mlouk_addi_presentation_pfe
ait_mlouk_addi_presentation_pfeAddi Ait-Mlouk
 
Fiche de projet vierge pdf
Fiche de projet vierge pdfFiche de projet vierge pdf
Fiche de projet vierge pdfHani sami joga
 
Presentation PFE sur le PIM (Product Information Management)
Presentation PFE sur le PIM (Product Information Management)Presentation PFE sur le PIM (Product Information Management)
Presentation PFE sur le PIM (Product Information Management)younes elmorabit
 
Petit-déjeuner "Secteur Public : Retour d'expérience sur la refonte en agile ...
Petit-déjeuner "Secteur Public : Retour d'expérience sur la refonte en agile ...Petit-déjeuner "Secteur Public : Retour d'expérience sur la refonte en agile ...
Petit-déjeuner "Secteur Public : Retour d'expérience sur la refonte en agile ...OCTO Technology
 
meetup devops aix-marseille 27/10/2022
meetup devops aix-marseille 27/10/2022meetup devops aix-marseille 27/10/2022
meetup devops aix-marseille 27/10/2022Frederic Leger
 
qnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdfqnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdfAlbertbenBarry1
 
Introduction à Android - Janvier 2011
Introduction à Android - Janvier 2011Introduction à Android - Janvier 2011
Introduction à Android - Janvier 2011Aurélien Guillard
 

Similaire à Présentation de Projet de Fin d'année Génie informatique ENSA AGADIR (20)

Rapport du Projet de Fin d'année Génie informatique ENSA AGADIR
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIRRapport du Projet de Fin d'année Génie informatique ENSA AGADIR
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIR
 
App_Gestion_QR.pptx
App_Gestion_QR.pptxApp_Gestion_QR.pptx
App_Gestion_QR.pptx
 
Présentation PFE Mastère PRO
Présentation PFE Mastère PROPrésentation PFE Mastère PRO
Présentation PFE Mastère PRO
 
Chp2 - Cahier des Charges
Chp2 - Cahier des ChargesChp2 - Cahier des Charges
Chp2 - Cahier des Charges
 
Présentation_PFE_MezianiAbdelhakim (2).pptx
Présentation_PFE_MezianiAbdelhakim (2).pptxPrésentation_PFE_MezianiAbdelhakim (2).pptx
Présentation_PFE_MezianiAbdelhakim (2).pptx
 
présentation de PFE
présentation de PFE présentation de PFE
présentation de PFE
 
Gestion de Forum des Entreprises de L’ Enicarthage
Gestion de Forum des Entreprises de L’ EnicarthageGestion de Forum des Entreprises de L’ Enicarthage
Gestion de Forum des Entreprises de L’ Enicarthage
 
Mobilité && SAP
Mobilité && SAPMobilité && SAP
Mobilité && SAP
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
 
Drupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAADrupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAA
 
ait_mlouk_addi_presentation_pfe
ait_mlouk_addi_presentation_pfeait_mlouk_addi_presentation_pfe
ait_mlouk_addi_presentation_pfe
 
Formation Agile Scrum
Formation Agile ScrumFormation Agile Scrum
Formation Agile Scrum
 
Fiche de projet vierge pdf
Fiche de projet vierge pdfFiche de projet vierge pdf
Fiche de projet vierge pdf
 
Presentation PFE sur le PIM (Product Information Management)
Presentation PFE sur le PIM (Product Information Management)Presentation PFE sur le PIM (Product Information Management)
Presentation PFE sur le PIM (Product Information Management)
 
Petit-déjeuner "Secteur Public : Retour d'expérience sur la refonte en agile ...
Petit-déjeuner "Secteur Public : Retour d'expérience sur la refonte en agile ...Petit-déjeuner "Secteur Public : Retour d'expérience sur la refonte en agile ...
Petit-déjeuner "Secteur Public : Retour d'expérience sur la refonte en agile ...
 
Gestion de projet
Gestion de projetGestion de projet
Gestion de projet
 
meetup devops aix-marseille 27/10/2022
meetup devops aix-marseille 27/10/2022meetup devops aix-marseille 27/10/2022
meetup devops aix-marseille 27/10/2022
 
qnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdfqnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdf
 
SOUTENANCE.pptx
SOUTENANCE.pptxSOUTENANCE.pptx
SOUTENANCE.pptx
 
Introduction à Android - Janvier 2011
Introduction à Android - Janvier 2011Introduction à Android - Janvier 2011
Introduction à Android - Janvier 2011
 

Présentation de Projet de Fin d'année Génie informatique ENSA AGADIR