SlideShare une entreprise Scribd logo
1  sur  13
</ Développement d'une application de
cartographie interactive sur internet >
Soutenance de stage de fin d’études
Présentée par Khadim MBACKÉ
Responsable du Master Maître de stage
Mr. Thierry JOLIVEAU Mr. Christophe CHILLET
Le 14 septembre 2015
« Inventaire et suivi des câbles dangereux pour la protection de l’avifaune »
Introduction Structure Contexte Missions Conclusion
1. Structure d’accueil
2. Contexte du stage
3. Missions effectuées
4. Démonstration
5. Bilan
</ Le stage >
Démonstration
Plan
Du 07 avril au 06 octobre 2015
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#2
#3
 Qu’est-ce qu’un parc national ?
 Le Parc de la Vanoise: 1963
 Missions
</ Le Parc national de la Vanoise >
Introduction Structure Contexte Missions Conclusion
Démonstration
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#4
</ Le SIG dans les parcs nationaux >
 Le SIG ?
 Le webmapping
 L’open source
Introduction Structure Contexte Missions Conclusion
Démonstration
Le webmapping
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#5
</ Objectif du stage >
 Câbles électriques & remontées mécaniques
 Grands rapaces
 Projet LIFE: réduire mortalité
Application de cartographie
interactive : Câbles
Introduction Structure Contexte Missions Conclusion
Démonstration
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#6
</ Comment ça marche? >
Introduction Structure Contexte Missions Conclusion
Démonstration
Modèle MVC ?
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#7
Le Client: AngularJS, Leaflet et Bootstrap
 Modules & contrôleurs
 Leaflet: module « mapServices »
 Requête HTTP
 Ergonomie : Bootstrap
</ Comment ça marche? >
Introduction Structure Contexte Missions Conclusion
Démonstration
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#8
 Doctrine: le mapping
 Réponse HTTP
 JSON ou GeoJSON
Le Serveur: PostgreSQL/PostGIS et Symfony2
</ Comment ça marche? >
Introduction Structure Contexte Missions Conclusion
Démonstration
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#9
 Base de données
 Mapping & CRUD
 GeoJSON & schémas
Ce que j’ai fait:
</ Etapes >
Coté Serveur
Introduction Structure Contexte Missions Conclusion
Démonstration
Aperçu du modèle de la base données
Câbles
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#10
 Contrôleurs & modules…
 Module « MapServices »
 Ergonomie
</ Etapes >
Introduction Structure Contexte Missions Conclusion
Démonstration
Ce que j’ai fait:
Coté Client
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#11Introduction Structure Contexte Missions Conclusion
Démonstration
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#12
1. Pour le Parc
 Outil open source
 Mutualisation
2. Pour moi
 Définition de projet
 Compétences informatiques et SIG
 Mise en pratique des connaissances acquises
3. Et la suite?
</ Bilan >
Introduction Structure Contexte Missions Conclusion
Démonstration
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
#13
</ Merci de votre attention ! >
Introduction Structure Contexte Missions Conclusion
Démonstration
Développement d'une application de cartographie interactive sur internet - Khadim MBACKE

Contenu connexe

Tendances

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
 
Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Mohammed JAITI
 
Soutenance de pfe (Hamid&ichrak) Isg sousse 2016
Soutenance de pfe (Hamid&ichrak) Isg sousse 2016Soutenance de pfe (Hamid&ichrak) Isg sousse 2016
Soutenance de pfe (Hamid&ichrak) Isg sousse 2016Abdelhamid Néji
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking Khaled Fayala
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Riadh K.
 
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
 
Rapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed AmineRapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed AmineMohamed Amine Mahmoudi
 
Gestion des Projets des Fin d'etudes ( Version Alpha )
Gestion des Projets des Fin d'etudes ( Version Alpha )Gestion des Projets des Fin d'etudes ( Version Alpha )
Gestion des Projets des Fin d'etudes ( Version Alpha )Ayed CHOKRI
 
Presentation PPT-Marwen ben khalifa
Presentation PPT-Marwen ben khalifaPresentation PPT-Marwen ben khalifa
Presentation PPT-Marwen ben khalifaMarwen Ben Khalifa
 
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
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Riadh K.
 
