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)


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



HTML5


HTML5


Fonctions ! Stockage côté client

Serveur� Client�


Fonctions ! Multi-tâches


Fonctions ! Manipulation de l’historique

��


Fonctions ! Graphisme 2D

! Canvas (Matriciel) ! SVG (Vectoriel)

��


Fonctions ! Graphisme 3D

! WebGL

��


Fonctions ! Accès aux composantes physiques - GPS


Fonctions ! Accès aux composantes physiques


Librairies

Mathématiques Physique

Graphiques et diagrammes

Cartographie en ligne

Animations Cadres de développement


Design adaptatif


Design adaptatif

��


Comparatif de technologies web


Support par les navigateurs

��


Contourner les limitations

��

! Contourner les limitations pour offrir une expérience web agréable peu importe le navigateur (Polyfill)



Prototypes ! ESRI

! API d’ArcGIS pour JavaScript

! Geocortex ! Visionneuse HTML5


Prototype ESRI ! Modèle de design adaptatif d’ESRI

! http://maps.esri.com/SP_DEMOS/responsive/


Prototype ESRI ! Ajout d’un cadre de développement OpenSource Dojo Mobile

! http://dojotoolkit.org/features/mobile


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


! Design adaptatif

25 25

Prototype Geocortex


! Fonctionnalités préconçues ! I Want To… ! Liste des couches ! Identification ! Recherche ! Geolocalisation

26 26

Prototype Geocortex


! Fonctionnalités sur mesure ! Ajouter une couche ! Mesurer une distance ! Ajouter une annotation ! Imprimer

27 27

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

28 28

Prototype Geocortex


! Fonctionnalités sur mesure ! Partager la carte

29 29

Prototype Geocortex


! Fonctionnalités sur mesure ! Sauvegarder et charger la carte

30 30

Prototype Geocortex


Mobilité

Géomatique HTML5

une lune de miel à trois?

Conclusions

Les noces de Psyché et de Cupidon, Pelagio Palagi, 1808


! 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


! 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


! 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

[email protected]


HTML5 et mobilité


Canvas vs SVG

37


Prototype Geocortex

38

Geocortex Essentials Manager Workflow Designer

Visionneuse HTML5 Visionneuse Silverlight

Ser

veur

C

lient


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é

Documents

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