Operations Dashboard Creation Demonstration Script

OVERZICHT

This script is to be used for presenting the different stages needed to create an Operations Dashboard on Cadasta’s Platform, based on the ESRI ArcGIS product.

AANNAMES

• Trainees have an understanding on how to log into Cadasta’s Platform and create a web map.
• You, the trainer, have slides which show:
  • Examples of serial charts, pie charts, indicators, and gauges
  • Explanations about serial chart categories
  • Outline of general rules regarding the use of colors in dashboards

DEMO STEPS

1. Show the Cadasta Platform-startpagina.

2. Show how to find the Project Grow web map by searching for “grow” in the search bar and selecting the web map named Project groeien – Projectkaart.

3. Show how to select the Web-app maken button and click the Dashboards keuze.

4. Show how you can change the Titel of the Dashboard, Tags, en de Overzicht. Then press the Oké knop.

5. Show the Dashboard window and how it already includes the web map selected in the previous steps.

6. Show the Opslaan button and emphasize that it is important to save after each change has been made.

7. Show that you can add a new card by pressing the + knop.

8. Show the different card types you can make. Focus on the most frequently used cards: Seriële kaart; Cirkeldiagram; Indicator; en Graadmeter.

9. Explain that a Seriële kaart shows one or more series of data points along a horizontal (X) axis and a vertical (j) axis.

10. Show a slide with an example of such a Seriële kaart.

11. Explain that a Cirkeldiagram shows part-to-whole relationships or data composition. It is not meant to show more than seven or eight data points.

12. Show a slide with an example of a Cirkeldiagram.

13. Explain that an Indicator can be used to show the numeric attributes of individual features or it can be used to display a count, a sum, an average, a minimum, or a maximum summary statistic.

14. Show a slide with an example of an Indicator.

15. Explain that a Graadmeter is used to display a single metric defined by minimum and maximum values.

16. Show a slide with an example of a Graadmeter.

17. Explain that you will now show how to create a Seriële kaart.

18. Selecteer de Seriële kaart option on your Dashboard window.

19. Selecteer de laag "Project Grow – Bekijken voor webkaarten.”

20. Explain that Categories From can be taken from Gegroepeerde waarden, Features, of Fields.

21. Show a slide that describes Gegroepeerde waarden, Features, en Fields and when each type should be used.

22. Explain that you will be using the Gegroepeerde waarden option under the Categories From selection (which is the default option) for this project.

23. Van de Categorie Veld drop-down menu select the “Head of household’s age” field.

24. Show that a preview of the chart automatically shows up to the right to help you quickly understand how the data will be shown.

25. Show that the default Statistiek used is Graaf. If your dataset has other statics computed, they can be used instead by changing the type and selecting the field which includes this data.

26. Show that the chart has a category called “Null.” This counts the rows which do not have any entries to the “Head of household’s age” field.

27. Explain that these records can be omitted from the chart by adding a Filter.

28. Show the Filter section and press the + Filter knop.

29. Show that you can define the condition of this filter by selecting the field.

30. Start entering the words “Head of household’s age” to find this field and then select it.

31. Show that you can select a Value for the condition or change the operator to something different.

32. Explain that since you want to remove the records which have null values you will be changing the operator from “equal” to “is not null.”

33. Show that once this filter is defined, the chart will refresh to show the categories without the records which contain null values. You can add more filters by clicking the And en Or buttons.

34. Explain that there are many options available in configuring how the chart looks but in this demonstration you will only show one option.

35. druk de Serie tab on the left hand side and show the options available for configuring the data series.

36. In de Series Options panel, ga naar de Bar Colors and press the By Category knop. Each category will now appear as a different color.

37. Each color can be changed or the entire color band can changed by pressing the Apply Colors button and selecting a different color band.

38. druk de Algemeen tab on the left hand side.

39. Explain that it is important to give the Seriële kaart a name so that it can be referred to in the future when adding more advanced options.

40. Verander de Naam of this chart to “Age.”

41. Explain that it is also important to give a title which explains what the chart is showing.

42. In de Titel section press the Bewerk button and enter the words “Age Distribution.” Then make the text bold and centered using the text options.

43. Show how the new title shows up at the top part of the chart.

44. druk de Gedaan button in the bottom right corner to save your work. Emphasize that it is important to do this every time in order to save your changes.

45. Show that the new card has been added to the Dashboard.

46. Point out that the new card has a different background than the general background of the Dashboard.

47. Explain that it is important to have consistent backgrounds and chart colors to make it easier to understand the information being shown and that you will now show how this is done.