Développement d’une application Web et mobile d’un annuaire médical
Développement d’une application Web et mobile d’un annuaire médicalDéveloppement d’une application Web et mobile d’un annuaire médical
Développement d’une application Web et mobile d’un annuaire médicallitayem bechir
 
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 de stage PFE ( DUT) chez Synthèse Conseil - Jaiti Mohammed
Rapport de stage PFE ( DUT) chez Synthèse Conseil  - Jaiti MohammedRapport de stage PFE ( DUT) chez Synthèse Conseil  - Jaiti Mohammed
Rapport de stage PFE ( DUT) chez Synthèse Conseil - Jaiti MohammedMohammed JAITI
 
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
 
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 application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...
Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...
Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...MOHAMMED MOURADI
 
Projet de fin d’études
Projet de fin d’études  Projet de fin d’études
Projet de fin d’études TombariAhmed
 

Tendances (20)

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...
 
Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT) Soutenance de Mon PFE de Stage (DUT)
Soutenance de Mon PFE de Stage (DUT)
 
Soutenance de pfe (Hamid&ichrak) Isg sousse 2016
Soutenance de pfe (Hamid&ichrak) Isg sousse 2016Soutenance de pfe (Hamid&ichrak) Isg sousse 2016
Soutenance de pfe (Hamid&ichrak) Isg sousse 2016
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
 
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
 
Rapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed AmineRapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed Amine
 
Gestion des Projets des Fin d'etudes ( Version Alpha )
Gestion des Projets des Fin d'etudes ( Version Alpha )Gestion des Projets des Fin d'etudes ( Version Alpha )
Gestion des Projets des Fin d'etudes ( Version Alpha )
 
Presentation PPT-Marwen ben khalifa
Presentation PPT-Marwen ben khalifaPresentation PPT-Marwen ben khalifa
Presentation PPT-Marwen ben khalifa
 
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 ...
 
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
Rapport PFE : Développement D'une application de gestion des cartes de fidéli...
 
Développement d’une application Web et mobile d’un annuaire médical
Développement d’une application Web et mobile d’un annuaire médicalDéveloppement d’une application Web et mobile d’un annuaire médical
Développement d’une application Web et mobile d’un annuaire médical
 
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 de stage PFE ( DUT) chez Synthèse Conseil - Jaiti Mohammed
Rapport de stage PFE ( DUT) chez Synthèse Conseil  - Jaiti MohammedRapport de stage PFE ( DUT) chez Synthèse Conseil  - Jaiti Mohammed
Rapport de stage PFE ( DUT) chez Synthèse Conseil - Jaiti Mohammed
 
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
 
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 application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...
Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...
Rapport application web (Spring BOOT,angular4) et mobile(ionc3) gestion des a...
 
Projet de fin d’études
Projet de fin d’études  Projet de fin d’études
Projet de fin d’études
 
Rapport pfa
Rapport pfaRapport pfa
Rapport pfa
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
 

En vedette

Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2Ben Abdelwahed Slim
 
Soutenance de stage Octo Technology
Soutenance de stage Octo TechnologySoutenance de stage Octo Technology
Soutenance de stage Octo TechnologyTristan Michelet
 
rapport de stage
rapport de stagerapport de stage
rapport de stageMarouane Gh
 
Roman joliveau
Roman joliveauRoman joliveau
Roman joliveaukmichel69
 
Olivier BARGE : Cerf-volant et photogrammétrie pour l'archéologie
Olivier BARGE : Cerf-volant et photogrammétrie pour l'archéologieOlivier BARGE : Cerf-volant et photogrammétrie pour l'archéologie
Olivier BARGE : Cerf-volant et photogrammétrie pour l'archéologiekmichel69
 
Géolocalisation de données et conception de cartes interactives
Géolocalisation de données et conception de cartes interactivesGéolocalisation de données et conception de cartes interactives
Géolocalisation de données et conception de cartes interactivesPhilippe Gambette
 
Cartographie et SIG_Partie4
Cartographie et SIG_Partie4Cartographie et SIG_Partie4
Cartographie et SIG_Partie4Ibrahima Sylla
 
soft-shake.ch - Développement d'une application iPhone pilotée par les tests
soft-shake.ch - Développement d'une application iPhone pilotée par les testssoft-shake.ch - Développement d'une application iPhone pilotée par les tests
soft-shake.ch - Développement d'une application iPhone pilotée par les testssoft-shake.ch
 
