Mobilité, géomatique et HTML5 : une lune de miel à trois?
-
Upload
acsg-section-montreal -
Category
Documents
-
view
309 -
download
1
Transcript of Mobilité, géomatique et HTML5 : une lune de miel à trois?
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 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 ONLYINTERNAL USE ONLY © Fujitsu Canada 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 ONLYINTERNAL USE ONLY © Fujitsu Canada 3
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 4
HTML5
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 5
HTML5
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 6
Fonctions ! Stockage côté client
Serveur� Client�
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 7
Fonctions ! Multi-tâches
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 8
Fonctions ! Manipulation de l’historique
�������������������������������������������������� ��������
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 9
Fonctions ! Graphisme 2D
! Canvas (Matriciel) ! SVG (Vectoriel)
������������ ������������
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 10
Fonctions ! Graphisme 3D
! WebGL
������������������������������� �������������������� ����
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 11
Fonctions ! Accès aux composantes physiques - GPS
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 12
Fonctions ! Accès aux composantes physiques
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 13
Librairies
Mathématiques Physique
Graphiques et diagrammes
Cartographie en ligne
Animations Cadres de développement
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 14
Design adaptatif
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 15
Design adaptatif
������������������������
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 16
Comparatif de technologies web
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 17
Support par les navigateurs
����������������
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 18
Contourner les limitations
������ ���������������
! Contourner les limitations pour offrir une expérience web agréable peu importe le navigateur (Polyfill)
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 19
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 20
Prototypes ! ESRI
! API d’ArcGIS pour JavaScript
! Geocortex ! Visionneuse HTML5
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 21
Prototype ESRI ! Modèle de design adaptatif d’ESRI
! http://maps.esri.com/SP_DEMOS/responsive/
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 22
Prototype ESRI ! Ajout d’un cadre de développement OpenSource Dojo Mobile
! http://dojotoolkit.org/features/mobile
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 23
Prototype ESRI ! Fonctionalités
Géolocalisation Table des couches Identification
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
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
24
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
! Design adaptatif
25 25
Prototype Geocortex
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
! Fonctionnalités préconçues ! I Want To… ! Liste des couches ! Identification ! Recherche ! Geolocalisation
26 26
Prototype Geocortex
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
! Fonctionnalités sur mesure ! Ajouter une couche ! Mesurer une distance ! Ajouter une annotation ! Imprimer
27 27
Prototype Geocortex
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
! 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
28 28
Prototype Geocortex
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
! Fonctionnalités sur mesure ! Partager la carte
29 29
Prototype Geocortex
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
! Fonctionnalités sur mesure ! Sauvegarder et charger la carte
30 30
Prototype Geocortex
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
Mobilité
Géomatique HTML5
une lune de miel à trois?
Conclusions
Les noces de Psyché et de Cupidon, Pelagio Palagi, 1808
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
! 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
32 32
Conclusion
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
! 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 33 33
Conclusion
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
! 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?
34 34
Stratégie d’intégration
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 36
HTML5 et mobilité
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
Canvas vs SVG
37
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada
Prototype Geocortex
38
Geocortex Essentials Manager Workflow Designer
Visionneuse HTML5 Visionneuse Silverlight
Ser
veur
C
lient
INTERNAL USE ONLYINTERNAL USE ONLY © Fujitsu Canada 39
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.
Résumé