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

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

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

INTERNAL USE ONLY

3

© Fujitsu Canada

HTML5

INTERNAL USE ONLY

4

© Fujitsu Canada

HTML5

INTERNAL USE ONLY

5

© Fujitsu Canada

Fonctions
! Stockage côté client
Serveur

INTERNAL USE ONLY

Client

6

© Fujitsu Canada

Fonctions
! Multi-tâches

INTERNAL USE ONLY

7

© Fujitsu Canada

Fonctions
! Manipulation de l’historique

INTERNAL USE ONLY

8

© Fujitsu Canada

Fonctions
! Graphisme 2D
! Canvas (Matriciel)
! SVG (Vectoriel)

INTERNAL USE ONLY

9

© Fujitsu Canada

Fonctions
! Graphisme 3D
! WebGL

INTERNAL USE ONLY

10

© Fujitsu Canada

Fonctions
! Accès aux composantes physiques - GPS

INTERNAL USE ONLY

11

© Fujitsu Canada

Fonctions
! Accès aux composantes physiques

INTERNAL USE ONLY

12

© Fujitsu Canada

Librairies
Physique

Mathématiques

Graphiques et
diagrammes

Cartographie
en ligne

Animations

Cadres de
développement

INTERNAL USE ONLY

13

© Fujitsu Canada

Design adaptatif

INTERNAL USE ONLY

14

© Fujitsu Canada

Design adaptatif

INTERNAL USE ONLY

15

© Fujitsu Canada

Comparatif de technologies web

INTERNAL USE ONLY

16

© Fujitsu Canada

Support par les navigateurs

INTERNAL USE ONLY

17

© Fujitsu Canada

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

INTERNAL USE ONLY

19

© Fujitsu Canada

Prototypes
! ESRI
! API d’ArcGIS pour JavaScript

! Geocortex
! Visionneuse HTML5

INTERNAL USE ONLY

20

© Fujitsu Canada

Prototype ESRI
! Modèle de design adaptatif d’ESRI
! http://maps.esri.com/SP_DEMOS/responsive/

INTERNAL USE ONLY

21

© Fujitsu Canada

Prototype ESRI
! Ajout d’un cadre de développement OpenSource Dojo Mobile
! http://dojotoolkit.org/features/mobile

INTERNAL USE ONLY

22

© Fujitsu Canada

Prototype ESRI
! Fonctionalités

Géolocalisation
INTERNAL USE ONLY

Table des couches
23

Identification
© 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

INTERNAL USE ONLY

24

© Fujitsu Canada

Prototype Geocortex
! Design adaptatif

INTERNAL USE ONLY

25

© Fujitsu Canada

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

INTERNAL USE ONLY

26

© Fujitsu Canada

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

INTERNAL USE ONLY

27

© Fujitsu Canada

Prototype Geocortex
! 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

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

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

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

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

Client

Serveur

Prototype Geocortex

INTERNAL USE ONLY

Geocortex Essentials
Manager

Workflow Designer

Visionneuse HTML5

Visionneuse Silverlight

38

© Fujitsu Canada

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

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

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (18)

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

Similaire à Mobilité, géomatique et HTML5 : une lune de miel à trois? (20)

Plus de ACSG - Section Montréal

Plus de ACSG - Section Montréal (20)

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