Créer une application Expérience Builder (ArcGIS)

Créer une application Expérience Builder (ArcGIS)

ArcGIS Experience Builder est un outil intégré à ArcGIS Online. Il possède plusieurs fonctionnalités intéressantes :

  1. Créer des applications (axées sur les cartes ou non)
  2. Configurer des modèles et des widgets prêts à l’emploi
  3. Créer des applications adaptées aux appareils mobiles ou pas.
  4. Créer et gérer des applications au même endroit (Survey 123, Dashboard, Storymaps …)
  5. Interagir avec du contenu 2D et 3D dans une application.

Un exemple d’application sur les concepts en géographie 

7 Etapes pour créer sa première application Experience Builder

1. Sélectionner une carte

Ouvrir son compte ArcGIS et aller dans son contenu. Ouvrir une webcarte créée sur base de l’enquête Survey 123 ou de toute autre web carte (contenant des données). Cliquer dans le menu de gauche sur Créer une application et choisir Expérience Builder

2. Démarrer avec un modèle 

Choisir parmi les modèles proposés celui qui vous convient en fonction de ce que vous désirez. Pour l’exemple, on choisit Plein écran vide en cliquant sur Créer

3. Choisir un thème 

Choisir un thème pour définir les caractéristiques visuelles et fonctionnelles à donner à l’application. Les couleurs du thème sont appliquées à l’en-tête, au pied de page et au corps de chaque page d’application, y compris les paramètres de couleur des widgets sauf si vous les modifiez.

4. Sélectionner des données sources

Sur l’onglet Données, vous pouvez sélectionner plusieurs sources de données 2D et 3D qui seront utilisées par les widgets de votre application. Vous pouvez vous connecter à différents types de données, comme des cartes Web, des couches hébergées, …

5. Mise en page de la carte 

Adapter la position et taille de la carte sur la page en fonction de la mise en page souhaitée. Dans le volet droit, vous pouvez paramétrer votre carte. Vous pouvez modifier la vue initiale:

  • Choisir personnalisée, cliquer sur Modifier et adapter la vue voulue ensuite Enregistrer.
  • Vous pouvez choisir différents Outils de la carte en activant les boutons, les icônes Outils apparaissent sur la carte.

À tout moment il est possible de passer en Vue dynamique pour voir le résultat et tester ce qui a été paramétré. Attention quand la Vue dynamique est activée, on ne peut rien modifier !

6. Ajouter des widgets

Les widgets apportent à votre application des fonctionnalités intéressantes comme les diagrammes, des géosignets, la création d’un profil d’élévation, des informations complémentaires sur les données, un filtre sur des données, …. Cela permet une gestion des données et une interactivité de votre application selon vos besoins.

  • Le contrôleur de widget

Cliquer sur + et choisir parmi les widgets proposés. Si plusieurs widgets sont insérés sur la carte, sélectionner le widget : contrôleur de widget (évite que le widget apparaisse en grand sur la carte) et glisser-déposer sur la carte à l’endroit voulu, il suffit de cliquer sur le + pour ajouter les widgets.

Paramétrer ce widget « contrôleur de widget » dans le volet de droite en sélectionnant dans comportement : multiple, type d’affichage : côte à côte. Vous pouvez également modifier l’apparence des icônes des boutons.

  • Quelques widgets intéressants 
    1. Profil d’élévation : tracer n’importe quel profil à n’importe quel endroit
    2. Dessiner: Annoter une carte de façon éphémère
    3. Filtrer: limiter la visibilité des entités d’une couche (dans l’exemple : identifier chaque élève)
    4. Diagramme : visualiser les attributs quantitatifs d’une couche (dans l’exemple : les concepts observés)
    5. Information sur l’entité : afficher les informations sur les entités d’une couche (dans l’exemple : les informations encodées par les élèves via l’enquête Survey 123)
    6. Enquête : permet de créer une enquête ou d’utiliser une enquête existante dans le widget. Ce widget s’intègre à ArcGIS Survey123.
  • Paramétrage des widgets

Cliquer sur l’icône du widget inséré sur la carte, un volet à droite apparaît avec le paramétrage du contenu, du style et, pour certains, de l’action.

