Créer une carte des coupures de courant
La première étape consiste à créer la carte qui servira de spécialité géographique du tableau de bord. Vous allez créer une carte Web dans ArcGIS Online avec Map Viewer et ajouter la couche des coupures de courant. Vous appliquerez ensuite un style à la couche et à ses fenêtres contextuelles. Cette carte Web et ses couches représenteront la source de données de vos autres éléments de tableau de bord.
Ajouter des couches à une nouvelle carte
Commencez par créer la carte de votre tableau de bord dans ArcGIS Online.
- Connectez-vous à votre compte d’organisation ArcGIS.
- En haut de la page, cliquez sur Map (Carte) pour ouvrir une nouvelle carte.
Remarque :
Selon vos paramètres organisationnels et utilisateur, il est possible que vous ayez ouvert Map Viewer Classic. ArcGIS Online propose deux Map Viewers pour afficher, utiliser et créer des cartes. Pour obtenir plus d’informations sur les visionneuses de carte disponibles et savoir celle qu’il convient d’utiliser, consultez ce FAQ.
Ce didacticiel utilise Map Viewer.
- Dans la barre d’outils (foncée) Contents (Contenu), cliquez sur Add (Ajouter) et sélectionnez Add layer from URL (Ajouter une couche à partir d’une URL).
- Dans la section Layer details (Détails de la couche), copiez et collez le service Web suivant dans le champ URL.
https://services.arcgis.com/BLN4oKB0N1YSgvY8/arcgis/rest/services/Power_Outages_(View)/FeatureServer/0Remarque :
Cette couche correspond aux informations sur les coupures de courant suivies par le Bureau des services d’urgence du Gouverneur de Californie (Cal OES) pour l’état. Pour toute question sur ce jeu de données, écrivez à l’adresse suivante : GIS@caloes.ca.gov.
Les coupures de courant de cette couche sont extraites directement des cartes publiques des coupures de courant des services publics et la couche est mise à jour automatiquement toutes les 15 minutes. Les compagnies d'électricité suivantes sont incluses : Pacific Gas and Electric, Southern California Edison, San Diego Gas & Electric, Sacramento Municipal Utility District (SMUD) et Los Angeles Department of Water and Power (LADWP).
Couches incluses dans ce jeu de données :
- Power Outage Incidents (Incidents de coupure de courant) : couche ponctuelle qui représente les données de tous les services publics et convient davantage pour montrer une localisation générale de la panne et déterminer les nombres dans les tableaux de bord.
- Power Outage Areas (Zones de coupure de courant) : couche surfacique représentant l'étendue géographique approximative de la coupure de courant.
- Power Outages by County (Coupures de courant par comté) : cette couche récapitule le nombre total de clients affectés par comté. Cette couche est utile pour illustrer l'impact des pannes au niveau de l'État.
- Cliquez sur Add to map (Ajouter à la carte).
La carte affiche maintenant les coupures de courant en Californie. Les données étant mises à jour fréquemment, définissez un intervalle d’actualisation pour la couche.
- Dans la section Refresh interval (Intervalle d’actualisation) du volet Properties (Propriétés), activez le bouton à bascule Automatically refresh layer (Actualiser automatiquement la couche).
- Saisissez 15 pour le nombre de minutes.
Correspond à l'intervalle auquel la couche est mise à jour.
- Dans la barre d’outils Contents (Contenu), cliquez sur Basemap (Fond de carte).
- Dans le volet Basemap, sélectionnez Streets (Night) (Rues [Nuit]).
Styliser la couche
Une panne des services publics représente un événement, planifié ou résultant d'un incident, à l'origine d'une interruption de service auprès des clients. Les localisations des pannes sont généralement signalées par des appareils à distance conçus pour détecter les failles du système. Par défaut, les incidents sur la carte sont classés en deux catégories : planifiés et non planifiés. C'est un bon moyen de classer les données, mais vous pouvez appliquer un autre style à la couche pour mieux distinguer ces catégories.
- Dans la barre d’outils Contents (Contenu), cliquez sur Layers (couches).
- Dans le volet Layers (Couches), cliquez sur la couche Power Outages (View) - Power Outage Incidents (Coupures de courant (Vue) - Incidents de coupure de courant).
- Sur la barre d’outils Settings (Paramètres) (claire), cliquez sur Styles.
- Dans la fenêtre Styles, cliquez sur Style options (Options de style) pour le style Types (Unique symbols) (Types [Symboles uniques]).
- Sous Outage Type, cliquez sur le symbole correspondant à Not Planned.
- Dans Symbol style (Style de symbole), pour Current symbol (Symbole actuel), cliquez sur Basic point (Point de base).
- Sous Change symbol (Modifier le symbole), dans le menu contextuel Category (Catégorie), choisissez Firefly. Sélectionnez la couleur rouge et cliquez sur Done (Terminé).
- Cliquez sur le symbole correspondant à Planned (Planifié) et sélectionnez un symbole Firefly vert, puis cliquez sur OK.
- Dans Style options (Options de style), cliquez sur Done (Terminé) pour finir d’attribuer un style à votre couche, puis cliquez sur Done (Terminé) pour fermer la fenêtre Styles.
Maintenant que les deux types de panne ont été symbolisés de manière plus distincte, appliquez l'agrégation pour visualiser les concentrations de pannes.
- Dans la barre d’outils (claire) Settings (Paramètres), cliquez sur Aggregation (Agrégation).
- Dans la fenêtre Aggregation (Agrégation), activez le bouton bascule Enable aggregation (Activer l’agrégation).
L’option Clustering (Agrégation) est activée par défaut.
- Pour Clustering (Agrégation), cliquez sur Options.
La fenêtre Clustering (Agrégation) apparaît.
- Dans la fenêtre Clustering (Agrégation), pour Cluster radius (Rayon de l’agrégat), faites glisser le curseur vers Low (Faible). Pour Size range (Plage de tailles), faites glisser le curseur droit vers la gauche.
La couche des centrales électriques est maintenant symbolisée par des agrégations. Lorsque vous faites des zooms avant et arrière, les agrégations sont reconfigurées être adaptées à l'échelle actuelle. Chaque agrégation est étiquetée avec le nombre de centrales électriques qu'elle représente.
Vous allez maintenant choisir un autre fond de carte pour que les entités de centrale électrique ressortent mieux sur la carte. Comme les points de cette couche sont représentés par des couleurs vives, vous pouvez créer du contraste en les plaçant sur un fond de carte neutre et foncé.
- Cliquez sur Back (Retour) et fermez la fenêtre Aggregation (Agrégation).
Le style de la couche Power Outages (View) – Power Outage Incidents (Coupures de courant (Vue) - Incidents de coupure de courant) est mis à jour.
Configurer les fenêtres contextuelles
Les fenêtres contextuelles permettent de récapituler un point de données précis sur la carte. Par défaut, la plupart des fenêtres contextuelles affichent tous les champs et valeurs. En tant qu'agent des services publics, cependant, vous ne cherchez qu'à identifier la cause de la panne, l'heure estimée de la réparation et la compagnie d'électricité associée. La configuration des fenêtres contextuelles de la couche permet de personnaliser les informations visibles.
- Dans la fenêtre Layers (Couches), assurez-vous que la couche Power Outages (View) - Power Outage Incidents (Coupures de courant (Vue) - Incidents de coupure de courant) est sélectionnée et dans la barre d’outils Settings (Paramètres), sélectionnez Pop-ups (Fenêtres contextuelles).
La fenêtre Fenêtres contextuelles apparaît.
- Dans la fenêtre Pop-ups (Fenêtres contextuelles), cliquez sur Title (Titre), et saisissez Power Outage: {IncidentId} (Coupure de courant : {IncidentId}).
- Cliquez sur le bouton Options pour la Fields list (Liste des champs) et sélectionnez Delete (Supprimer).
- Cliquez sur Add content (Ajouter un contenu) et sélectionnez Text (Texte).
L’éditeur de texte apparaît. Dans l’éditeur, vous pouvez utiliser une association de texte statique, et des champs d’attribut pour créer une fenêtre contextuelle personnalisée.
- Dans l’éditeur, saisissez { et sélectionnez Impacted Customers (Clients impactés).
Le champ {ImpactedCustomers} est ajouté au champ du texte.
- Après {ImpactedCustomers}, saisissez un espace suivi du texte suivant :
clients impactés. Le courant devrait être rétabli le {EstimatedRestoreDate}.
Cause : {Cause}
Pour plus de détails, contactez {UtilityCompany}.
- Cliquez sur OK pour enregistrer et fermer l’éditeur.
- Sur la carte, effectuez un zoom pour visualiser les coupures individuelles.
- Cliquez sur une panne sur votre carte pour afficher la fenêtre contextuelle.
Si vous cliquez sur un agrégat, la fenêtre contextuelle par défaut de cet agrégat apparaît.
- Dans la barre d’outils Contents (Contenu), cliquez sur Save and open (Enregistrer et ouvrir), puis sélectionnez Save as (Enregistrer sous).
La fenêtre Save Map (Enregistrer la carte) apparaît.
- Dans la fenêtre Save Map (Enregistrer la carte), pour Title (Titre), saisissez Carte des coupures de courant en Californie et ajoutez vos initiales afin que le nom de la carte soit unique au sein de votre organisation.
- Pour Tags (Balises), saisissez Californie, courant, coupures.
- Pour Summary (Résumé), saisissez Carte des coupures de courant en Californie à utiliser dans un tableau de bord.
- Cliquez sur Save (Enregistrer).
Créer un tableau de bord des coupures de courant
À l'aide de ArcGIS Dashboards, vous pouvez créer un tableau de bord qui permet aux utilisateurs de voir rapidement les coupures de courant et les informations pertinentes sur ces dernières. Dashboards offre de nombreuses options de configuration pour visualiser les données. À l'aide de la mise en forme avancée, vous pouvez déduire et visualiser des données non disponibles dans la couche d'entités. La première information que vous allez déduire est la durée de la panne, qui représente le nombre total d'heures et de minutes écoulées de chaque panne depuis son signalement. Vous déduirez ensuite l'indice de fiabilité (souvent appelé SAIDI ou System Average Interruption Duration Index), qui représente le nombre total de clients affectés divisé par la durée de la panne en minutes.
Créer le tableau de bord
- Si nécessaire, ouvrez la carte Web Coupures de courant en Californie.
- Dans la barre d’outils Contents (Contenu), cliquez sur le bouton Create app (Créer une application) et choisissez Dashboards (Tableaux de bord).
ArcGIS Dashboards s’ouvre dans un nouvel onglet.
Les paramètres Title (Titre) et Tag (Balise) sont déjà renseignés d’après les détails des éléments de la carte Web.
- Pour Summary (Résumé), saisissez Ce tableau de bord affiche les coupures de courant planifiées et non planifiées dans l’État de Californie.
- Cliquez sur Create dashboard (Créer un tableau de bord).
ArcGIS Dashboards ouvre un tableau de bord nouvellement créé à l'aide de l'élément de carte Coupures de courant en Californie. Choisissez un thème foncé correspondant au fond de carte.
- Dans la barre d’outils du tableau de bord, cliquez sur le bouton Theme (Thème).
La fenêtre Layout (Mise en page) apparaît.
- Sous Layout (Mise en page), pour Theme (Thème), sélectionnez Dark (Foncé).
Vous allez ensuite configurer un élément de liste à l'aide de couleurs choisies pour être visibles sur un arrière-plan foncé.
Configurer l'élément de liste
Le premier élément que vous allez ajouter à votre tableau de bord est une liste. Une liste est utile pour afficher les entités, dans le cas présent, les pannes. À l'aide d'options de mise en forme avancée, vous pouvez configurer la liste de sorte à afficher les informations déduites sur une panne.
- Dans la barre d’outils du tableau de bord, cliquez sur Add element (Ajouter un élément).
- Sur l’élément de carte, cliquez sur le bouton d’ajout de gauche et sélectionnez List (Liste).
- Dans la fenêtre Select a layer (Sélectionner une couche), cliquez sur Power Outages (View) - Power Outage Incidents (Coupures de courant (Vue) - Incidents de coupure de courant).
- Dans l’onglet Data (Données), dans la section Sort by (Trier par), cliquez sur Add field (Ajouter un champ) et sélectionnez Start Date/Time (Date/Heure de début).
- Cliquez sur Sort descending (Tri décroissant).
Votre liste est triée de sorte à afficher en premier les pannes les plus récentes.
- Cliquez sur l’onglet List (Liste).
La liste affiche le champ OBJECTID de chaque point de données. Le champ OBJECTID ne vous dit cependant rien sur la panne. Certaines informations sont déjà disponibles dans les données, mais la durée de la panne et l'indice de fiabilité ne le sont pas. Vous pouvez les calculer à l'aide d'une expression Arcade. Arcade est un langage d’expression flexible qui vous permet de manipuler des données en temps réel dans ArcGIS. Vous pouvez utiliser Arcade pour effectuer des calculs de champ sur vos données et personnaliser le mode de rendu de vos points de données. Vous pouvez élaborer et appliquer des expressions Arcade à l'aide de l'éditeur d'expressions Arcade.
- Dans List options (Options de liste), cliquez sur Enable (Activer) en regard de Advanced formatting (Mise en forme avancée).
L’éditeur Arcade apparaît.
Remarque :
Une fois la mise en forme avancée activée, les propriétés définies par le système ne sont plus disponibles. La mise en forme de la visualisation en liste est effectuée intégralement via l'expression.
La section Expression permet de créer l’expression. Les onglets Profile variables (Variables de profil) et Functions (Fonctions) contiennent les éléments à utiliser dans l’expression. L’onglet Profile variables (Variables de profil) inclut une liste de variables prédéfinies pour vous aider à créer des expressions. Par exemple, $datapoint vous donne accès aux champs de vos données. L'onglet Functions (Fonctions) permet d'accéder à la bibliothèque des fonctions Arcade. Vous pouvez cliquer sur le bouton d’information en regard de chaque fonction pour afficher l’aide associée sur les paramètres, la syntaxe et l’utilisation. À l'aide d'une expression Arcade, vous allez calculer le temps écoulé entre l'ajout du rapport et l'heure actuelle. Pour cela, vous allez créer une variable pour l'heure de signalement de la panne, une autre pour l'heure actuelle et utiliser une fonction Arcade intégrée pour calculer la différence.
- Cliquez sur le bouton Pop out editor (Éditeur contextuel).
La fenêtre Advanced formatting (Mise en forme avancée) apparaît.
- Dans la zone de texte, supprimez l’expression actuelle et saisissez var dateOpened =.
- Placez votre curseur après le signe égal, ajoutez un espace, puis cliquez sur l’onglet Profile variables (Variables de profil).
- Cliquez sur la flèche de $datapoint.
- Dans la liste de variables qui apparaît, cliquez sur la variable $datapoint.StartDate.
La variable est ajoutée à votre ligne de code. Cette ligne définit la valeur StartDate comme date de signalement de la panne.
- Cliquez après StartDate et appuyez sur Entrée pour commencer une nouvelle ligne.
Sur la ligne suivante, vous allez définir la deuxième variable, à savoir, l'heure actuelle.
- Saisissez var currentTime =.
- Cliquez sur l’onglet Functions (Fonctions), puis, dans la barre de recherche, saisissez now. Dans la liste des résultats, sélectionnez la fonction Now().
La fonction est ajoutée à votre expression. La fonction Now() renvoie la date et l’heure actuelles.
Utilisez ensuite les deux variables définies pour calculer le temps écoulé, à l’aide de la fonction DateDiff. La fonction DateDiff opère une soustraction entre deux dates et renvoie la différence dans les unités spécifiées. Pour ce calcul, la durée est renvoyée en minutes.
- Commencez une nouvelle ligne et saisissez var minutesOpened = DateDiff(currentTime, dateOpened, 'minutes');
Le code Arcade complet est le suivant :
var dateOpened = $datapoint.StartDate var currentTime = Now() var minutesOpened = DateDiff(currentTime, dateOpened, 'minutes');
Ce calcul renvoie le nombre de minutes pendant lequel une panne est restée active. Toutefois, il peut arriver que des pannes durent plusieurs heures, voire plusieurs jours. Dans ces cas là, il n'est pas aussi pertinent d'afficher le nombre de minutes. Vous pouvez mettre en forme le mode d'affichage du temps écoulé à l'aide d'une fonction écrite dans Arcade, pour afficher les minutes, les heures et les jours.
Vous allez maintenant ajouter une fonction pour la mise en forme de la durée écoulée.
- Appuyez deux fois sur Entrée et copiez-collez l’instruction de fonction suivante :
//Define the function name. function formatElapsedTime(numMinutes) { //The elapsed time of an outage is not always a whole number. numMinutes = Floor(Abs(numMinutes)); //Using the Floor function, you can round down the time to number of hours and days. var numHours = Floor((numMinutes/60),0); var numDays = Floor((numMinutes/(60*24)),0); //Using a When logic function, you can append the unit prefix to the value. var elapsedTime = When( numHours < 1, numMinutes + 'm', numDays < 1, numHours + 'h ', numDays + 'd ' ); return elapsedTime; }Remarque :
Pour connaître l’objet de chaque portion de la fonction, reportez-vous aux commentaires (les commentaires commencent par //) dans l’expression.
La fonction arrondit le nombre de minutes à l'entier inférieur pour obtenir des nombres entiers, puis utilise la division euclidienne sur ces minutes arrondies pour calculer le nombre d'heures et de jours. À l'aide d'une fonction logique When, elle ajoute ensuite le préfixe d'unité approprié.
Vous allez à présent définir votre variable de durée de panne finale. Cette ligne crée une variable intitulée timeFormatted qui contient les résultats de la fonction formatElapsedTime que vous venez de créer, appliquée à la variable minutesOpened pour afficher correctement le temps écoulé.
- Ajoutez une autre ligne après votre fonction et saisissez var timeFormatted = formatElapsedTime(minutesOpened);
Une fois que vous avez calculé la durée de la panne, vous pouvez calculer l'indice de fiabilité. Cet indice est déterminé en calculant le nombre de clients affectés par la durée de la panne.
- Ajoutez une autre ligne et saisissez var reliabilityIndex = Floor(($datapoint["ImpactedCustomers"]/minutesOpened),2);
Cette nouvelle variable divise le point de données Impacted Customers par la variable minutesOpened que vous avez créée précédemment. Comme cette valeur risque fort d'être une fraction, l'application de la fonction Floor sur l'ensemble du calcul arrondit le nombre à une valeur à deux chiffres après la virgule.
À présent, avec la valeur de l'indice de fiabilité, vous pouvez identifier les pannes les plus graves ou qui risquent de réclamer une attention immédiate. Pour faciliter l'identification de ces pannes sur la liste, créez une variable de couleur qui mettra en évidence les incidents dont l'indice de fiabilité est supérieur à 1.
- Ajoutez une autre ligne et saisissez var severityColor = IIF(reliabilityIndex > 1, '#C22E00', '#363636')
La variable utilise la fonction IFF, qui renvoie une valeur donnée (dans le cas présent, une couleur) si une condition est remplie et une autre valeur dans le cas contraire. Dans notre cas, si la valeur de l'indice de fiabilité est supérieure au seuil de 1, la couleur est rouge. Sinon, la couleur est grise.
Une fois que vous disposez de vos variables finales, timeFormatted, reliabilityIndex et severityColor, renvoyez-les dans l'expression. Cela vous permet de les référencer comme nouveaux attributs dans le modèle d'élément de ligne pour alimenter l'élément de ligne.
- Ajoutez une ligne et saisissez ce qui suit à la fin de votre expression :
return { attributes: { timeFormatted: timeFormatted, reliabilityIndex: reliabilityIndex, severityColor: severityColor } }Votre éditeur Arcade se présente comme suit :
Le code complet est le suivant :
var dateOpened = $datapoint.StartDate var currentTime =Now() var minutesOpened = DateDiff(currentTime, dateOpened, 'minutes'); //Define the function name. function formatElapsedTime(numMinutes) { //The elapsed time of an outage is not always a whole number. numMinutes = Floor(Abs(numMinutes)); //Using the Floor function, you can round down the time to number of hours and days. var numHours = Floor((numMinutes/60),0); var numDays = Floor((numMinutes/(60*24)),0); //Using a When logic function, you can append the unit prefix to the value. var elapsedTime = When( numHours < 1, numMinutes + 'm', numDays < 1, numHours + 'h ', numDays + 'd ' ); return elapsedTime; } var timeFormatted = formatElapsedTime(minutesOpened); var reliabilityIndex = Floor(($datapoint["ImpactedCustomers"]/minutesOpened),2); var severityColor = IIF(reliabilityIndex > 1, '#C22E00', '#363636') return { attributes: { timeFormatted: timeFormatted, reliabilityIndex: reliabilityIndex, severityColor: severityColor } } - Cliquez sur le bouton Done (Terminé) au bas de la fenêtre.
- Dans la fenêtre List options (Options de liste), faites défiler la page sous la zone de texte Expression et dans Line item template (Modèle d’élément de ligne), cliquez sur Source.
Dashboards vous permet d’utiliser un code HTML personnalisé pour mettre en forme vos éléments de liste. Avec la mise en forme avancée, cela vous permet de créer des visualisations personnalisées qui ne font pas partie des propriétés définies par le système. Dans le champ Line item template (Modèle d'élément de ligne), vous pouvez utiliser l'expression que vous venez de créer avec du HTML pour mettre en forme l'affichage de chaque élément de liste.
- Supprimez la ligne <p>{OBJECTID}</p>.
- Copiez et collez ce qui suit dans l'éditeur :
<div style="background-color:#363636; border-left:3px solid white; padding:0.4rem 0.3rem 0.3rem 0.6rem"> <p><span style="font-size:16px; opacity:1">Time elapsed: {expression/timeFormatted}</span></p> <p><span style="font-size:14px; opacity:1; padding:1px">{UtilityCompany} - {County}</span></p> <p><span style="background-color:{expression/severityColor}; border-radius:5px; font-size:14px; opacity:1; padding:1px 6px">SAIDI: {expression/reliabilityIndex}</span></p> </div>
La première balise, <div style>, détermine l'élément de ligne structurelle. Dans le style div, vous déterminez la couleur d'arrière-plan, la bordure et le remplissage de l'élément de ligne.
Les prochaines lignes qui utilisent la balise de paragraphe, <p>, déterminent la mise en forme de chaque information incluse dans l'élément de ligne. Pour votre liste, vous souhaitez afficher le temps écoulé nouvellement calculé, la compagnie d'électricité et l'indice de fiabilité.
Vous déterminez le style de chaque balise <p> à l'aide de la balise <span style> et les éventuelles propriétés de style. Dans la balise <p>, vous déterminez le texte affiché dans l'élément de ligne. Par exemple, dans la première balise <p>, vous affichez le texte "Temps écoulé :" auquel vous ajoutez l'expression du temps écoulé.
- Cliquez sur Source (Source) pour prévisualiser la mise en forme de votre liste.
- Cliquez sur Done (Terminé).
Chaque élément de liste affiche maintenant le temps écoulé, la compagnie d'électricité associée et la valeur de l'indice de fiabilité (SAIDI). Si cette valeur est supérieure au seuil, elle est mise en évidence en rouge.
Configurer l'indicateur de panne
Maintenant que vous disposez d'une liste qui détaille les pannes signalées, vous devez ajouter un indicateur. Ce dernier récapitule en un coup d'œil le nombre de pannes actives dans l'État. En plus d'afficher le nombre de pannes actives, à l'aide d'une valeur de référence, d'une mise en forme avancée et d'un code HTML personnalisé, vous allez créer une alerte qui s'affichera lorsqu'une panne est signalée.
- Dans la barre d’outils du tableau de bord, cliquez sur Add element (Ajouter un élément). Pointez sur l’élément de carte, cliquez sur le bouton d’ajout de droite, puis sélectionnez Indicator (Indicateur).
- Dans la fenêtre Indicator Select a layer (Indicateur - Sélectionner une couche), cliquez sur Power Outages (View) - Power Outage Incidents.
La fenêtre Indicator (Indicateur) apparaît.
- Dans l’onglet Data (Données), développez la section Reference (Référence).
- Pour Reference type (Type de référence), choisissez Statistic (Statistique).
La valeur de référence permet de déterminer le moment auquel une nouvelle panne est signalée. Filtrez cette valeur pour n'inclure que les pannes survenues au cours des cinq dernières minutes. Votre ligne de base pour une nouvelle panne est ainsi définie sur cinq minutes.
- En regard de Filter (Filtre), cliquez sur le bouton Filter (Filtre).
- Sous Filter (Filtre), générez l’expression suivante :
- Pour Field for the condition (Champ de condition), cliquez sur Start Date/Time (Date/heure de début).
- Pour l'opérateur, sélectionnez is within the last (est compris dans le dernier).
- Entrez 5 pour la valeur et sélectionnez minutes (minutes) pour l'unité.
Maintenant que vous disposez d’une valeur de référence, utilisez la mise en forme avancée pour configurer l’alerte de données à ajouter au titre de l’indicateur.
- Cliquez sur l’onglet Indicator (Indicateur).
- Pour Advanced formatting (Mise en forme avancée), cliquez surEnable (Activer).
À l'aide de Arcade, vous allez créer la variable qui permettra de déterminer quand la nouvelle alerte de panne s'affiche, à l'aide d'une fonction logique IFF. Votre condition est basée sur la valeur de référence que vous avez configurée. Cette condition indique que si le nombre de pannes signalées au cours des cinq dernières minutes est positif, le message est visible. Dans le cas contraire, il est masqué.
- Dans l’éditeur, après les premières lignes qui définissent les variables, ajoutez une ligne et saisissez var visibility = IIF($reference.count_ObjectID > 0, 'visible', 'hidden').
Renvoyez ensuite la condition de visibilité et le reste de l’affichage de l’indicateur. Créez également le message à afficher en cas de nouvelle panne. Dans notre cas, vous allez créer le message suivant : « Nouvelle panne signalée au cours des cinq dernières minutes ».
- Dans l'éditeur, supprimez le bloc de code compris entre return { et la dernière ligne.
- Copiez et collez ce qui suit à la place :
return { middleText: $datapoint["count_ObjectID"], middleTextMaxSize: 'large', bottomText:'Active outages', bottomTextMaxSize: 'medium', attributes: { visibility: visibility, message: 'New outage reported in the last 5 mins' } }Les différentes propriétés de l'indicateur sont définies dans l'instruction de retour. Pour cet indicateur, vous n'utilisez que les zones de texte centrale et inférieure. Vous allez également définir la variable de visibilité créée avec le message affiché lorsque la visibilité possède la valeur vrai.
Conseil :
Vous pouvez définir toutes les parties d'un indicateur à l'aide de la mise en forme avancée. Ces propriétés sont celles qui seraient sinon définies à l'aide des paramètres de configuration standard de l'indicateur. Pour une liste complète des propriétés d'indicateur pouvant être définies, reportez-vous à la rubrique Mise en forme avancée dans un indicateur.
- Cliquez sur l'onglet Général.
- Dans la fenêtre General options (Options générales), dans la section Title (Titre), cliquez sur Edit (Mettre à jour).
- Dans l'éditeur de texte enrichi, cliquez sur Source (Source).
- Copiez et collez ce qui suit dans l'éditeur :
<div style="background-color:#de290033; border-left:2px solid #de2900; box-shadow:0 4px 6px 0 hsla(0,0%,0%,0.2); color:##de2900; margin-bottom:0.4rem; margin-left:0.4rem; margin-right:0.4rem; margin-top:0.1rem; padding:0.7rem; visibility: {expression/visibility}; width:98%"> <span style="font-size:16px">{expression/message} </span> </div>Dans le cas présent, HTML est utilisé pour définir les propriétés de style du message. La première balise, <div style>, détermine la structure. Dans la balise <div style>, plusieurs propriétés, telles que la couleur d'arrière-plan et la bordure, sont définies. La visibilité du message est contrôlée par l'expression de visibilité que vous avez créée précédemment.
- Cliquez sur Source (Source) pour prévisualiser votre message.
- Cliquez sur Done (Terminé).
Votre indicateur de panne indique à présent le nombre total de pannes actives dans l'État.
Si une panne a été signalée au cours des cinq dernières minutes, le message d'alerte apparaît au début.
Configurer l'indicateur d'impact sur les clients
Le dernier élément à ajouter est un indicateur récapitulant le nombre de clients affectés par les pannes, réparti par type de panne (planifiée ou non planifiée). Il est important de connaître le nombre de clients affectés pour mieux évaluer la situation.
- Dans la barre d’outils du tableau de bord, cliquez sur Add element (Ajouter un élément). Pointez sur l’élément d’indicateur et cliquez sur le bouton d’ajout dans la partie supérieure. Sélectionnez Indicator (Indicateur).
- Dans la fenêtre Indicator Select a layer (Indicateur - Sélectionner une couche), cliquez sur Power Outages (View) - Power Outage Incidents.
- Dans la fenêtre Data options (Options des données), pour Statistic (Statistique), sélectionnez Sum (Somme). Pour Field (Champ), sélectionnez Impacted Customers.
- Développez la section Reference (Référence), pour Reference type (Type de référence), sélectionnez Statistic (Statistique).
Davantage d’options apparaissent dans la section Reference (Référence).
- Pour Filter (Filtre), cliquez sur le bouton Filter (Filtre).
- Dans la liste déroulante Field for the condition (Champ de condition), sélectionnez Outage Type (Type de panne).
- Pour l’opérateur, vérifiez que equal (égal) est sélectionné. Sur l’onglet Value (Valeur), sélectionnez Planned.
- Pour Statistic (Statistique), choisissez Sum (Somme). Pour Field (Champ), sélectionnez Impacted Customers.
Vous disposez maintenant de la valeur et des valeurs de référence à utiliser dans l’affichage de votre indicateur. Dans le cas présent, la valeur correspond au nombre total de clients affectés et la valeur de référence, au nombre de clients affectés par les coupures planifiées.
- Cliquez sur l’onglet Indicator (Indicateur).
Les valeurs, valeurs de référence et calculs prédéfinis peuvent être injectés directement dans la visualisation de l’indicateur à l’aide d’accolades {} ou du bouton Fields: {} (Champs : {}).
- Dans la fenêtre Indicator options (Options d’indicateur), saisissez les paramètres suivants :
- Pour Top text (Texte supérieur), saisissez Clients affectés.
- Pour Middle text (Texte central), saisissez Total:{calculated/value}.
- Pour Bottom text (Texte inférieur), saisissez Planned:{calculated/reference} Unplanned: {calculated/difference}.
- Développez la section Value formatting (Mise en forme des valeurs).
- Désactivez l'option Unit prefix (Préfixe d'unité).
Vous pouvez ainsi voir les valeurs exactes des clients affectés.
- Cliquez sur Done (Terminé).
L'affichage de l'indicateur est maintenant alimenté avec le nombre total de clients affectés et les détails du nombre de clients affectés par des coupures planifiées et du nombre de clients affectés par des coupures non planifiées.
Vous allez à présent organiser les indicateurs du tableau de bord.
- Pointez sur le contour gauche de la colonne d’indicateur pour faire apparaître un curseur de redimensionnement, puis faites glisser la colonne pour agrandir la carte et réduire les indicateurs.
- Dans l’élément de carte, effectuez un zoom avant et déplacez la carte pour centrer les données autour de l’État de Californie.
- Si nécessaire, fermez le volet Layout (Mise en page) pour afficher un meilleur aperçu de vos tableaux de bord.
- Dans la barre d’outils du tableau de bord, cliquez sur Save (Enregistrer) et sélectionnez Save (Enregistrer) pour enregistrer votre tableau de bord.
Dans ce didacticiel, vous avez créé une carte et un tableau de bord des coupures de courant qui vous permettent d’identifier rapidement les coupures de courant à venir dans l'État de Californie. À l'aide de la mise en forme avancée des éléments de liste et d'indicateur, vous avez pu déduire et visualiser des données non immédiatement disponibles. En plus de visualiser de nouvelles informations, vous avez pu configurer une alerte qui se déclenche en cas de panne. Être en mesure de détecter les pannes à mesure qu’elles se produisent peut permettre aux villes, comtés et états de prendre des décisions avisées et de mobiliser leurs ressources afin de résoudre les problèmes de manière plus efficace.
Vous trouverez d’autres didacticiels dans la bibliothèque des didacticiels.
