SlideShare une entreprise Scribd logo
1  sur  21
Application WEB Smart-Municipality
Elaboré par :
GHAITH CHERNI
MOHAMED BAHLOUL
RAYEN BEDOUI
Encadré par :
Dr RABIA AZIZA
Présenté le 29 Mai 2019
Introduction
Problématique et objectif
Analyse et conception
Développement
Démonstration
Conclusion
1
2
3
4
5
6
3/21
Introduction
Problématique et objectif
Analyse et conception
Développement
Démonstration
Conclusion
4/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
Smart Municipality
• Les réclamations suite à des imperfections se font en ligne à travers une
plateforme web.
• Les municipalités seront obligées d’améliorer leurs services d’information
et d’interaction à travers une plateforme web.
5/21
Introduction
Problématique et Objectif
Analyse et Conception
Développement
Démonstration
Conclusion
6/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
o Suite à l’augmentation des constructions anarchiques , la manque
d’organisation , les problèmes d’éclairage publiques et la
malpropreté on a eu recourt à concevoir une application qui gère ces
imperfections et fraudes en faisant une réclamation à un organisme
spécifique .
7/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
o Créer une plateforme de connexion et communication entre un
citoyen et sa municipalité.
o Partager les imperfections au municipalité pour intervenir et leurs
corriger .
o Créer un environnement de transparence et outil de contrôle entre le
citoyen et la municipalité .
8/21
Introduction
Problématique et objectif
Analyse et conception
Développement
Démonstration
Conclusion
9/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
Citoyen
 Indique la nature de l’imperfection en
faisant une réclamation.
Administrateur
 Supervise les réclamations des
citoyens et gère les interventions.
10/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
uc Use Case Model
Smart M unicipality
Citoyen
S'inscrire
Ajouter une
réclamation
Effectuer une
recherche
Se connecter
«include»
uc citoyen
Citoyen
Ajouter une
réclamation Se connecter
Importer une
photo
Choisir le type de
dérangement
Importer la
position
«include»«include» «include»
«include»
Admin
Consulter
reclamation
Déposer
intervention
Gérer les
interventions
Modifier
intervention
Archiver
données
Afficher
position
Choisir date
intervention
Choisir
intervention
adéquate
Se connecter
«extend»
«extend»
«include»
«extend»
«include»
«extend»
«extend»«extend»
11/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
12/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
class Class Model
Personne
+ ID: int {id}
+ S'identifier(): char
Citoyen
+ Nom: char
+ Prenom: char
+ Mot_de_passe: int
+ Numero_de_telephone: int
+ S'inscrire(): char
+ Importer photo(): char
+ Chercher(): char
+ Mettre à jour(): char
Admin
+ Code: int
+ Nom_d_utilisateur: char
+ Archiver données(): char
+ Mettre à jour(): char
Interv ention
+ Classification: char
+ Date: int
+ ID: int
Reclamation
+ Date: int
+ ID: int {id}
+ Latitude: double
+ Longitude: doubleRegion
+ Latitude: int
+ Longitude: int
0..1 0..*
0..1
0..*
0..1
0..* 0..*
0..1
13/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
sd seq
Citoyen Systéme Serveur Base
de donnée
loop Champs manquants
Reclamation enregistrée()
Enregistrer liste()
Remplir les champs()
Affihcer formulaire réclamation()
Vérification des champs accomplies()
Renv oyer formulaire()
Env oyer la liste de réclamation()
Ajouter les information de réclamation ()
Demander formulaire reclamation()
Afficher le résultat de l'ajout de réclamation()
14/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
sd Gestion des interv entions
Admin Système Serveur Base
de Données
Sélecctionner le lieu de l'interv ention sur la carte()
Afficher l'info bulle du marqueur()
Afficher la liste des réclamations()
Retourner résultat d'aj out()
Vérifier et enregistrer
dans la BD()
Env oyer la liste au serv eur()
Sauv egarder la liste d'interv ention()
Consulter menu réclamaion()
Afficher un marqueur sur la position choisie()
Afficher les détails d'interv ention dans sa position()
Aj outer les détails de l'interv ention()
sd Gestion des interventions
Admin Système Serveur Base
de Données
Afficher la liste des réclamations()
Consulter menu réclamaion()
Sélecctionner le lieu de l'intervention sur la carte()
Afficher l'info bulle du marqueur()
Afficher la liste des réclamations()
Retourner résultat d'ajout()
Vérifier et enregistrer
dans la BD()
Envoyer la liste au serveur()
Sauvegarder la liste d'intervention()
Afficher un marqueur sur la position choisie()
Afficher les détails d'intervention dans sa position()
Ajouter les détails de l'intervention()
15/21
Introduction
Problématique et objectif
Analyse et conception
Développement
Démonstration
Conclusion
16/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
HTML CSS PHP
BOOT
STRAP
JS
17/21
Introduction
Problématique et objectif
Analyse et conception
Développement
Démonstration
Conclusion
Ici on va mettre la vidéo (démo)
18/21
19/22
Introduction
Problématique et objectif
Analyse et conception
Développement
Démonstration
Conclusion
20/21
Introduction
Problématique et
Objectif
Analyse et
Conception
Développement Démonstration Conclusion
Objectif atteint
o Application web dédié aux citoyens
pour ajouter une réclamation et consulter
les interventions.
o Application web dédié au municipalité
pour consulter les réclamations et gérer
les interventions.
Travail en équipe
o Améliorer nos compétences
o Organiser le travail
Nouvelles connaissances
o Framework Bootstrap
o Back-end web
o JavaScript
o CSS
Perspectives
o On vise à développer une
application mobile qui sera plus
utile et efficace pour notre
solution .
21/21