Widget filtrer

    1. Modifier le titre : Nom des élèves (cliquer sur Filtre)
    2. Cliquer sur Nouveau filtre
    3. Cliquer sur sélectionner des données, et choisir la carte de données adéquates et cliquer sur le + choisir la couche adéquate
    4. Générer une expression : cliquer sur Ajouter une clause, identifier l’attribut sur lequel on va filtrer : nom et prénom – contient
    5. Ensuite aller dans paramétrage (écrou) choisir demander des valeurs et valider par OK

Widget diagramme

    1. Modifier le titre : Concept (cliquer sur diagramme)
    2. Cliquer sur sélectionner des données, et choisir la carte de données adéquates et cliquer sur le + choisir la couche adéquate
    3. Cliquer sur Sélectionner un diagramme: Choisir par secteur
    4. Paramétrage :
      1. Données
        • Type de catégorie : par groupe
        • Champ de catégorie : choisir la donnée qui sera représentée
      2. Tranche 
        • Etiquette des valeurs à activer
        • Décalage d’étiquette : 10
        • Mode couleur : par catégorie
  • Ajouter des actions à certains widgets

Ces actions vont permettre de rendre dynamique et interactive l’application. Il sera donc possible de n’afficher que les observations d’un élève, ou de n’afficher qu’une donnée (ici un concept) ou encore de mettre à jour les données en fonction de l’étendue de la carte.

Pour adapter les observations du diagramme en fonction de l’étendue de la carte

  1. Dans le volet gauche, cliquer sur carte
  2. Dans le volet droit
    1. Clique sur Action
    2. Ajouter un déclencheur
    3. Modification d’étendue
    4. Structure et choisir filtrer les enregistrements de données
    5. Sélectionner les données: choisir la couche d’entité adéquate de la carte en cliquant sur le + .

Pour afficher une donnée spécifique sur la carte en fonction du widget diagramme. (ici les concepts)

  1. Dans le contrôleur de widget, sélectionner le diagramme
  2. Dans le volet droit
    1. Cliquer sur Action
    2. Ajouter un déclencheur
    3. Modifications de sélection d’enregistrement
    4. Sélectionner Carte
    5. Filtrer
    6. Sélectionner les données – choisir la couche d’entités adéquate de la carte en cliquant sur le +
    7. Définir des conditions: choisir le concept pour les 2 conditions.

Dans l’exemple nous n’avons que les concepts concernant l’aménagement du territoire sur l’étendue de la carte

 

Dans l’exemple nous n’avons que les concepts qui sont identifiés sur l’étendue de la carte

 

7. Enregistrer et partager

Il suffit de modifier le titre, d’enregistrer l’application et de la publier en mode public.

 

 

 

 

 

 

 

Aborder les concepts en géographie – Une autre démarche

Aborder les concepts en géographie – Une autre démarche

1. Contextualisation

Les concepts occupent une place importante dans le programme de géographie, de FHG et d’EDM.

On compte 4 concepts disciplinaires :

  • continuité/discontinuité spatiale
  • atouts/contraintes (ou dépendance au milieu)
  • potentialités/vulnérabilités
  • aménagement du territoire

et 4 concepts transversaux

  • migration
  • mondialisation
  • développement
  • développement durable.  

Il n’est pas toujours aisé de pouvoir identifier les représentations qu’ont les élèves de ces concepts. Or, ces représentations sont essentielles à la compréhension des enjeux d’un territoire. Il est donc intéressant de proposer une activité qui permette d’amener les élèves à faire des observations qui illustrent ces concepts. Autrement dit, identifier comment la migration marque le territoire, comment la mondialisation marque le territoire, comment sur un territoire peut-on voir qu’on est dans une perspective de développement durable ou pas, …. Dès lors que les élèves auront pu identifier des espaces marqués par la mondialisation, la migration, des discontinuités spatiales … et résumer en quelques lignes ce qu’ils ont observé (en lien avec leurs connaissances), ils seront capables de mettre en évidence et de comprendre les enjeux d’un territoire.

Cette approche par concepts peut se faire à plusieurs moments de l’année : soit en début de séquence pour travailler sur les représentations, soit en fin de séquence en guise de structuration. Les concepts peuvent être répartis entre groupes ou travailler individuellement sur l’ensemble des concepts ou sur un concept en particulier.