Danone Univer Sell 2010 Cest Quoi
Danone Univer Sell 2010 Cest QuoiDanone Univer Sell 2010 Cest Quoi
Danone Univer Sell 2010 Cest QuoiDanone Jobs
 
rapport_de_stage_M2_Hugues_Odegaard
rapport_de_stage_M2_Hugues_Odegaardrapport_de_stage_M2_Hugues_Odegaard
rapport_de_stage_M2_Hugues_OdegaardHugues Odegaard
 
Présentation-LF-SI16-002
Présentation-LF-SI16-002Présentation-LF-SI16-002
Présentation-LF-SI16-002Waçym M'nasri
 
Le Développement d’une Application Web
Le Développement d’une Application WebLe Développement d’une Application Web
Le Développement d’une Application WebMalick Mbaye
 
Soutenance de fin d’étude promotion srs 2012
Soutenance de fin d’étude promotion srs 2012Soutenance de fin d’étude promotion srs 2012
Soutenance de fin d’étude promotion srs 2012jedjenderedjian
 
Asp.net Tutorials de L'application "Organizer"
Asp.net Tutorials de L'application "Organizer"Asp.net Tutorials de L'application "Organizer"
Asp.net Tutorials de L'application "Organizer"Nazih Heni
 

En vedette (20)

Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2
 
Soutenance de stage Octo Technology
Soutenance de stage Octo TechnologySoutenance de stage Octo Technology
Soutenance de stage Octo Technology
 
rapport de stage
rapport de stagerapport de stage
rapport de stage
 
Roman joliveau
Roman joliveauRoman joliveau
Roman joliveau
 
Olivier BARGE : Cerf-volant et photogrammétrie pour l'archéologie
Olivier BARGE : Cerf-volant et photogrammétrie pour l'archéologieOlivier BARGE : Cerf-volant et photogrammétrie pour l'archéologie
Olivier BARGE : Cerf-volant et photogrammétrie pour l'archéologie
 
Géolocalisation de données et conception de cartes interactives
Géolocalisation de données et conception de cartes interactivesGéolocalisation de données et conception de cartes interactives
Géolocalisation de données et conception de cartes interactives
 
Cartographie et SIG_Partie4
Cartographie et SIG_Partie4Cartographie et SIG_Partie4
Cartographie et SIG_Partie4
 
Powerpoint veille2
Powerpoint veille2Powerpoint veille2
Powerpoint veille2
 
soft-shake.ch - Développement d'une application iPhone pilotée par les tests
soft-shake.ch - Développement d'une application iPhone pilotée par les testssoft-shake.ch - Développement d'une application iPhone pilotée par les tests
soft-shake.ch - Développement d'une application iPhone pilotée par les tests
 
Danone Univer Sell 2010 Cest Quoi
Danone Univer Sell 2010 Cest QuoiDanone Univer Sell 2010 Cest Quoi
Danone Univer Sell 2010 Cest Quoi
 
rapport_de_stage_M2_Hugues_Odegaard
rapport_de_stage_M2_Hugues_Odegaardrapport_de_stage_M2_Hugues_Odegaard
rapport_de_stage_M2_Hugues_Odegaard
 
concours innovation cnfpt
concours innovation cnfptconcours innovation cnfpt
concours innovation cnfpt
 
Développement informatique : Programmation réseau
Développement informatique : Programmation réseauDéveloppement informatique : Programmation réseau
Développement informatique : Programmation réseau
 
OpenAge
OpenAgeOpenAge
OpenAge
 
PHP5 et Zend Framework
PHP5 et Zend FrameworkPHP5 et Zend Framework
PHP5 et Zend Framework
 
Présentation-LF-SI16-002
Présentation-LF-SI16-002Présentation-LF-SI16-002
Présentation-LF-SI16-002
 
Le Développement d’une Application Web
Le Développement d’une Application WebLe Développement d’une Application Web
Le Développement d’une Application Web
 
Projet Domurpic
Projet DomurpicProjet Domurpic
Projet Domurpic
 
Soutenance de fin d’étude promotion srs 2012
Soutenance de fin d’étude promotion srs 2012Soutenance de fin d’étude promotion srs 2012
Soutenance de fin d’étude promotion srs 2012
 
Asp.net Tutorials de L'application "Organizer"
Asp.net Tutorials de L'application "Organizer"Asp.net Tutorials de L'application "Organizer"
Asp.net Tutorials de L'application "Organizer"
 