48. Show how you can configure the card by hovering over the top left corner of the card and selecting the Configureren knop.

49. druk de Algemeen tab on the left hand side.

50. Show how you can change the background color by pressing the Achtergrond kleur square.

51. Explain that you can either select a color from the color palette or enter the hexadecimal code of the color.

52. Open the HTML Color Codes page to show an example of a way to help you find the hexadecimal code of a color.

53. druk de Achtergrond kleur square and select the light gray color (#ebebeb code).

54. druk de Gedaan button and show that now the card background color aligns with the general background color.

55. Show a slide which outlines some general rules regarding the use of colors in Dashboards. Explain that color can be used to make connections between information, evoke authority, and/or draw attention. Show examples of each one in the slides.

56. In the Dashboard page press the Opslaan button and remind the trainees again that it is important to save your changes every time they are made. Emphasize that especially in areas with low connectivity the save option is crucial to ensure that changes are not lost.

57. Explain that you will now show how to create an Indicator.

58. druk de + button and select the Indicator keuze.

59. Selecteer de laag "Project Grow – Bekijken voor webkaarten.”

60. Show that the default option is to count the number of records in the layer.

61. Explain that there are other options for statistics including minimum/maximum values, average, sum and standard deviation.

62. Next to the Statistiek field, druk de Graaf option and show the drop-down list of options.

63. Explain that for Statistics that are not Graaf, you will need to define which field is to be used. Show the drop-down with the list of numeric fields available for use.

64. Explain that for this demonstration we will be focusing on the default Graaf keuze. Make sure that it is selected.

65. druk de Algemeen tab on the left hand side.

66. Explain that it is important to give the Indicator a name so that it can be referred to in the future when adding more advanced options.

67. Verander de Naam to “num_parcels.”

68. Explain that it is also important to give a title which explains what it is being shown.

69. In de Titel section press the Bewerk knop.

70. Enter the words “Number of Parcels.” Then make the text bold and centered using the text options.

71. Show that the new title shows up at the top part of the chart.

72. druk de Gedaan button to save your work.

73. Show that the new card has been added to the Dashboard.

74. Note that the new card has a different background than the general background of the Dashboard.

75. Show again how you can configure the card by hovering over the top left corner of the card and selecting the Configureren knop.

76. druk de Algemeen tab on the left hand side.

77. druk de Achtergrond kleur square and select the light gray color (#ebebeb code).

78. druk de Gedaan button and show that now the card background color aligns with the general background color.

79. Explain that a Dashboard can also be saved under a different name. This can be useful when edits are needed but you want to preview how they look.

80. Press the down arrow next to the Opslaan button and then select the Save As keuze.

81. Change the title of the new Dashboard to “Project Grow – Project Map edit preview.”

82. druk de Opslaan knop.

83. Explain that after you finish adding all of the elements in the Dashboard, you will need to share the Dashboard so that others can access it.

84. In the Dashboard view page, go to the upper left corner and press the down arrow next to the Home knop.

85. Selecteer de Dashboard-itemdetails keuze.

86. In de onderdeel details bladzijde, druk de Deel knop.

87. Explain that this window shows you the different options for sharing your Dashboard.

88. Emphasize that the data sources used in the Dashboard (web map and the layers in the web map) should all be shared in the same way as the Dashboard. Bijvoorbeeld, if the Dashboard is shared with Iedereen, then the layers and web maps also need to be set to sharing with Iedereen.

89. Explain that if you share the Dashboard with Iedereen that it will not require an account to view. You should open the Dashboard in an incognito browser to verify that all Dashboard elements are showing correctly. We will demonstrate this now.

90. In de onderdeel details bladzijde, druk de Dashboard bekijken knop.

91. Copy the url of the Dashboard. Open an incognito browser and paste the url to open the Dashboard.

92. Explain that it is important to review the different parts of the Dashboard. If any of the elements are not showing up correctly, you should edit the Dashboard by going back to the onderdeel details page and pressing the Edit Dashboard knop.

93. Explain that after the Dashboard has been shared, you can get a short url link to easily share this Dashboard.

94. In de onderdeel details bladzijde, druk de Edit Dashboard knop.

95. Go to the upper right corner and press the down arrow next to the Meer opties knop, which is symbolized by three small dots.

96. Onder de Share Link section you will see the short url link which you can use to share the Dashboard.

97. Open a new incognito browser and paste the url link to test it.

98. Explain that this link can be shared with anyone who wants to see the Dashboard.