Voir la fiche descriptive

Solution de WebMapping
Description de la Solution
« Web Map»
Projet Hologramme
1
©NGI Tunisie 2015 confidentiel
Solution de WebMapping
Sommaire
1. Introduction .............................................................................................................................................. 3 2. Fonctionnalités pour le visiteur ................................................................................................................ 5 2
2.1. Fond de plan - Ergonomie - Vue d’ensemble ................................................................................... 5 2.2. Fond de plan .................................................................................................................................... 5 2.3. Performances d'affichage des plans interactifs ................................................................................ 5 2.4. Outils de navigation .......................................................................................................................... 6 2.5. Zone de recherche ........................................................................................................................... 7 2.5.1. Moteur de recherche ................................................................................................................. 7 2.5.2. Fiche d’information d’un POI (point d’intérêt) ............................................................................ 8 2.5.3. Calcul d’itinéraire ...................................................................................................................... 8 ©NGI Tunisie 2015 confidentiel
Solution de WebMapping
1. Introduction Ce document constitue une présentation de la solution de Webmapping de NGI Tunisie répondant aux
attentes des consultations lancées dans le cadre du projet Hologramme par l’association Tourath et
l’AMVPPC.
NGI Tunisie est une SA spécialisée dans la conception, le développement et la commercialisation de
solutions cartographiques et de géolocalisation B2C et B2B :
-
Solutions de Navigation Routière par GPS
-
Solutions de Tracking et de Fleet Management
-
Solutions de WebMapping
-
Solutions de de Sécurisation de Biens et de Personnes
-
Solutions de Mobilité (Collecte, gestion de Missions, etc.)
La solution proposée est une carte centrée à la fois sur Carthage et la partie de la Sicile (province de
Trapani) concernée par le projet Hologramme et permettant de positionner les points d’intérêts (POI)
monuments, objets avec une intégration du parcours 3D de l’itinéraire proposé de part et d’autre de la
Méditerranée.
3
©NGI Tunisie 2015 confidentiel
Solution de WebMapping
La solution WebMap de cartographie dynamique se distingue par sa convivialité, son esthétique, sa
robustesse, sa simplicité de mise à jour et par la facilité d’intégration de nouveaux modules au fil du temps.
Côté internaute, un avantage indéniable du système WebMap est de permettre le regroupement sur un
même fond de plan de toutes sortes de thématiques afin de répondre efficacement à de nombreuses
requêtes et ce, avec une interface d'utilisation accessible au plus grand nombre.
Fonctionnalités proposées dans sa version de base :
•
•
•
•
•
•
•
Affichage : A l’ouverture du plan, celui-ci vient s’afficher en plein écran du navigateur. Une
imagette représentant une vision globale du pays vient se placer dans une petite fenêtre en bas à
droite de l’interface pour assister l’internaute dans sa navigation et consultation ;
Fiche d’information : Les points d’intérêt visibles sur le plan sont représentés par une icône ; au
clic de celle-ci, une fiche d’information s’active. Cette fiche peut être enrichie de toutes sortes de
médias : texte (avec liens), photos, vidéos, sons, animations 3D, etc. ;
Multicouches graphiques : La solution de cartographie permet de scénariser l’affichage de
différentes couches ou circuits selon les thèmes désirés.
Interaction avec le site Internet : Un lien peut être assigné à un point d’intérêt (POI)), ce qui
permet d’ouvrir une des pages du site lorsqu’on clique sur son icône. On peut aussi ajouter
plusieurs liens secondaires dans le texte affecté à un POI. A l’inverse, le plan peut être appelé de
n’importe quel page de votre site (ou d’un site partenaire) via un simple lien hypertexte. Des
paramètres dans l’URL permettent de positionner le plan, de fixer le niveau de zoom, mais aussi la
langue ou les calques et médias à afficher. Ce système permet donc de passer du plan au reste du
site et inversement avec toute la souplesse nécessaire ;
Moteur de recherche ;
Calcul d’itinéraire ;
Charte graphique : Les différents composants de l’interface sont harmonisés systématiquement
avec la charte graphique spécifique au projet. La charte doit tenir compte des différents supports de
navigation PC, Portable, Smartphone et Tablette et est donc conçue en Responsive Design.
Evolutivité de la Solution
La solution que nous proposons permet d’évoluer vers de nouvelles couches d’information ou de nouvelles
fonctionnalités telles que :
1. L’ajout de nouveaux POI ou type de POI, monuments, musées, objets, …
2. L’ajout d’informations supplémentaires associées aux POI : Outre les informations standards,
l’administrateur a la possibilité d’ajouter de nouvelles données associées aux différents types de
POI.
3. L’ajout de nouvelles fonctionnalités telles que les frises temporelles ou des composants de réalité
augmentée.
4. L’utilisation de l’application en mode mobilité qui permettra d’offrir les fonctionnalités suivantes
a. Positionnement de l’utilisateur par GPS
b. Communication au serveur pour le téléchargement de médias interactifs.
c. Calcul de trajet
4
©NGI Tunisie 2015 confidentiel
Solution de WebMapping
d. Aide à la navigation
e. Réalité augmentée
f. Proposition de « Ballades à proximité »
2. Fonctionnalités pour le visiteur 2.1. Fond de plan -­‐ Ergonomie -­‐ Vue d’ensemble L’ergonomie de l’interface utilisateur est sobre et intuitive grâce à une hiérarchisation des outils.
L’interface se décompose en différentes parties rapidement identifiables qui sont organisées de sorte à
laisser une place encore plus importante à la zone de consultation du fond de plan.
2.2. Fond de plan Le fond de plan s’affiche au milieu de la fenêtre principale et présentera l’ensemble du territoire sélectionné
par le projet Hologramme. Le fond cartographique peut être remplacé ou mixé avec un fond photo, des
plans historiques ou tout simplement la cartographie de NGI.
La cartographie se charge selon un mode multicouche. Ce mode permet d’obtenir plus de détails au fur et
à mesure que le niveau de zoom est proche de la rue ; à rebours, quand on s’en éloigne, certains détails
disparaissent au profit des monuments, objets, itinéraires ….
2.3. Performances d'affichage des plans interactifs Le chargement se fait de manière progressive et, à titre d'exemple, un contexte moyen d'IHM est chargé
intégralement en une centaine de Ko. Pour le contenu de type fond de plan, cela dépend de la complexité
graphique donc du niveau de zoom.
5
©NGI Tunisie 2015 confidentiel
Solution de WebMapping
Un système intelligent de chargement et de cache permet de présenter la partie centrale de manière
prioritaire dans une quantité de données n'excédant normalement pas les 300 Ko.
Un clic droit sur la carte permet d’accéder rapidement à des fonctionnalités telles que la recherche de POI
par adresse, le calcul d’itinéraire, etc.
2.4. Outils de navigation Grâce aux différents outils de navigation, il est possible d’explorer la carte sous tous ses aspects.
La réglette verticale de zoom est visible en permanence.
Le déplacement (panoramique) et altitude (zoom) sont disponibles de diverses manières ; La molette de la
souris, ainsi que les outils accessibles directement sur l’interface.
La réglette de zoom se manipule à la manière d’un potentiomètre, elle affiche des données du type altitude,
les deux boutons + et - se situent à chaque extrémité.
6
©NGI Tunisie 2015 confidentiel
Solution de WebMapping
2.5. Zone de recherche Quand on survole le bouton « RECHERCHER SUR LE PLAN», on déploie un menu déroulant qui permet
de faire des requêtes selon plusieurs modes.
2.5.1. Moteur de recherche •
Recherche d’adresses : Pour chercher une ville ou une zone, on introduit le code du pays et le nom de la ville ou la commune
désirée. Pour la recherche d'une rue sur la carte, on ajoute le nom de la rue. Pour simplifier la
recherche, l'outil permet de saisir automatiquement l'adresse d'un point bien déterminé dans la carte, pour
le faire, il suffit de cliquer sur un point dans la carte et cliquer ensuite sur le bouton "Adresse point cliqué".
7
©NGI Tunisie 2015 confidentiel
Solution de WebMapping
•
Recherche POIs :
Case à cocher "Recherche Points d'intérêts". Les POIs sont identifiés par leur catégorie qui reste à
définir. On indique le critère de recherche : POI le plus proche ou on donne le rayon de la recherche par
rapport au point positionné sur la carte.
Pour visualiser l'adresse trouvée sur la carte, on clique sur le résultat dans la liste de résultats. Le bouton
Nettoyer permet d'effacer tous les critères de recherches dans les formulaires. Le bouton Annuler ferme la
fenêtre présente
2.5.2. Fiche d’information d’un POI (point d’intérêt) Quand la fiche du POI consulté s’ouvre, les informations textuelles sont complétées et des liens peuvent
être insérés (vers la messagerie, une page Web, un téléchargement de PDF ou donnée GPS, etc.).
2.5.3. Calcul d’itinéraire Le module ʻCalcul d’itinéraire’ s’appuie sur les données navigables de NGI.
Il permet d'effectuer un calcul des itinéraires possibles entre un point de départ et un point d'arrivée. Il est
possible d'effectuer le calcul suivant plusieurs critères tels que le chemin le plus court ou le plus rapide, en
voiture ou piéton, etc.
Le calcul peut être mené depuis plusieurs départs et un seul point d'arrivée ou le contraire.
8
©NGI Tunisie 2015 confidentiel
Solution de WebMapping
Cliquez sur le bouton « Calcul itinéraire ». La route (chemin calculé) sera affichée sur la carte, avec un
ensemble d'icônes
donnant les instructions de navigation correspondantes lorsque l'on clique dessus.
Le bouton « Nettoyer » permet d’effacer les trajets tracés sur la carte.
Les bulles d’informations qui accompagnent le tracé du chemin sur la carte, décrivent les instructions à
suivre et l’action à exécuter, en précisant la distance à parcourir ainsi que la durée estimée.
Si plusieurs points de départs ou d'arrivées sont donnés, l'itinéraire affiché est celui le plus rapide ou le
plus court (selon le mode demandé).
9
©NGI Tunisie 2015 confidentiel
Solution de WebMapping
10
©NGI Tunisie 2015 confidentiel