Cette activité peut se faire en classe : l’enseignant projette la carte générée par l’application et les élèves identifient les espaces via smartphone en classe. Cela permet de créer une émulation entre les élèves. Le travail peut également se faire sur un seul concept.

L’outil numérique proposé ci-après a 2 avantages en classe : la collaboration et l’apprentissage par les pairs. Ce travail collaboratif stimule les élèves dans leur travail. La possibilité de consulter ce qui a été fait par ses pairs permet à l’élève « en difficulté » de s’informer par lui-même de la démarche à adopter.

La carte générée devient alors un support d’études de cas dont l’enseignant pourra se saisir tout au long de l’année pour illustrer ces concepts et exercer les compétences disciplinaires. C’est donc un bel outil de structuration.

2. Documents

3. Consignes

A l’aide de l’enquête Survey 123 : les concepts en géographie, identifie un espace qui illustre un des concepts abordés au cours de géographie.

Pour ce faire :

  • Tu identifies un espace à une échelle adéquate (on doit distinguer l’occupation du sol) qui est marqué par le concept que tu as choisi.
  • Tu décris en quelques lignes ce que tu observes en utilisant un vocabulaire adéquat afin de justifier ton choix
  • Tu insères une vue au sol ou oblique pour illustrer au mieux l’occupation du sol.

Tu devras observer 1 exemple du concept choisi pour chacun des continents suivants : en Europe, en Afrique, en Amérique du Sud, en Amérique du Nord, en Asie et en Océanie.

Le tuto pour réaliser une enquête Survey 123 se trouve ICI

Le tuto pour réaliser une application Experience Builder se trouve ICI. (Attention cela nécessite un compte d’organisation (School Bundle) – Gratuit)

 

 

 

 

 

 

 

 

 

Créer et publier une première InstantApp

Créer et publier une première InstantApp

Instant Apps sur Arcgis Online est la nouvelle génération d’applications de cartographie Web configurables. Instant Apps inclut une bibliothèque de modèles d’application et une option de configuration rapide lorsque vous voulez personnaliser l’application.

Chaque modèle d’application répond à un but spécifique, comme afficher une carte, comparer des contenus, calculer un itinéraire, ou rechercher quelque chose à proximité. Ces modèles sont également optimisés pour les appareils mobiles. Les nouveaux formats des atlas numériques de géo ont été créer à partir d’Instant App.

Pour créer des applications avec Instant Apps, vous devez vous connecter à votre compte d’organisation. Si vous n’avez pas encore de compte d’organisation, inscrivez vous gratuitement ICI

  1. Sélectionner une carte

Rechercher dans votre contenu une web Map (une carte) que vous voulez afficher dans une application intuitive et personnalisée

Carine

2. Choisir un modèle d’application

  1. Sélectionner “créer une application web” et choisir “Instant Apps”
Carine

2. Choisir un modèle d’application selon vos données et vos objectifs. Un descriptif est donné pour chaque modèle en cliquant sur la flèche à côté du nom du modèle. Il y a une dizaine de modèles qui répondent à des fonctionnalités bien précises. Dans l’exemple ci-dessous, on vous décrit la Barre Latérale (modèle pris pour la réalisation des atlas 2.0)

Carine

Afficher un aperçu avec vos données en sélectionnant la prévisualisation. Si l’aperçu vous convient, cliquer sur “choisir”

3. Configurer les paramètres et les outils

  1. La configuration Express vous propose de parcourir les paramètres essentiels en 4 étapes . Vous pourrez par la suite ajouter, modifier ou supprimer des outils et fonctionnalités, et ajuster l’apparence.

Pour chaque étape, suivre les instructions et activer les options en cliquant sur les boutons.

Une fois cette première configuration faite, désactiver le mode “express” (en haut à gauche de l’écran) afin de paramétrer d’autres d’autres éléments.

2. L’onglet “interactivité” permet d’ajouter des outils pour améliorer l’exploration de la carte

  • Explorer/naviguer : vous pouvez activer les géosignets (si vous en avez placé sur votre carte)
  • Modifier : vous pouvez mettre un bouton pour passer d’un fond de carte à un autre
  • Partager : capture d’écran, exporter en PDF et partager sur les réseaux sociaux

