Mobilité, géomatique et HTML5 : une lune de miel à trois?

674 views
505 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
674
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobilité, géomatique et HTML5 : une lune de miel à trois?

  1. 1. Mandat « Le ministère, prévoyant offrir des outils géomatiques plus complexes et disponibles peu importe le type d’appareil, a demandé à Fujitsu d’analyser les possibilités qu’offre l’HTML5 pour répondre à ses besoins. » ! Architecture actuelle: ! Plusieurs sites de cartographie web ! Technologies basées sur ArcGIS et Geocortex (Silverlight) INTERNAL USE ONLY 1 © Fujitsu Canada
  2. 2. Mandat ! Analyse de l’état actuel de l’HTML5 et de son potentiel pour la géomatique ! Développement de deux prototypes ! Technologies ESRI ! Visionneuse HTML5 de Geocortex ! Rédaction d’un rapport sur l’HTML5, ses applications possibles en géomatique et l’intégration avec l’architecture actuelle de notre client INTERNAL USE ONLY 2 © Fujitsu Canada
  3. 3. INTERNAL USE ONLY 3 © Fujitsu Canada
  4. 4. HTML5 INTERNAL USE ONLY 4 © Fujitsu Canada
  5. 5. HTML5 INTERNAL USE ONLY 5 © Fujitsu Canada
  6. 6. Fonctions ! Stockage côté client Serveur INTERNAL USE ONLY Client 6 © Fujitsu Canada
  7. 7. Fonctions ! Multi-tâches INTERNAL USE ONLY 7 © Fujitsu Canada
  8. 8. Fonctions ! Manipulation de l’historique INTERNAL USE ONLY 8 © Fujitsu Canada
  9. 9. Fonctions ! Graphisme 2D ! Canvas (Matriciel) ! SVG (Vectoriel) INTERNAL USE ONLY 9 © Fujitsu Canada
  10. 10. Fonctions ! Graphisme 3D ! WebGL INTERNAL USE ONLY 10 © Fujitsu Canada
  11. 11. Fonctions ! Accès aux composantes physiques - GPS INTERNAL USE ONLY 11 © Fujitsu Canada
  12. 12. Fonctions ! Accès aux composantes physiques INTERNAL USE ONLY 12 © Fujitsu Canada
  13. 13. Librairies Physique Mathématiques Graphiques et diagrammes Cartographie en ligne Animations Cadres de développement INTERNAL USE ONLY 13 © Fujitsu Canada
  14. 14. Design adaptatif INTERNAL USE ONLY 14 © Fujitsu Canada
  15. 15. Design adaptatif INTERNAL USE ONLY 15 © Fujitsu Canada
  16. 16. Comparatif de technologies web INTERNAL USE ONLY 16 © Fujitsu Canada
  17. 17. Support par les navigateurs INTERNAL USE ONLY 17 © Fujitsu Canada
  18. 18. Contourner les limitations ! Contourner les limitations pour offrir une expérience web agréable peu importe le navigateur (Polyfill) INTERNAL USE ONLY 18 © Fujitsu Canada
  19. 19. INTERNAL USE ONLY 19 © Fujitsu Canada
  20. 20. Prototypes ! ESRI ! API d’ArcGIS pour JavaScript ! Geocortex ! Visionneuse HTML5 INTERNAL USE ONLY 20 © Fujitsu Canada
  21. 21. Prototype ESRI ! Modèle de design adaptatif d’ESRI ! http://maps.esri.com/SP_DEMOS/responsive/ INTERNAL USE ONLY 21 © Fujitsu Canada
  22. 22. Prototype ESRI ! Ajout d’un cadre de développement OpenSource Dojo Mobile ! http://dojotoolkit.org/features/mobile INTERNAL USE ONLY 22 © Fujitsu Canada
  23. 23. Prototype ESRI ! Fonctionalités Géolocalisation INTERNAL USE ONLY Table des couches 23 Identification © Fujitsu Canada
  24. 24. Prototype Geocortex ! Produit de Latitude Geographics ! S’appuie sur les technologies ESRI ! Produit phare: Geocortex Essentials Manager pour créer, gérer et publier des sites web cartographiques ! Workflow Designer pour créer des tâches et des outils ! Deux visionneuses supportées : HTML5 et Silverlight INTERNAL USE ONLY 24 © Fujitsu Canada
  25. 25. Prototype Geocortex ! Design adaptatif INTERNAL USE ONLY 25 © Fujitsu Canada
  26. 26. Prototype Geocortex ! Fonctionnalités préconçues ! I Want To… ! Liste des couches ! Identification ! Recherche ! Geolocalisation INTERNAL USE ONLY 26 © Fujitsu Canada
  27. 27. Prototype Geocortex ! Fonctionnalités sur mesure ! Ajouter une couche ! Mesurer une distance ! Ajouter une annotation ! Imprimer INTERNAL USE ONLY 27 © Fujitsu Canada
  28. 28. Prototype Geocortex ! Fonctionnalités sur mesure ! Connexion avec le portail du Gouvernement de l’Alberta •  Ajouter une couche cartographique •  Voir l’étendue •  Afficher les métadonnées INTERNAL USE ONLY 28 © Fujitsu Canada
  29. 29. Prototype Geocortex ! Fonctionnalités sur mesure ! Partager la carte INTERNAL USE ONLY 29 © Fujitsu Canada
  30. 30. Prototype Geocortex ! Fonctionnalités sur mesure ! Sauvegarder et charger la carte INTERNAL USE ONLY 30 © Fujitsu Canada
  31. 31. Conclusions Mobilité Géomatique HTML5 une lune de miel à trois? INTERNAL USE ONLY Les noces de Psyché et de Cupidon, Pelagio Palagi, 1808 © Fujitsu Canada
  32. 32. Conclusion ! Est-ce que l’HTML5 fait un bon ménage à trois avec la géomatique et la mobilité? ! Oui + Multiplateformes + Aucun téléchargement nécessaire de la part de l’utilisateur + Plusieurs librairies JavaScript performantes (ArcGIS et OpenLayers) + Accès aux composantes physiques de l’appareil, dont le récepteur GPS + LE langage d’avenir pour le web !  …, mais tout n’est pas rose - Support inégal par les navigateurs - IDE moins avancés que pour Flex et Silverlight INTERNAL USE ONLY 32 © Fujitsu Canada
  33. 33. Conclusion ! Intégration avec l’architecture existante ! Prototype ESRI + Liberté de développement plus souple qu’avec Geocortex - Aucune réutilisation des configurations existantes ! Prototype Geocortex + Intégration avec l’architecture actuelle •  Configuration des sites avec Geocortex Essentials Manager •  Workflows (en partie) + Mise en place de sites rapidement pour 3 largeurs d’écran, configurables indépendamment - Modifications de composantes quelques fois impossibles - Moins d’outils comparativement à la visionneuse en Silverlight INTERNAL USE ONLY 33 © Fujitsu Canada
  34. 34. Stratégie d’intégration ! Ajout de sites Geocortex : Silverlight ou HTML5? ! Est-ce que l'application doit être accessible à partir d'appareils mobiles? ! Quelles sont les fonctionnalités qui doivent être développées? •  Est-ce qu‘elles sont entièrement prises en charge et stables avec HTML5? ! Quels sont les connaissances des développeurs disponibles? INTERNAL USE ONLY 34 © Fujitsu Canada
  35. 35. vincent.thomas@ca.fujitsu.com
  36. 36. HTML5 et mobilité INTERNAL USE ONLY 36 © Fujitsu Canada
  37. 37. Canvas vs SVG INTERNAL USE ONLY 37 © Fujitsu Canada
  38. 38. Client Serveur Prototype Geocortex INTERNAL USE ONLY Geocortex Essentials Manager Workflow Designer Visionneuse HTML5 Visionneuse Silverlight 38 © Fujitsu Canada
  39. 39. Résumé L’HTML5 est un langage de balisage dont le but est de structurer et présenter des pages web. Ce terme regroupe un ensemble de technologies du monde web dont l’HTML, le CSS3 et le JavaScript. L’HTML5, qui est en processus de devenir une norme du W3C, permet de développer des applications web qui sont dynamiques, multimédias et surtout multiplateformes. C’est sur cette dernière caractéristique que l’HTML5 se démarque. Il devient une alternative intéressante aux technologies nécessitant un plugin telles que Silverlight et Flash qui ne sont pas disponibles sur tous les types d’appareils mobiles. Pour accélérer le développement d’applications HTML5, plusieurs cadres de développement et librairies sont disponibles pour, par exemple produire des animations, de la 3D ou des calculs mathématiques. Bien entendu, la géomatique peut en profiter grandement et plusieurs compagnies et initiatives Open Source proposent désormais des outils de développement HTML5 dont ESRI (ArcGIS API pour JavaScript) et Latitude Geographics (Geocortex Essentials). La disponibilité de ces outils contribue grandement à l’essor d’applications géomatiques sur les appareils mobiles. Le ministère de l’Environnement et du Développement durable de l’Alberta offre à ses citoyens plusieurs applications web cartographiques permettant la visualisation et la requête de données spatiales. La plupart d’entre elles sont développées à l’aide de la solution Geocortex basée sur la technologie Silverlight. Le ministère, prévoyant offrir des outils plus complexes et disponibles peu importe le type d’appareil, a réalisé un projet visant à analyser les possibilités qu’offre l’HTML5 pour répondre à ses besoins. Dans ce cadre Fujitsu a développé deux prototypes et un rapport détaillé a été rédigé concernant l’HTML5 et son intégration future au sein de cette organisation. La présentation fera une revue l’HTML5, de son potentiel pour la géomatique, puis discutera de son adoption éventuelle par le ministère. INTERNAL USE ONLY 39 © Fujitsu Canada

×