Similaire à Développement d'une application de cartographie interactive sur internet

Soutenance transparences version_final
Soutenance transparences version_finalSoutenance transparences version_final
Soutenance transparences version_finalVortana Say
 
Présentation mémoire de Fin d’Etudes
Présentation mémoire de Fin d’EtudesPrésentation mémoire de Fin d’Etudes
Présentation mémoire de Fin d’EtudesAmine MEGDICHE
 
Partie 2: Angular
Partie 2: AngularPartie 2: Angular
Partie 2: AngularHabib Ayad
 
Démocratisation des images de relevé mobile sur le Web
Démocratisation des images de relevé mobile sur le WebDémocratisation des images de relevé mobile sur le Web
Démocratisation des images de relevé mobile sur le WebACSG - Section Montréal
 
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
 
Fadi hchifa CV
Fadi hchifa CVFadi hchifa CV
Fadi hchifa CVFadiHchifa
 
MEMOIRE DE FIN DE CYCLE Pour l’obtention du : Master 2 en SIR (REALISATION D...
MEMOIRE DE FIN DE CYCLE Pour l’obtention du : Master 2  en SIR (REALISATION D...MEMOIRE DE FIN DE CYCLE Pour l’obtention du : Master 2  en SIR (REALISATION D...
MEMOIRE DE FIN DE CYCLE Pour l’obtention du : Master 2 en SIR (REALISATION D...Olympe Tchibozo
 
Rapport version finale kouakou aboua pokou alexis
Rapport version finale kouakou aboua pokou alexis Rapport version finale kouakou aboua pokou alexis
Rapport version finale kouakou aboua pokou alexis abouaalexis
 
Rapport pfe ingénieur ilyes issaoui
Rapport pfe ingénieur ilyes issaouiRapport pfe ingénieur ilyes issaoui
Rapport pfe ingénieur ilyes issaouiIssaoui Ilyes
 
Plateformes et infrastructure infonuagique natif de ville de Montréall
Plateformes et infrastructure infonuagique natif de ville de MontréallPlateformes et infrastructure infonuagique natif de ville de Montréall
Plateformes et infrastructure infonuagique natif de ville de MontréallCloudOps2005
 
Projet PFE corrigé latest
Projet PFE corrigé latestProjet PFE corrigé latest
Projet PFE corrigé latestahed bf
 
Une librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre serviceUne librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre serviceACSG - Section Montréal
 

Similaire à Développement d'une application de cartographie interactive sur internet (20)

Soutenance transparences version_final
Soutenance transparences version_finalSoutenance transparences version_final
Soutenance transparences version_final
 
CV_Bilel CHAOUADI
CV_Bilel CHAOUADICV_Bilel CHAOUADI
CV_Bilel CHAOUADI
 
CV REBAI Hamida
CV REBAI HamidaCV REBAI Hamida
CV REBAI Hamida
 
Présentation mémoire de Fin d’Etudes
Présentation mémoire de Fin d’EtudesPrésentation mémoire de Fin d’Etudes
Présentation mémoire de Fin d’Etudes
 
Cv kouadio kouame_olivier
Cv kouadio kouame_olivier Cv kouadio kouame_olivier
Cv kouadio kouame_olivier
 
Partie 2: Angular
Partie 2: AngularPartie 2: Angular
Partie 2: Angular
 
Démocratisation des images de relevé mobile sur le Web
Démocratisation des images de relevé mobile sur le WebDémocratisation des images de relevé mobile sur le Web
Démocratisation des images de relevé mobile sur le Web
 
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
 
Fadi hchifa CV
Fadi hchifa CVFadi hchifa CV
Fadi hchifa CV
 
TP GWT JDEV 2015
TP GWT JDEV 2015TP GWT JDEV 2015
TP GWT JDEV 2015
 
MEMOIRE DE FIN DE CYCLE Pour l’obtention du : Master 2 en SIR (REALISATION D...
MEMOIRE DE FIN DE CYCLE Pour l’obtention du : Master 2  en SIR (REALISATION D...MEMOIRE DE FIN DE CYCLE Pour l’obtention du : Master 2  en SIR (REALISATION D...
MEMOIRE DE FIN DE CYCLE Pour l’obtention du : Master 2 en SIR (REALISATION D...
 
Rapport version finale kouakou aboua pokou alexis
Rapport version finale kouakou aboua pokou alexis Rapport version finale kouakou aboua pokou alexis
Rapport version finale kouakou aboua pokou alexis
 
Tht cv french
Tht cv frenchTht cv french
Tht cv french
 
Rapport pfe ingénieur ilyes issaoui
Rapport pfe ingénieur ilyes issaouiRapport pfe ingénieur ilyes issaoui
Rapport pfe ingénieur ilyes issaoui
 
Formation gwt
Formation gwtFormation gwt
Formation gwt
 
Plateformes et infrastructure infonuagique natif de ville de Montréall
Plateformes et infrastructure infonuagique natif de ville de MontréallPlateformes et infrastructure infonuagique natif de ville de Montréall
Plateformes et infrastructure infonuagique natif de ville de Montréall
 
Mobilité && SAP
Mobilité && SAPMobilité && SAP
Mobilité && SAP
 
Projet PFE corrigé latest
Projet PFE corrigé latestProjet PFE corrigé latest
Projet PFE corrigé latest
 
Mon CV Detaillé
Mon CV Detaillé Mon CV Detaillé
Mon CV Detaillé
 
Une librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre serviceUne librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre service
 

Développement d'une application de cartographie interactive sur internet

  • 1. </ Développement d'une application de cartographie interactive sur internet > Soutenance de stage de fin d’études Présentée par Khadim MBACKÉ Responsable du Master Maître de stage Mr. Thierry JOLIVEAU Mr. Christophe CHILLET Le 14 septembre 2015 « Inventaire et suivi des câbles dangereux pour la protection de l’avifaune »
  • 2. Introduction Structure Contexte Missions Conclusion 1. Structure d’accueil 2. Contexte du stage 3. Missions effectuées 4. Démonstration 5. Bilan </ Le stage > Démonstration Plan Du 07 avril au 06 octobre 2015 Développement d'une application de cartographie interactive sur internet - Khadim MBACKE #2
  • 3. #3  Qu’est-ce qu’un parc national ?  Le Parc de la Vanoise: 1963  Missions </ Le Parc national de la Vanoise > Introduction Structure Contexte Missions Conclusion Démonstration Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
  • 4. #4 </ Le SIG dans les parcs nationaux >  Le SIG ?  Le webmapping  L’open source Introduction Structure Contexte Missions Conclusion Démonstration Le webmapping Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
  • 5. #5 </ Objectif du stage >  Câbles électriques & remontées mécaniques  Grands rapaces  Projet LIFE: réduire mortalité Application de cartographie interactive : Câbles Introduction Structure Contexte Missions Conclusion Démonstration Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
  • 6. #6 </ Comment ça marche? > Introduction Structure Contexte Missions Conclusion Démonstration Modèle MVC ? Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
  • 7. #7 Le Client: AngularJS, Leaflet et Bootstrap  Modules & contrôleurs  Leaflet: module « mapServices »  Requête HTTP  Ergonomie : Bootstrap </ Comment ça marche? > Introduction Structure Contexte Missions Conclusion Démonstration Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
  • 8. #8  Doctrine: le mapping  Réponse HTTP  JSON ou GeoJSON Le Serveur: PostgreSQL/PostGIS et Symfony2 </ Comment ça marche? > Introduction Structure Contexte Missions Conclusion Démonstration Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
  • 9. #9  Base de données  Mapping & CRUD  GeoJSON & schémas Ce que j’ai fait: </ Etapes > Coté Serveur Introduction Structure Contexte Missions Conclusion Démonstration Aperçu du modèle de la base données Câbles Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
  • 10. #10  Contrôleurs & modules…  Module « MapServices »  Ergonomie </ Etapes > Introduction Structure Contexte Missions Conclusion Démonstration Ce que j’ai fait: Coté Client Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
  • 11. #11Introduction Structure Contexte Missions Conclusion Démonstration Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
  • 12. #12 1. Pour le Parc  Outil open source  Mutualisation 2. Pour moi  Définition de projet  Compétences informatiques et SIG  Mise en pratique des connaissances acquises 3. Et la suite? </ Bilan > Introduction Structure Contexte Missions Conclusion Démonstration Développement d'une application de cartographie interactive sur internet - Khadim MBACKE
  • 13. #13 </ Merci de votre attention ! > Introduction Structure Contexte Missions Conclusion Démonstration Développement d'une application de cartographie interactive sur internet - Khadim MBACKE