Présenté par Issaoui IlyesEncadré par Oualid Khayati (ISAMM)Frédéric Trastour (Spaceyes)Conception et réalisation des libr...
PlanInstitut Supérieur des Arts Multimédias de la ManoubaIntroductionAnalyse et conceptionRéalisation et testConclusion2Et...
IntroductionPrésentation du SpacEyesZ.I. de lArgile, 460 av de la quieravoie K, bat 119b 06370 Mouans-SartouxFRANCE3• 10 a...
IntroductionPrésentation du SpacEyes4• Une gamme complète de logicielsInstitut Supérieur des Arts Multimédias de la Manouba
IntroductionPrésentation du projet5Institut Supérieur des Arts Multimédias de la ManoubaProblématiqueDévelopper un ensembl...
IntroductionPrésentation du projet6Institut Supérieur des Arts Multimédias de la ManoubaWeb service géomatiqueGoogle, Osm,...
IntroductionPrésentation du projet7Institut Supérieur des Arts Multimédias de la ManoubaObjectifo Géocoder uneadresseo Géo...
Institut Supérieur des Arts Multimédias de la Manouba• Permet d’intégrer la technologie SpacEyes3Ddans une application cla...
Institut Supérieur des Arts Multimédias de la Manouba 9Etude de l’existantGéocodage• Gratuit• Géocodage côté client• Géoco...
Institut Supérieur des Arts Multimédias de la Manouba 10Etude de l’existantVues Immersives• Gratuit• Fourni seulement par ...
Institut Supérieur des Arts Multimédias de la Manouba 11Etude de l’existantSlippy Maps• Framework JavaScript• Open source•...
Institut Supérieur des Arts Multimédias de la Manouba 12Analyse et conceptionArchitecture• Même architecture pour les troi...
Machine ClientInstitut Supérieur des Arts Multimédias de la Manouba 13Machine ClientNavigateur PluginServeurIndex.htmlModu...
Institut Supérieur des Arts Multimédias de la Manouba 14Analyse et conceptionGéocodageBesoins fonctionnellesAnalyse• Dével...
Institut Supérieur des Arts Multimédias de la Manouba 15Analyse et conceptionGéocodageConception
Institut Supérieur des Arts Multimédias de la Manouba 16Diagramme de classe– Module Géocodage
Institut Supérieur des Arts Multimédias de la Manouba 17Analyse et conceptionVues immersivesBesoins fonctionnelsAnalyse• D...
Institut Supérieur des Arts Multimédias de la Manouba 18Analyse et conceptionVues immersivesConception
Institut Supérieur des Arts Multimédias de la Manouba 19Diagramme de classe– Module Google Street View
Institut Supérieur des Arts Multimédias de la Manouba 20Analyse et conceptionSlippy MapsBesoins fonctionnelsAnalyse• Dével...
Institut Supérieur des Arts Multimédias de la Manouba 21Analyse et conceptionSlippy MapsConception
Institut Supérieur des Arts Multimédias de la Manouba 22Diagramme de classe– Module Google Street View
Institut Supérieur des Arts Multimédias de la Manouba 23Réalisation et testGéocodageDiagramme de cas d’utilisation• Applic...
Institut Supérieur des Arts Multimédias de la Manouba 24Réalisation et testGéocodageDiagramme de séquence• Système : crée ...
Institut Supérieur des Arts Multimédias de la Manouba 25Réalisation et testGoogle Street ViewDiagramme de cas d’utilisatio...
Institut Supérieur des Arts Multimédias de la Manouba 26Réalisation et testGoogle Street ViewMode Navigation• Trois marque...
Institut Supérieur des Arts Multimédias de la Manouba 27Réalisation et testGoogle Street ViewMode Manipulation• Trois marq...
Institut Supérieur des Arts Multimédias de la Manouba 28Réalisation et testSlippy MapsDiagramme de cas d’utilisation• Même...
Institut Supérieur des Arts Multimédias de la Manouba 29Réalisation et testSlippy MapsOpenLayers implémentation• Synchroni...
Institut Supérieur des Arts Multimédias de la Manouba 30Réalisation et test
Institut Supérieur des Arts Multimédias de la Manouba 31Conclusion• Interopérabilité du plugin SPACEYES• Modules validés e...
Institut Supérieur des Arts Multimédias de la Manouba 32Conclusion• Accrocher la chance dune expérience professionnelle da...
Merci Pour Votre AttentionInstitut Supérieur des Arts Multimédias de la Manouba33
Prochain SlideShare
Chargement dans…5
×