3. L’onglet “Barre latérale” permet d’activer plusieurs paramètres dont le volet “filtre”

Carine

Sélectionner la couche sur laquelle vous désirez définir un filtre. Il est possible de définir plusieurs filtres.

  • Sélectionner la couche sur laquelle vous désirez définir un filtre. Il est possible de définir plusieurs filtres
  • Choisir “entrée utilisateur”
  • Choisir le filtre d’entrée utilisateur : sélectionner la donnée que vous voulez filtrer
  • Enregistrer

Si vous voulez supprimer un filtrer, cliquer sur la corbeille.

Attention certaines couches WMS, WFS ne sont pas encore prises en charge par les Instant Apps. Il vous sera donc impossible de faire un filtre.

4. Publier son application

Publier votre application et partager la en mode public ou à votre organisation ou avec vos groupe à l’aide du lien généré

Voici les 4 exemples publiés sur le site pour les 4 atlas de géographie.

ArcGIS Online – Création d’applications Web pour diffuser en quelques minutes des cartes et n’importe quel contenu en ligne

ArcGIS Online – Création d’applications Web pour diffuser en quelques minutes des cartes et n’importe quel contenu en ligne

Objectifs et supports

  • créer un atlas numérique à partir d’un ensemble de couches en quelques minutes;
  • créer une Story Map en quelques minutes en vue de mettre en ligne à disposition des élèves des supports cartographiques et n’importe quel support documentaire (notamment en vue de faire des analyses en géographie);
  • créer une application de comparaison de couches (glissière verticale).

Cartes utilisées pour les exemples:

Information générales

À quoi servent les applications Web?
  • Elles servent de supports pour diffuser des cartes dans des interfaces plus “habillées” que l’interface habituelle de la carte dans ArcGIS Online.
  • Elles servent à organiser des portefeuilles de ressources (avec ou sans carte) provenant de n’importe lieu du Web. Ces ressources sont par exemple accompagnées de consignes, de commentaires. Elles peuvent donc constituer des supports pour mettre les élèves en activité d’apprentissage, pour structurer des apprentissages… Elles remplacent avantageusement un PowerPoint ou des notes photocopiées puisque les élèves peuvent y avoir accès en ligne.
  • Elles servent de support pour la production de travaux d’élèves;
Les applications abordées dans l’article sont accessibles:
  • par l’interface “Carte” → “Partager” → “Créer une application Web”. L’application créée par ce chemin prendra automatiquement appui sur la carte en cours d’édition.
  • par l’interface “Contenu” → “Créer” → ” Configurable Apps”. L’application pourra prendre appui sur n’importe quelle ressource, même si ce ne sont pas des cartes.
La création d’une application comprend les étapes suivantes:
  • la préparation d’une carte si l’application doit y faire référence ou la collecte des informations du Web à diffuser. C’est une étape longue du processus;
  • la conception d’un scénario de présentation de l’information si l’application est un récit. C’est une étape longue et décisive de la qualité de l’application.
  • Réaliser la partie technique de l’application. Cette étape est la plus simple, elle se réduit généralement à quelques clics.

→ La complexité et le temps nécessaire ne sont pas le fait de l’application numérique, mais bien des composantes pédagogiques qui sous-tendent l’application.

Certaines applications sont réservées à un compte avec un abonnement (School Bundle, gratuit pour les écoles). Ces applications sont abordées dans d’autres articles.

