Skip To Content

Créer une application Web pour Indoor Viewer

Available for an ArcGIS organization licensed with the Indoors extension.

Remarque :

Le déploiement de Indoor Viewer exige l’installation de la dernière version du logiciel ArcGIS.

Viewer est disponible dans votre portail ArcGIS Enterprise avec une licence Indoors et peut être configuré à l’aide du modèle d’application Web configurable. Une fois l’application Web créée à partir du modèle d’application Web configurable Indoors, vous pouvez configurer Viewer. Vous pouvez configurer une carte Web Indoors 2D, une scène Web Indoors 3D, un service d’itinéraire, un service de localisation de ressource la plus proche, des actions de lancement d’applications, une barre d’échelle, un modèle de mise en page pour l’impression, un positionnement en intérieur, la réinitialisation automatique du mode kiosque, un logo et un thème.

Créer une application Web à partir du modèle configurable Indoors

Réalisez les étapes suivantes pour créer une application Web à partir du modèle d’application Web configurable Indoors :

  1. Vérifiez que vous êtes connecté au portail et que vous possédez les privilèges appropriés pour créer du contenu.
  2. Accédez à la page des éléments associée à une carte Web Indoors.
  3. Cliquez sur Create Web App (Créer une application Web) et sélectionnez Using a Template (Utilisation d’un modèle).
  4. Sélectionnez le modèle ArcGIS Indoors.

    Si vous ne voyez pas le modèle ArcGIS Indoors, assurez-vous que votre portail possède une licence pour ArcGIS Indoors.

  5. Sélectionnez CREATE WEB APP (Créer une application Web).
  6. Spécifiez le titre, des balises, un résumé et un dossier.
  7. Cliquez sur Done (Terminé).

Viewer lance et affiche le volet Configure App (Configurer l’application). Vous pouvez conserver la configuration par défaut ou utiliser le volet Configure App (Configurer l’application) pour configurer votre application Web et afficher un aperçu de vos modifications. Pendant la configuration de l’application, vous pouvez prévisualiser les modifications apportées en temps réel dans la fenêtre d’aperçu.

Astuce :

Vous pouvez effectuer l’une des opérations suivantes à n’importe quel stade de la procédure de configuration.

  • Cliquez sur Save (Enregistrer) pour enregistrer les dernières mises à jour.
  • Cliquez sur Save as (Enregistrer sous) pour enregistrer une copie de la configuration de l’application.
  • Cliquez sur le bouton X situé en haut à droite pour fermer le volet Configure App (Configurer l’application).

Mettre à jour les paramètres de configuration généraux

Les paramètres suivants peuvent être modifiés :

ParamètreDescription

App (Application)

Informations sur l’application enregistrée, notamment le titre de l’application et le lien renvoyant à l’élément de portail.

Remarque :

Il est possible de cliquer sur le bouton Details (Détails) pour examiner les détails de l’élément dans le portail. Une fois l’application enregistrée, vous pouvez changer le titre de l’application et modifier les autorisations d’accès à partir de la page de l’élément de portail.

Web Map (Carte Web)

Une carte Web 2D Indoors à utiliser dans l’application.

Remarque :

Il est possible de cliquer sur le bouton Details (Détails) pour examiner les détails de l’élément dans le portail.

Web Scene (Scène Web)

Une scène Web 3D Indoors à utiliser dans l’application.

Remarque :

Il est possible de cliquer sur le bouton Details (Détails) pour examiner les détails de l’élément dans le portail.

Route Service (Service d’itinéraire)

