Operations Dashboard Creation Demonstration Script

RESUMO

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.

SUPOSIÇÕES

• 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 Página inicial da Plataforma Cadasta.

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 Grow – Project Map.

3. Show how to select the Create Web App button and click the Dashboards opção.

4. Show how you can change the Título of the Dashboard, Tag, e a Resumo. Then press the Está bem botão.

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

6. Show the Salve  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 + botão.

8. Show the different card types you can make. Focus on the most frequently used cards: Serial Chart; Pie Chart; Indicator; e Gauge.

9. Explain that a Serial Chart shows one or more series of data points along a horizontal (x) axis and a vertical (y) axis.

10. Show a slide with an example of such a Serial Chart.

11. Explain that a Pie Chart 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 Pie Chart.

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 Gauge is used to display a single metric defined by minimum and maximum values.

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

17. Explain that you will now show how to create a Serial Chart.

18. Selecione os Serial Chart option on your Dashboard window.

19. Select the layer “Project Grow – View for Web Maps.”

20. Explain that Categories From can be taken from Grouped Values, Features, ou Fields.

21. Show a slide that describes Grouped Values, Features, e Fields and when each type should be used.

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

23. From the Category Field 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 Statistic used is Count. 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 Filtro.

28. Show the Filtro section and press the + Filtro botão.

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 e 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. aperte o Series tab on the left hand side and show the options available for configuring the data series.

36. No Series Options panel, vou ao Bar Colors você deve ter recebido um shapefile de amostra By Category botão. 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. aperte o Geral tab on the left hand side.

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

40. Change the Nome of this chart to “Age.”

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

42. No Título section press the Editar 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. aperte o Feito 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 Configurar botão.

49. aperte o Geral tab on the left hand side.

50. Show how you can change the background color by pressing the Background Color square.

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

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

53. aperte o Background Color square and select the light gray color (#ebebeb code).

54. aperte o Feito 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 Salve  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. aperte o + button and select the Indicator opção.

59. Select the layer “Project Grow – View for Web Maps.”

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 Statistic campo, aperte o Count option and show the drop-down list of options.

63. Explain that for Statistics that are not Count, 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 Count opção. Make sure that it is selected.

65. aperte o Geral 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. Change the Nome to “num_parcels.”

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

69. No Título section press the Editar botão.

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. aperte o Feito 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 Configurar botão.

76. aperte o Geral tab on the left hand side.

77. aperte o Background Color square and select the light gray color (#ebebeb code).

78. aperte o Feito 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 Salve  você deve ter recebido um shapefile de amostra Salvar como opção.

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

82. aperte o Salve  botão.

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 Casa botão.

85. Selecione os Dashboard Item Details opção.

86. No Item Details página, aperte o Compartilhar botão.

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. Por exemplo, if the Dashboard is shared with Everyone, then the layers and web maps also need to be set to sharing with Everyone.

89. Explain that if you share the Dashboard with Everyone 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. No Item Details página, aperte o View Dashboard botão.

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 Item Details page and pressing the Edit Dashboard botão.

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

94. No Item Details página, aperte o Edit Dashboard botão.

95. Go to the upper right corner and press the down arrow next to the Mais opções botão, which is symbolized by three small dots.

96. Under the 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.