Contenu connexe

Similaire à Application Web Smart Municipality

developpement_projet_web_part_1
developpement_projet_web_part_1developpement_projet_web_part_1
developpement_projet_web_part_1Rokhaya Barry
 
RDV des TIC 2013 | Ville de québec
RDV des TIC 2013 | Ville de québecRDV des TIC 2013 | Ville de québec
RDV des TIC 2013 | Ville de québecSherbrooke Innopole
 
présentation de PFE
présentation de PFE présentation de PFE
présentation de PFE AmalSouheil1
 
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...Nicolas Boonaert
 
WygDay 2010 - Bing Maps - integrez de la cartographie dans vos applications ...
WygDay 2010  - Bing Maps - integrez de la cartographie dans vos applications ...WygDay 2010  - Bing Maps - integrez de la cartographie dans vos applications ...
WygDay 2010 - Bing Maps - integrez de la cartographie dans vos applications ...Wygwam
 
150130 IDEM - Implission - Eric DAVID - Etat de l'art des portails citoyen
150130 IDEM - Implission - Eric DAVID - Etat de l'art des portails citoyen150130 IDEM - Implission - Eric DAVID - Etat de l'art des portails citoyen
150130 IDEM - Implission - Eric DAVID - Etat de l'art des portails citoyenIDEM-Normandie
 
Final présention [recovered]
Final présention [recovered]Final présention [recovered]
Final présention [recovered]Ahmed rebai
 
Olivier Besson Portfolio
Olivier Besson PortfolioOlivier Besson Portfolio
Olivier Besson PortfolioOlivier Besson
 
Soutenance transparences version_final
Soutenance transparences version_finalSoutenance transparences version_final
Soutenance transparences version_finalVortana Say
 
Évaluation du projet Antenne citoyenne d'Onex: propositions évolutives
Évaluation du projet Antenne citoyenne d'Onex: propositions évolutivesÉvaluation du projet Antenne citoyenne d'Onex: propositions évolutives
Évaluation du projet Antenne citoyenne d'Onex: propositions évolutivesGenève Lab
 