Exposé pfe

1 528 vues

Publié le

Exposé de mémoire de Fin d'Etudes Ingénieur informatique
Sujet : Réalisation de librairies réutilisables mettant en avant l'interopérabilité de la solution Web du SpacEyes avec d'autres technologies

Publié dans : Technologie
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 528
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
89
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Exposé pfe

  1. 1. Présenté par Issaoui IlyesEncadré par Oualid Khayati (ISAMM)Frédéric Trastour (Spaceyes)Conception et réalisation des librairies réutilisables mettanten avant l’interopérabilité de la solution SPACEYES avecd’autres technologieSoutenance deMémoire de Fin d’Etude
  2. 2. PlanInstitut Supérieur des Arts Multimédias de la ManoubaIntroductionAnalyse et conceptionRéalisation et testConclusion2Etude de l’existant
  3. 3. IntroductionPrésentation du SpacEyesZ.I. de lArgile, 460 av de la quieravoie K, bat 119b 06370 Mouans-SartouxFRANCE3• 10 ans dans l’édition des solutions cartographiques• Collaboration avec plusieurs partenairesInstitut Supérieur des Arts Multimédias de la Manouba
  4. 4. IntroductionPrésentation du SpacEyes4• Une gamme complète de logicielsInstitut Supérieur des Arts Multimédias de la Manouba
  5. 5. IntroductionPrésentation du projet5Institut Supérieur des Arts Multimédias de la ManoubaProblématiqueDévelopper un ensemble decomposants logiciel permettantde faciliter l’utilisation combinée• Apparition des services web degéomatique gratuites• Problème d’interopérabilité de lasolution cartographiqueSpacEyes3d
  6. 6. IntroductionPrésentation du projet6Institut Supérieur des Arts Multimédias de la ManoubaWeb service géomatiqueGoogle, Osm, Bing, Yahoo…+Solution SpacEyes3dObjectif
  7. 7. IntroductionPrésentation du projet7Institut Supérieur des Arts Multimédias de la ManoubaObjectifo Géocoder uneadresseo Géocoder inverseGéocodageo Diaporama 360°o Synchronisation avecla carte du SpacEyesStreet Viewo Cartes de différentsfournisseurso SynchronisationSlippy Maps• Développer trois modules
  8. 8. Institut Supérieur des Arts Multimédias de la Manouba• Permet d’intégrer la technologie SpacEyes3Ddans une application classique ou dans uneapplication web8Etude de l’existantSpacEyes3D Plugin• Peut être intégrer sous deux formes– Un composant ActiveX– Un Plugin à destination des navigateurs(Internet explorer, Firefox, Chrome)
  9. 9. Institut Supérieur des Arts Multimédias de la Manouba 9Etude de l’existantGéocodage• Gratuit• Géocodage côté client• Géocodage côté serveur• REST API• Gratuit• Nécessite une clé• Par adresse, par point, parrequête• Mapquest API• OpenMapquestAPI
  10. 10. Institut Supérieur des Arts Multimédias de la Manouba 10Etude de l’existantVues Immersives• Gratuit• Fourni seulement par l’API Google MapsGoogle Steet View
  11. 11. Institut Supérieur des Arts Multimédias de la Manouba 11Etude de l’existantSlippy Maps• Framework JavaScript• Open source• Rend facile de mettre une carte dansnimporte quelle page web• Framework JavaScript, 28 Ko• Open source• Efficace pour toutes les plateformes
  12. 12. Institut Supérieur des Arts Multimédias de la Manouba 12Analyse et conceptionArchitecture• Même architecture pour les trois modules• Le développeur crée un nouveau système en editant « index.html »
  13. 13. Machine ClientInstitut Supérieur des Arts Multimédias de la Manouba 13Machine ClientNavigateur PluginServeurIndex.htmlModulesSpacEyesLibrairyFournisseurs desServicesServeurSpacEyes
  14. 14. Institut Supérieur des Arts Multimédias de la Manouba 14Analyse et conceptionGéocodageBesoins fonctionnellesAnalyse• Développeur• Ajouter le service géocodage etgéocodage inverse.• Ajouter le service auto complétion• L’utilisateur• Géocode une adresse• Géocode inverse d’un point• Zoomer sur un résultat
  15. 15. Institut Supérieur des Arts Multimédias de la Manouba 15Analyse et conceptionGéocodageConception
  16. 16. Institut Supérieur des Arts Multimédias de la Manouba 16Diagramme de classe– Module Géocodage
  17. 17. Institut Supérieur des Arts Multimédias de la Manouba 17Analyse et conceptionVues immersivesBesoins fonctionnelsAnalyse• Développeur• Ajouter le service Google StreetView• Spécifier des paramètres• L’utilisateur• Naviguer sur le panorama• Chercher des panoramas en déplaçantle marqueur sur la scène.• Naviguer sur la scène 3d.
  18. 18. Institut Supérieur des Arts Multimédias de la Manouba 18Analyse et conceptionVues immersivesConception
  19. 19. Institut Supérieur des Arts Multimédias de la Manouba 19Diagramme de classe– Module Google Street View
  20. 20. Institut Supérieur des Arts Multimédias de la Manouba 20Analyse et conceptionSlippy MapsBesoins fonctionnelsAnalyse• Développeur• Ajouter une couche du mapGoogle, Osm et / ou Bing• Spécifier un certain nombre d’options• L’utilisateur• Naviguer sur la scène 3d et 2d ,• Commuter entre les couches des map.• Activer/Désactiver les calques desmarqueurs.• Glisser le marqueur sur la map 2d et 3d
  21. 21. Institut Supérieur des Arts Multimédias de la Manouba 21Analyse et conceptionSlippy MapsConception
  22. 22. Institut Supérieur des Arts Multimédias de la Manouba 22Diagramme de classe– Module Google Street View
  23. 23. Institut Supérieur des Arts Multimédias de la Manouba 23Réalisation et testGéocodageDiagramme de cas d’utilisation• Application crée par le développeur• Utilise le module du géocodage
  24. 24. Institut Supérieur des Arts Multimédias de la Manouba 24Réalisation et testGéocodageDiagramme de séquence• Système : crée par le développeur• Fournisseur : Google, Osm, Bing
  25. 25. Institut Supérieur des Arts Multimédias de la Manouba 25Réalisation et testGoogle Street ViewDiagramme de cas d’utilisation• Système : crée par le développeur• Le système gère la synchronisation
  26. 26. Institut Supérieur des Arts Multimédias de la Manouba 26Réalisation et testGoogle Street ViewMode Navigation• Trois marqueurs:• Bonhomme (image)• Cercle (Point)• Flèche (Polygon)
  27. 27. Institut Supérieur des Arts Multimédias de la Manouba 27Réalisation et testGoogle Street ViewMode Manipulation• Trois marqueurs:• Bonhomme : suit la souris• Cercle vert : dessiné au dessus du map et suit lasouris• Cercle rouge : prends les dernières coordonnées dupoint trouvé
  28. 28. Institut Supérieur des Arts Multimédias de la Manouba 28Réalisation et testSlippy MapsDiagramme de cas d’utilisation• Même fonctionnement pour les deux implémentationsOpenLayers et Leaflet• Synchronisation 2d / 3d
  29. 29. Institut Supérieur des Arts Multimédias de la Manouba 29Réalisation et testSlippy MapsOpenLayers implémentation• Synchronisation 3d –> 2D• Récupérer les coordonnés descoins du view port• Construire un carré• Zoomer le map 2d à ce carré
  30. 30. Institut Supérieur des Arts Multimédias de la Manouba 30Réalisation et test
  31. 31. Institut Supérieur des Arts Multimédias de la Manouba 31Conclusion• Interopérabilité du plugin SPACEYES• Modules validés et testés• Nouvelles fonctionnalités ajoutées
  32. 32. Institut Supérieur des Arts Multimédias de la Manouba 32Conclusion• Accrocher la chance dune expérience professionnelle dans une entreprise bien placédans le marché des logiciels de la géomatique• Utiliser les connaissances acquises à l’ISAMM et les adapter pour faire face auxnouvelles problématiques.• Acquisition de nouvelles connaissances professionnels et relationnels• La coopération entre membres dune même équipee est gage de performance et quidégage lesprit déquipeExpérience positive et apport personnels
  33. 33. Merci Pour Votre AttentionInstitut Supérieur des Arts Multimédias de la Manouba33

×