Le service d’itinéraire utilisé par le widget Directions (Feuille de route). L’URL du service Network Analyst contenant le service d’itinéraire doit être inscrite en tant qu’élément auprès du portail (https://webadaptorhost.domain.com/webadaptorname/rest/services/MyNetwork/NAServer, par exemple).

Remarque :
  • Lors de la sélection d’un service d’itinéraire, le service de recherche des ressources les plus proches est automatiquement sélectionné si un tel service est disponible dans le service sélectionné.
  • Il est possible de cliquer sur le bouton Details (Détails) pour examiner les détails de l’élément dans le portail.

Closest Facility Service (Service de recherche des ressources les plus proches)

Le service de recherche des ressources les plus proches utilisé par le volet Explore (Explorer). L’URL du service Network Analyst contenant le service de recherche des ressources les plus proches doit être inscrite en tant qu’élément auprès du portail (https://webadaptorhost.domain.com/webadaptorname/rest/services/MyNetwork/NAServer par exemple).

Remarque :

Il est possible de cliquer sur le bouton Details (Détails) pour examiner les détails de l’élément dans le portail.

  1. Mettez à jour les paramètres, si nécessaire.
  2. Cliquez sur Next (Suivant).
    Astuce :

    Vous pouvez effectuer l’une des opérations suivantes à n’importe quel stade de la procédure de configuration.

    • Cliquez sur Save (Enregistrer) pour enregistrer les dernières mises à jour.
    • Cliquez sur Save as (Enregistrer sous) pour enregistrer une copie de la configuration de l’application.
    • Cliquez sur le bouton X situé en haut à droite pour fermer le volet Configure App (Configurer l’application).

Configurer la barre d’échelle, la mise en page de l’impression, l’application native ou le positionnement en intérieur

Barre d’échelle

Viewer peut être configuré de manière à afficher une barre d’échelle sur la carte.

ParamètreDescription

Show scalebar on 2D map (Afficher la barre d’échelle sur la carte 2D)

Affiche une barre d’échelle sur la carte. Par défaut, la barre d’échelle est masquée.

Remarque :

Lorsque vous activez la barre d’échelle, elle reste masquée en orientation paysage sur les appareils mobiles et cela n’affecte pas la barre d’échelle utilisée dans la mise en page de l’impression.

Scalebar Units (Unités de la barre d’échelle)

Unités utilisées pour la barre d’échelle. Lorsque vous utilisez l’option Dual (Doubles), la barre d’échelle affiche à la fois les unités métriques et non métriques. Les valeurs métriques sont les kilomètres ou les mètres selon l’échelle utilisée, tandis que les unités non métriques incluent les miles ou les pieds selon l’échelle utilisée.

Options possibles : Métriques | Non métriques | Doubles

Scalebar Style (Style de la barre d’échelle)

Style de la barre d’échelle. Lorsque les unités sont réglées sur Dual (Doubles), le style est toujours Line (Ligne).

Options possibles : Ligne | Règles

Mise en page de l’impression

Vous pouvez sélectionner un modèle d’affichage de la carte lors de l’impression de feuilles de route. Le service d’impression du portail permet d’extraire la liste des modèles disponibles.

Les options possibles sont les suivantes :

  • Map Only (Carte uniquement)
  • Letter (Lettre)
  • A4

Remarque :
  • Lorsque la valeur est Map Only (Carte uniquement), la carte imprimée ne contient aucun élément d’habillage de la mise en page (tel que la date d’impression, l’échelle de la carte ou la barre d’échelle).
  • Seule l’orientation portrait est acceptée pour les mises en page d’impression A4 et Letter (Lettre). L’option A4 correspond à la mise en page Portrait A4 et l’option Letter (Lettre) à la mise en page Portrait Lettre ANSI A.

Application native

Il s’agit d’une option qui, une fois activée, présente un lien pour ouvrir l’application native sur les appareils iOS.

Elle est activée par défaut. Si vous voulez que les utilisateurs d’appareils mobiles iOS soient redirigés directement vers Viewer dans le navigateur de leur appareil plutôt que de voir un lien pour ouvrir l’application native, désactivez cette option.

Positionnement en intérieur

Cette option permet à Viewer de représenter la position actuelle par un point bleu grâce à la fonction Apple de positionnement en intérieur des appareils iOS.

Elle est désactivée par défaut. Si vous participez au programme Apple Indoor Maps Program et souhaitez utiliser la position en intérieur disponible dans Viewer, activez cette option. Le positionnement en intérieur est seulement pris en charge dans Safari.

Remarque :

Le recours au positionnement en intérieur peut réduire la durée de vie de la batterie.

  1. Activez Show scalebar on 2D map (Afficher la barre d’échelle sur la carte 2D) si vous voulez voir la barre d’échelle et mettre à jour ses autres propriétés.
  2. Choisissez un modèle pour la mise en page de l’impression.
  3. Activez ou désactivez Native App (Application native) si nécessaire.
  4. Activez ou désactivez Indoor Positioning (Positionnement en intérieur) si nécessaire.
  5. Cliquez sur Next (Suivant).
    Astuce :

    Vous pouvez effectuer l’une des opérations suivantes à n’importe quel stade de la procédure de configuration.

    • Cliquez sur Save (Enregistrer) pour enregistrer les dernières mises à jour.
    • Cliquez sur Save as (Enregistrer sous) pour enregistrer une copie de la configuration de l’application.
    • Cliquez sur le bouton X situé en haut à droite pour fermer le volet Configure App (Configurer l’application).

Configurer les actions de lancement d’applications

Les actions de lancement d’applications sont une façon d’incorporer vos systèmes métier essentiels à Indoors. Viewer inclut un bouton d’action dans le volet d’informations pour rattacher les éléments affichés actuellement dans le volet d’informations aux autres systèmes. Lorsque vous cliquez sur le bouton d’actions, le formulaire Web approprié (ou l’application mobile native si un navigateur mobile est utilisé) s’affiche et transmet automatiquement les données « indoor » au système ou à l’application cible. Configurées dans le panneau Configure App (Configurer l’application), les actions de lancement peuvent être prédéfinies avec la valeur indiquée dans ArcGIS Pro pour le paramètre APP_LAUNCH_ACTIONS dans la table IndoorsConfig.

Remarque :

Indoors permet de positionner des épingles sur des emplacements situés en dehors d’un bâtiment, tels que les jardins d’un site. Si une action de lancement est appliquée à toutes les couches dans le panneau de configuration, elle est également disponible pour ces épingles.

Une fois les actions de lancement d’applications configurées, la configuration terminée peut être utilisée dans ArcGIS Indoors for iOS comme dans ArcGIS Indoors for Android.

Pour configurer les actions de lancement d’applications, procédez comme suit :

  1. Si besoin, cliquez sur Add (Ajouter) pour ajouter une nouvelle action.
    1. Attribuez un nom à l’action dans la zone de texte Label (Étiquette).
    2. Ajoutez l’URL correspondant à l’action dans la zone de texte URL.
    3. Cliquez sur Select Layers (Sélectionner des couches) en regard de l’action pour définir les couches et les catégories auxquelles cette action s’applique et cochez la case des couches et catégories souhaitées.

      Par défaut, toutes les couches et sous-catégories sont sélectionnées.

    4. Répétez les étapes ci-dessus pour toute action supplémentaire.
  2. Supprimez les actions indésirables en cliquant sur X en regard de l’action considérée.
  3. Réorganisez les actions à l’aide des flèches dirigées vers le haut et le bas, si nécessaire.
  4. Copiez éventuellement la configuration à utiliser dans les applications mobiles Indoors en cliquant sur Copy to Clipboard (Copier vers le Presse-papiers).

    Lorsque la configuration est copiée, il est possible de la coller dans le paramètre APP_LAUNCH_ACTIONS de la table Indoors Configuration (Configuration Indoors) dans ArcGIS Pro. Incorporez la table mise à jour dans les paquetages de cartes mobiles utilisés par les applications mobiles Indoors afin d’activer la même configuration de lancement d’applications.

  5. Cliquez sur Next (Suivant).
    Astuce :

    Vous pouvez effectuer l’une des opérations suivantes à n’importe quel stade de la procédure de configuration.

    • Cliquez sur Save (Enregistrer) pour enregistrer les dernières mises à jour.
    • Cliquez sur Save as (Enregistrer sous) pour enregistrer une copie de la configuration de l’application.
    • Cliquez sur le bouton X situé en haut à droite pour fermer le volet Configure App (Configurer l’application).

Configurer les options du mode kiosque

Vous pouvez configurer les options spécifiques du mode kiosque de l’application.

ParamètreDescription

Enable Auto-Reset for the Kiosk (Activer la réinitialisation automatique du mode kiosque)

Activez la fonction de réinitialisation automatique du mode kiosque. Cela permet de définir un laps de temps (en secondes) pendant lequel une fenêtre contextuelle signale à l’utilisateur que l’application va revenir à l’état par défaut à l’expiration du délai.

Cette option ajoute également un bouton dans la barre de titre pour que l’utilisateur puisse réinitialiser lui-même l’application. Un autre utilisateur peut alors se diriger vers le kiosque pour lancer une nouvelle recherche.

Idle Time (Durée d’inactivité) (secondes)

Définissez l’intervalle (en secondes) pendant lequel le kiosque reste inactif avant d’afficher une fenêtre contextuelle informant l’utilisateur que le délai d’inactivité de l’application a été atteint.

Popup Time (Temps d’affichage des fenêtres contextuelles) (secondes)

Définissez le compte à rebours (en secondes) déclenchant l’affichage de la fenêtre contextuelle de réinitialisation automatique. Lorsque le compte à rebours atteint zéro, l’application revient à l’état par défaut.

  1. Configurez les options spécifiques du mode kiosque.
  2. Cliquez sur Next (Suivant).
    Astuce :

    Vous pouvez effectuer l’une des opérations suivantes à n’importe quel stade de la procédure de configuration.

    • Cliquez sur Save (Enregistrer) pour enregistrer les dernières mises à jour.
    • Cliquez sur Save as (Enregistrer sous) pour enregistrer une copie de la configuration de l’application.
    • Cliquez sur le bouton X situé en haut à droite pour fermer le volet Configure App (Configurer l’application).

Mettre à jour le logo

Viewer autorise la personnalisation du logo utilisé dans l’application Web d’une organisation.

ParamètreDescription

Logo

Sélectionnez la source de l’image à utiliser comme votre logo personnalisé.

  • Use Default Logo (Utiliser le logo par défaut) : utilisez le logo Indoors par défaut.
  • Utiliser le logo du portail : utilisez l’image configurée dans le cadre du thème partagé pour le portail (My Organization [Mon organisation] > Settings [Réglages] > General [Général] > Shared Theme [Thème partagé] > Logo)
  • Custom Logo (Logo personnalisé) : chargez une image personnalisée.

Logo Name (Nom du logo)

Nom à afficher en tant qu’info-bulle (en mode navigateur) et à côté du logo (sous le menu de l’application sur les appareils mobiles).

Logo Size (Taille du logo) (en rem, 1 rem = 16 px)

Taille à appliquer au logo.

  1. Sélectionnez le logo à utiliser et mettez à jour les autres paramètres.
  2. Cliquez sur Next (Suivant).
    Astuce :

    Vous pouvez effectuer l’une des opérations suivantes à n’importe quel stade de la procédure de configuration.

    • Cliquez sur Save (Enregistrer) pour enregistrer les dernières mises à jour.
    • Cliquez sur Save as (Enregistrer sous) pour enregistrer une copie de la configuration de l’application.
    • Cliquez sur le bouton X situé en haut à droite pour fermer le volet Configure App (Configurer l’application).

Mettre à jour les couleurs du thème

Viewer permet la personnalisation des couleurs thématiques associées aux éléments de l’application pour une organisation.

Remarque :

Pendant la configuration des couleurs utilisées dans l’application, vous pouvez prévisualiser les modifications apportées en temps réel dans la fenêtre d’aperçu.

ParamètreDescription

Theme (Thème) > Background Color (Couleur d’arrière-plan)

Couleur d’arrière-plan du menu de navigation et de l’en-tête du volet d’informations.

Les éléments suivants sont concernés : couleur d’arrière-plan du volet de navigation et couleur de l’étage sélectionné dans le sélecteur d’étages.

Theme (Thème) > Highlight Color (Couleur de mise en surbrillance)

Mise en surbrillance de l’arrière-plan thématique.

Les éléments suivants sont concernés : couleur du bouton de navigation sélectionné et couleur de survol des boutons de navigation.

Theme (Thème) > Text Color (Couleur de texte)

Couleur du texte sur la mise en surbrillance ou l’arrière-plan du thème.

Les éléments suivants sont concernés : couleur de texte des boutons du menu de navigation, couleur du texte d’en-tête dans le volet d’informations et texte de l’étage sélectionné dans le sélecteur d’étages.

Body (Corps) > Background Color (Couleur d’arrière-plan)

Couleur de l’arrière-plan du contenu du corps.

Les éléments suivants sont concernés : couleur d’arrière-plan des volets gauches, du volet d’informations, de la barre de titre, des boutons de la carte et de l’étage non sélectionné dans le sélecteur d’étages.

Body (Corps) > Highlight Color (Couleur de mise en surbrillance)

Mise en surbrillance de l’arrière-plan du corps.

Les éléments suivants sont concernés : boutons déroulants dans le volet Events (Événements), et boutons Back (Précédent) et Next (Suivant) du volet d’informations.

Body (Corps) > Primary Text Color (Couleur du texte principal)

Couleur du texte principal comme les titres et les descriptions.

Les éléments suivants sont concernés : couleur du texte principal des volets gauches, des outils de la carte, du volet d’informations, des étages non sélectionnés dans le sélecteur d’étages, des autres boutons dans le sélecteur d’étages, des boutons Back (Précédent) et Next (Suivant) du volet d’informations et de certains textes dans la barre de titre.

Body (Corps) > Secondary Text Color (Couleur du texte secondaire)

Couleur du texte secondaire tel que les sous-titres.

Les éléments suivants sont concernés : couleur du texte secondaire des volets gauches, du volet d’informations et du texte de l’emplacement réservé dans la barre de titre.

Body (Corps) > Link Color (Couleur des liens)

Couleur des liens.

Les boutons d’action dans le volet d’informations sont concernés.

Body (Corps) > Accent Color (Couleur d’accentuation)

Couleur d’accentuation de la mise en surbrillance.

L’onglet sélectionné dans le volet d’informations est concerné.

Body (Corps) > Button Color (Couleur des boutons)

Couleur d’arrière-plan des boutons.

Les éléments suivants sont concernés : couleur de bouton pour les boutons utilisés dans le volet Person Finding (Recherche de personnes) et les fenêtres contextuelles de réinitialisation du mode kiosque.

Body (Corps) > Button Highlight Color (Couleur de mise en surbrillance des boutons)

Mises en surbrillance des boutons.

Les éléments suivants sont concernés : couleur de bouton lors du survol des boutons utilisés dans le volet Person Finding (Recherche de personnes) et les fenêtres contextuelles de réinitialisation du mode kiosque.

Body (Corps) > Button Text Color (Couleur de texte des boutons)

Couleur appliquée au texte des boutons.

Les éléments suivants sont concernés : couleur de texte du bouton pour les boutons utilisés dans le volet Person Finding (Recherche de personnes) et les fenêtres contextuelles de réinitialisation du mode kiosque.

Body (Corps) > Border Color (Couleur de bordure)

Couleur appliquée aux bordures.

Les bordures utilisées dans l’application sont concernées.

  1. Cliquez sur le sélecteur de couleurs en regard de chaque élément de configuration pour modifier la couleur du thème. Pour cela, il suffit de sélectionner une couleur dans la palette de couleurs, une valeur HEX (hexadécimale), une couleur RVB (couleurs rouge, verte, bleue) ou une valeur TSL (teinte, saturation, luminosité).
    Astuce :

    Pour annuler les modifications apportées aux couleurs du thème, vous pouvez réinitialiser les couleurs du thème du portail ou du thème par défaut en cliquant sur le bouton Reset Theme (Réinitialiser le thème) Reset Theme figurant en haut et à droite de la page de configuration Theme Colors (Couleurs du thème).

    • Reset to Portal Theme (Rétablir le thème du portail) : définit les couleurs du thème selon les couleurs configurées dans le cadre du thème partagé sur le portail (My Organization [Mon organisation] > Settings [Réglages] > General [Général] > Shared Theme [Thème partagé]), basées sur la correspondance des couleurs.
    • Reset to Default Theme (Rétablir le thème par défaut) : définit les couleurs du thème selon le thème Indoors défini par défaut.

  2. Effectuez l’une des actions suivantes pour enregistrer vos modifications :
    • Cliquez sur Save (Enregistrer) pour enregistrer les dernières mises à jour.
    • Cliquez sur Save as (Enregistrer sous) pour enregistrer une copie de la configuration de l’application.
  3. Cliquez sur le bouton de fermeture situé en haut à droite pour fermer le volet Configure App (Configurer l’application).

Dans la page des éléments Viewer terminée, vous pouvez partager l’application finalisée ou sélectionnez Configure (Configurer) pour rouvrir la configuration et apportez d’autres modifications.