Les contenus qui sont intégrés dans les applications devront, au plus tard fin 2020, être issus de sites protégés (l’adresse commence par https://). Une application pourra encore faire référence à des sites non protégés par des hyperliens: le contenu du site non protégé ne s’affichera pas directement dans l’application, mais s’ouvrira dans une nouvelle fenêtre.

Tour d’horizon des applications

Créer un atlas numérique – “Présenter une carte” → “Visionneuse de base” (10 minutes)

  1. Ouvrez la carte d’un des atlas (p.ex. https://arcg.is/01HXXj0) ou une de vos cartes au choix.
  2. Si cette carte n’a pas encore été enregistrée dans vos contenus, faites-le (“Enregistrer” → “Enregistrer sous”
  3. Si cette carte n’est pas encore partagée, faites-le (dans partager, ne pas oublier de décocher “Partager l’étendue de la carte actuelle”
  4. Cliquez sur “Partager” → “Créer une application Web”
  5. Choisir dans “Présenter une carte” → “Visionneuse de base” → “Créer une application Web”
  6. Donnez au moins un titre et des balises → “Terminé”. Patientez
  7. Dans l’onglet “Options”, cochez:
    • “Display scalebar on map‎”
    • “Legend‎”
    • “Measure Tool‎”
    • “Overview Map‎”
    • “Display all Layout Options‎”
    • “Add Legend to Output‎”
    • et dans “Specify active tool at app startup‎”, sélectionnez “Layers”
  8. Cliquez sur “Enregistrer”
  9. Cliquez sur “Lancer”
  10. Copiez l’adresse URL et communiquez là à vos élèves (p.ex. https://cesj.maps.arcgis.com/apps/View/index.html?appid=962ec09fc11641f2ba28c0cd049135d8)

La configuration de l’application peut être corrigée par l’interface “Contenu” en sélectionnant l’application puis “Configurer l’application”. L’adresse URL de l’application ne changera pas, il ne faut donc pas la communiquer à nouveau aux élèves.

Les couches de l’application sont mises à jour par la mise à jour de la carte qui a servi à construire l’application. La carte peut donc être évolutive au fil des apprentissages. L’adresse URL de l’application ne changera pas, il ne faut donc pas la communiquer à nouveau aux élèves.

Créer une Story Map (10 minutes)

Les cartes qui sont utilisées dans une Story Map Series ont intérêt à ne comporter qu’une seule couche. Les cartes utilisées doivent préalablement être partagées (ou elles ne s’afficheront pas).

Les contenus intégrés doivent provenir de sites qui commencent par https://. Si ce n’est pas le cas, la ressource peut être renseignée à l’aide d’un hyperlien.

Dans “Contenu” → “+ Créer” → “Configurable Apps” → “Créer une Story Map” → “Story Map Series” → “Créer une application Web”

  1. Donnez au moins un titre et des balises → “Terminé”. Patientez
  2. Sélectionnez l’option “Par onglets” → “Démarrer”
  3. Conservez ou changez le titre → “Flèche vers la droite”
  4. dans la fenêtre “Ajouter onglet”, laissez l’option “Carte” cochée et, dans le menu déroulant, cliquez sur “Sélectionner une carte”
  5. Choisissez une carte (dans votre contenu, vos favoris, ArcGIS Online…)
  6. Cochez l’option “Légende” puis “Ajouter”.
  7. Complétez la fenêtre de droite avec tous les contenus multimédias nécessaires. Si rien n’est écrit et que dans les options (plus loin), nous choisirons de dissocier la légende, aucun cadre n’apparaitra.
  8. Ajoutez éventuellement d’autres onglets, p.ex. un site Web en collant l’adresse de l’application créée dans la rubrique précédente.
  9. Ajoutez éventuellement d’autres onglets (p.ex. une vidéo issue de Youtube).
  10. Cliquez sur l’option “Paramètres”
    • “Options de mise en page” → cochez “Menu déroulant”
    • “Options de la carte” →  cochez toutes les options”
  11. Cliquez sur “Appliquer”
  12. Cliquez sur “Partager” → Ignorez les éventuels problèmes → Cliquez sur “Publique” → Copiez l’URL que vous communiquerez à vos élèves (p.ex. https://arcg.is/1eqzDm0) → “Fermer”
  13. Cliquez sur “Enregistrer”

La configuration de l’application peut être corrigée par l’interface “Contenu” en sélectionnant l’application puis “Configurer l’application”. L’adresse URL de l’application ne changera pas, il ne faut donc pas la communiquer à nouveau aux élèves.

Créer une comparaison de deux couches

Attention, la carte doit être enregistrée en veillant à activer les deux couches (cochées).

  1. Ouvrez la carte https://arcg.is/04eO8K , enregistrez la carte dans vos contenus et partagez-là.
  2. Cliquez sur “Partager” → “Créer une application Web” → “Comparer des cartes/couches” → “Story Map Swipe and Spyglass” → “Créer une application Web”
  3. Donnez un titre et des balises → “Terminer”
  4. Sélectionnez “Barre verticale” → “Suivant”
  5. Choisissez la couche qui sera balayée dans le volet de gauche de la fenêtre (par défaut, celle qui est au bas le la liste des couches dans la carte) → “Suivant”
  6. Cochez sur “Activer un outil de recherche d’adresse” → “Suivant”
  7. Donnez un titre pour chaque vue. La vue de gauche correspond à la couche supérieure dans votre carte (visible uniquement si la légende est activée)→ “Ouvrir l’application”
  8. Complétez éventuellement le volet de gauche (p.ex. avec des consignes d’exploitation)
  9. Corrigez éventuellement les paramètres
  10. Cliquez sur partager et copiez l’URL à communiquer aux élèves (p.ex. https://arcg.is/HXffS)

La configuration de l’application peut être corrigée par l’interface “Contenu” en sélectionnant l’application puis “Configurer l’application”. L’adresse URL de l’application ne changera pas, il ne faut donc pas la communiquer à nouveau aux élèves.L’échelle de la carte sera celle enregistrée avec la carte. Elle peut donc être modifiée à postériori.

 

Créer un atlas numérique de base

Créer un atlas numérique de base

Dans “Contenu” puis …

Si vous n’avez pas un compte d’entreprise

Si vous avez un compte d’entreprise

 

Exemple : création d’un atlas numérique simple très rapide à mettre en oeuvre. Vous disposez préalablement dans votre bibliothèque d’une carte avec plusieurs couches (celles qui pourront être activées dans l’atlas. Lors de l’enregistrement de cette carte, vous n’avez activé que la couche qui doit s’afficher par défaut.

Sélectionnez “Configurables Apps”

  • Choisissez “Visionneuse de base” puis “Créer une application web”.
  • Donnez un titre, des balises et cliquez sur “Terminer”.
  • Choisissez une carte dans “Mon contenu” et cliquez sur “Sélectionner”

Manipulez les différentes options puis cliquez sur Enregistrer (utilisez l’outil de traduction de Google si l’anglais est un obstacle). Votre atlas est terminé.

Cliquez sur “Enregistrer” puis “Lancer” pour voir le résultat et copiez l’hyperlien à communiquer aux élèves.

Vous retrouverez cette application dans “Contenu” sur votre compte ArcGIS Online avec l’indication “Web Mapping Application”.

Exemples d’atlas

Créer un atlas numérique élaboré – Web AppBuilder – Réservé aux comptes d’entreprise

Créer un atlas numérique élaboré – Web AppBuilder – Réservé aux comptes d’entreprise

Allez dans “contenu” puis sélectionnez une de vos cartes dans votre bibliothèque (une carte qui contient plusieurs couches (celles qui pourront être activées dans l’atlas). Lors de l’enregistrement de cette carte, vous n’avez activé que la couche qui doit s’afficher par défaut.. “.

Cliquez sur “Enregistrer” puis, dans la boite de dialogue, sur “Créer une application web”.

Sélectionnez l’onglet “Web AppBuilder” et complétez les renseignements de base dans la boite de dialogue puis cliquez sur “Commencer”

Manipulez les différentes options puis cliquez sur “Enregistrer” (utilisez l’outil de traduction de Google si l’anglais est un obstacle). Votre atlas est terminé.

Cliquez sur “Aperçu” pour vous rendre compte du résultat.

Cliquez sur “Lancer” pour afficher l’atlas et copiez l’hyperlien à communiquer aux élèves.

Vous retrouverez cette application dans “Contenu” sur votre compte ArcGIS Online avec l’indication “Web Mapping Application”.

Exemples d’atlas:

 

Story Maps et profil du relief

Story Maps et profil du relief

Ceci est une illustration d’une application automatiquement générée à partir d’une carte de la bibliothèque ArcGIS Online. Cette application intègre automatiquement une application “Profil du relief”

1. Démarrez l’application d’ArcGIS Online ICI

(suite…)