Ville de Lévis : Flexibilité de l'application GOCITÉ
Ville de Lévis : Flexibilité de l'application GOCITÉVille de Lévis : Flexibilité de l'application GOCITÉ
Ville de Lévis : Flexibilité de l'application GOCITÉACSG - Section Montréal
 
References
ReferencesReferences
Referenceshlefleur
 
Modélisation et simulation des réseaux L2 Info UKA 2024.pptx
Modélisation et simulation des réseaux L2 Info UKA 2024.pptxModélisation et simulation des réseaux L2 Info UKA 2024.pptx
Modélisation et simulation des réseaux L2 Info UKA 2024.pptxBernardKabuatila
 
Présentation stage ing_finale
Présentation stage ing_finalePrésentation stage ing_finale
Présentation stage ing_finaleAhmed Abdeljelil
 
An overview of standards and related technology in web services
An overview of standards and related technology in web servicesAn overview of standards and related technology in web services
An overview of standards and related technology in web servicesPapa Cheikh Cisse
 
Présentation de la rencontre du Groupe d'usagers FME_mars 2011
Présentation de la rencontre du Groupe d'usagers FME_mars 2011Présentation de la rencontre du Groupe d'usagers FME_mars 2011
Présentation de la rencontre du Groupe d'usagers FME_mars 2011Consortech
 

Similaire à Application Web Smart Municipality (20)

developpement_projet_web_part_1
developpement_projet_web_part_1developpement_projet_web_part_1
developpement_projet_web_part_1
 
Offre technique
Offre techniqueOffre technique
Offre technique
 
IPTV
IPTVIPTV
IPTV
 
RDV des TIC 2013 | Ville de québec
RDV des TIC 2013 | Ville de québecRDV des TIC 2013 | Ville de québec
RDV des TIC 2013 | Ville de québec
 
présentation de PFE
présentation de PFE présentation de PFE
présentation de PFE
 
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
Bing Maps for Enterprise - Intégrez de la cartographie au sein de vos applica...
 
WygDay 2010 - Bing Maps - integrez de la cartographie dans vos applications ...
WygDay 2010  - Bing Maps - integrez de la cartographie dans vos applications ...WygDay 2010  - Bing Maps - integrez de la cartographie dans vos applications ...
WygDay 2010 - Bing Maps - integrez de la cartographie dans vos applications ...
 
M commerce
M commerceM commerce
M commerce
 
150130 IDEM - Implission - Eric DAVID - Etat de l'art des portails citoyen
150130 IDEM - Implission - Eric DAVID - Etat de l'art des portails citoyen150130 IDEM - Implission - Eric DAVID - Etat de l'art des portails citoyen
150130 IDEM - Implission - Eric DAVID - Etat de l'art des portails citoyen
 
Final présention [recovered]
Final présention [recovered]Final présention [recovered]
Final présention [recovered]
 
Olivier Besson Portfolio
Olivier Besson PortfolioOlivier Besson Portfolio
Olivier Besson Portfolio
 
Soutenance transparences version_final
Soutenance transparences version_finalSoutenance transparences version_final
Soutenance transparences version_final
 
Évaluation du projet Antenne citoyenne d'Onex: propositions évolutives
Évaluation du projet Antenne citoyenne d'Onex: propositions évolutivesÉvaluation du projet Antenne citoyenne d'Onex: propositions évolutives
Évaluation du projet Antenne citoyenne d'Onex: propositions évolutives
 
Viabilité hivernale
Viabilité hivernaleViabilité hivernale
Viabilité hivernale
 
Ville de Lévis : Flexibilité de l'application GOCITÉ
Ville de Lévis : Flexibilité de l'application GOCITÉVille de Lévis : Flexibilité de l'application GOCITÉ
Ville de Lévis : Flexibilité de l'application GOCITÉ
 
References
ReferencesReferences
References
 
Modélisation et simulation des réseaux L2 Info UKA 2024.pptx
Modélisation et simulation des réseaux L2 Info UKA 2024.pptxModélisation et simulation des réseaux L2 Info UKA 2024.pptx
Modélisation et simulation des réseaux L2 Info UKA 2024.pptx
 
Présentation stage ing_finale
Présentation stage ing_finalePrésentation stage ing_finale
Présentation stage ing_finale
 
An overview of standards and related technology in web services
An overview of standards and related technology in web servicesAn overview of standards and related technology in web services
An overview of standards and related technology in web services
 
Présentation de la rencontre du Groupe d'usagers FME_mars 2011
Présentation de la rencontre du Groupe d'usagers FME_mars 2011Présentation de la rencontre du Groupe d'usagers FME_mars 2011
Présentation de la rencontre du Groupe d'usagers FME_mars 2011
 

Dernier

optimisation logistique MLT_231102_155827.pdf
optimisation logistique  MLT_231102_155827.pdfoptimisation logistique  MLT_231102_155827.pdf
optimisation logistique MLT_231102_155827.pdfSoukainaMounawir
 
conception d'un batiment r+4 comparative de defferente ariante de plancher
conception d'un  batiment  r+4 comparative de defferente ariante de plancherconception d'un  batiment  r+4 comparative de defferente ariante de plancher
conception d'un batiment r+4 comparative de defferente ariante de planchermansouriahlam
 
firefly algoriyhm sac a dos step by step .pdf
firefly algoriyhm sac a dos step by step .pdffirefly algoriyhm sac a dos step by step .pdf
firefly algoriyhm sac a dos step by step .pdffirstjob4
 
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024Ville de Châteauguay
 
Algo II: les files cours + exercices corrigés
Algo II: les files cours + exercices corrigésAlgo II: les files cours + exercices corrigés
Algo II: les files cours + exercices corrigésSana REFAI
 
comprehension de DDMRP dans le domaine de gestion
comprehension de DDMRP dans le domaine de gestioncomprehension de DDMRP dans le domaine de gestion
comprehension de DDMRP dans le domaine de gestionyakinekaidouchi1
 

Dernier (7)

optimisation logistique MLT_231102_155827.pdf
optimisation logistique  MLT_231102_155827.pdfoptimisation logistique  MLT_231102_155827.pdf
optimisation logistique MLT_231102_155827.pdf
 
conception d'un batiment r+4 comparative de defferente ariante de plancher
conception d'un  batiment  r+4 comparative de defferente ariante de plancherconception d'un  batiment  r+4 comparative de defferente ariante de plancher
conception d'un batiment r+4 comparative de defferente ariante de plancher
 
firefly algoriyhm sac a dos step by step .pdf
firefly algoriyhm sac a dos step by step .pdffirefly algoriyhm sac a dos step by step .pdf
firefly algoriyhm sac a dos step by step .pdf
 
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
Présentation_Soirée-Information_ Surverse_Thibert _30 avril 2024
 
Algo II: les files cours + exercices corrigés
Algo II: les files cours + exercices corrigésAlgo II: les files cours + exercices corrigés
Algo II: les files cours + exercices corrigés
 
JTC 2024 Bâtiment et Photovoltaïque.pdf
JTC 2024  Bâtiment et Photovoltaïque.pdfJTC 2024  Bâtiment et Photovoltaïque.pdf
JTC 2024 Bâtiment et Photovoltaïque.pdf
 
comprehension de DDMRP dans le domaine de gestion
comprehension de DDMRP dans le domaine de gestioncomprehension de DDMRP dans le domaine de gestion
comprehension de DDMRP dans le domaine de gestion
 

Application Web Smart Municipality

Notes de l'éditeur

  1. L’architecture de notre application est 3-tiers En effet, nous avons 3 niveaux Le client : Le demandeur de ressources il est très léger étant donné qu’il n’a aucun rôle de traitement Le serveur d'application : (appelé aussi middleware) le serveur chargé de fournir la ressource mais faisant appel à un autre serveur Le serveur secondaire (généralement un serveur de base de données), fournissant un service au premier serveur
  2. Le diagramme de séquence, décrit les scénarios de chaque cas d’utilisation