Este tutorial utiliza Map Viewer Classic.

Se abre Map Viewer Classic.

Aparece el panel de búsqueda. Buscará y agregará las tres capas en tiempo real de la ciudad relacionadas con las quitanieves y las vías públicas

La búsqueda devuelve la capa Vehicles (Latest). Esta capa contiene entidades de punto que visualizarán la última ubicación registrada de cada quitanieves. Cuando las quitanieves cambian de ubicación, sus dispositivos AVL transmiten sus coordenadas GPS a GeoEvent Server. Una vez configurada correctamente la capa, esta se actualizará automáticamente con las coordenadas más actuales.

Los vehículos se representan con triángulos de colores. Los triángulos de color naranja representan a las quitanieves y los de color azul representan a las camionetas con palas adosadas. Cada uno de los cinco vehículos tiene su correspondiente símbolo en el mapa. En este momento, las ubicaciones de los símbolos no se actualizan en tiempo real porque no ha cambiado la configuración para que la capa pueda hacerlo. En primer lugar, agregaremos las demás capas al mapa. A continuación, actualizará el intervalo de actualización de las capas.

Los vehículos se representan con círculos de colores. Al igual que antes, el color naranja representa a las quitanieves y el azul representa a las camionetas. Al igual que en la otra capa, esta capa no está configurada aún para actualizarse en tiempo real. Además, el gran número de círculos dificulta la visión de los triángulos que representan la ubicación más reciente de cada vehículo. Más adelante durante este tutorial, cambiará la simbología de una de las capas para que se diferencien mejor. Antes de ello, es necesario agregar una capa más.

Esta capa contiene entidades que representan a las vías públicas principales de la zona. Cada vía se simboliza en función de si ya ha sido limpiada (verde), está pendiente de limpieza (rojo) o se está limpiando en este momento (amarillo). Aunque las entidades tienen el aspecto de líneas, en realidad son polígonos. Para detectar si una quitanieves ha entrado o salido de una sección concreta de una vía, los datos originales de la línea de centro de la vía cuentan con zonas de influencia con una distancia definida. De esta forma, incluso si una quitanieves no se encuentra exactamente en el centro de cada vía, se seguirá registrando como situada en esa vía. Las zonas de influencia se agregaron a GeoEvent Server como barreras geográficas o perímetros geométricos que desencadenan una respuesta si algún elemento entra en su área. En este caso, las vías públicas se marcan como limpias, aún no limpiadas o en progreso, en función de si las quitanieves han atravesado o están atravesando actualmente las barreras geográficas.

El panel Contenido muestra las capas que ha agregado al mapa.

La capa Street Plowed Status no se ve bien en el mapa base actual, por lo que cambiará el mapa base a otro que presenta un esquema de colores más oscuro.

La capa Street Plowed Status ahora se ve más claramente en el mapa.

Ahora ha agregado sus capas, pero el componente temporal de todas las capas está inactivo. Aunque estas capas se prepararon específicamente con GeoEvent Server para contener transmisiones de datos en directo basados en el dispositivo AVL de cada quitanieves, los datos no se actualizan en el mapa hasta que se establece un intervalo de actualización. Un intervalo de actualización es un periodo de tiempo durante el cual la capa se refresca en el mapa. Cuando la capa se refresca, toma los datos más recientes de los flujos de datos en tiempo real a los que está conectada mediante GeoEvent Server. Hasta que se establece un intervalo de actualización, las capas solo muestran los datos actualizados en el momento en que se agregó la capa al mapa.

Aparece un menú con valores adicionales de la capa.

El intervalo de actualización mínimo de esta capa es de 0,5 minutos, lo que equivale a 30 segundos. Las capas de su mapa se refrescan cada 30 segundos con los datos más recientes provenientes de los dispositivos AVL.

Las tres capas se actualizan ahora a partir del mismo temporizador. Ahora reorganizaremos el orden de las capas para que la ubicación más reciente de los vehículos aparezca por encima del resto del contenido del mapa.

Aparece el panel Cambiar estilo. La capa ya está simbolizada en función del atributo vehicletype, que indica si un vehículo es una quitanieves o una camioneta. La idea no es cambiar si este atributo se muestra o no, sino afinar las opciones en cuanto a sus símbolos.

El panel muestra opciones de simbología. Se muestran dos símbolos: uno para las camionetas y otro para las quitanieves. Mantendrá el esquema de colores azul y naranja para que la simbología siga coincidiendo con la otra capa de vehículos, pero alterará levemente cada símbolo de forma que las ubicaciones de los vehículos destaquen.

Aparece una ventana con opciones para cambiar el símbolo. Entre las opciones se encuentra una lista de símbolos predeterminados. La categoría de lista actual es la de formas.

El nuevo símbolo se aplica automáticamente al mapa.

El nuevo símbolo utiliza un azul ligeramente distinto para diferenciarlo del símbolo de las ubicaciones anteriores de las camionetas. A continuación, haremos un cambio similar en el símbolo de las quitanieves.

Se actualizan los símbolos de las quitanieves y de las camionetas.

En lugar de que las flechas apunten siempre hacia arriba, orientaremos los símbolos para que apunten en la dirección hacia la que se dirigen los vehículos. Así, los usuarios podrán seguir mejor la ruta de cada vehículo gracias a la simbología.

Aparecen opciones para el giro de los símbolos.

Geográfico significa que la rotación irá en el sentido de las agujas del reloj desde 0 y el símbolo girará en el sentido de las agujas del reloj desde su orientación actual. Como resultado, las flechas apuntarán en la dirección hacia la que se dirigen los vehículos.

Los nuevos símbolos aparecen más claramente en el mapa y proporcionan más información al usuario. Sin embargo, es posible hacer que destaquen más y proporcionen más información. Etiquetaremos los vehículos de forma que las autoridades locales puedan determinar de un vistazo dónde se encuentra un vehículo concreto en el mapa.

Aparece el panel Etiquetar entidades y se agregan etiquetas predeterminadas a los vehículos. Los vehículos se etiquetan por su número (Camioneta 1, Camioneta 2, etc.), lo que ayuda a las autoridades locales a identificar cada camioneta de su flota en el mapa. Sin embargo, las etiquetas predeterminadas utilizan texto normal en color negro que no se ve bien sobre este mapa base oscuro.

El color de texto blanco se ve más claramente en el mapa. Sin embargo, la alineación predeterminada de las etiquetas las sitúa en la esquina superior derecha del símbolo. Cuando las camionetas están cerca unas de otras, puede ser difícil saber qué etiqueta corresponde a cada símbolo.

Las etiquetas completadas indican más claramente qué camioneta o quitanieves corresponde a cada símbolo. (Si hay dos etiquetas superpuestas, es posible que no se muestren en el mapa). A continuación, guardará el mapa.

Aparece la ventana Filtrar. Usará esta ventana para crear una consulta para que la capa Vehículos (anterior) muestre solo las entidades cuyo atributo de hora esté dentro de los últimos dos minutos.

• En Campo, seleccione time.
• En operador, seleccione en los últimos.
• En Valor, especifique 2 minutos.

La expresión aplicará un filtro en todos los tipos de vehículos (tanto quitanieves como camionetas) que se han actualizado en los últimos dos minutos respecto de la hora actual.

Los datos del mapa se filtran.

Ahora cada quitanieves presenta una ruta de migas de pan con las ubicaciones anteriores. Gracias al filtro, los usuarios comprenden mejor dónde ha estado cada quitanieves y las calles que se limpiaron recientemente.

• En Título, escriba Quitanieves en una ciudad de Utah
• En Etiquetas, escriba Quitanieves, Carreteras, Utah
• En Resumen, escriba Este mapa muestra la ubicación en tiempo real de las quitanieves de una ciudad de Utah.

Aparece la página de inicio de ArcGIS Dashboards, donde puede crear, editar y visualizar cuadros de mando.

Aparece el panel Crear nuevo cuadro de mando.

• En Título, escriba Quitanieves en una ciudad de Utah.
• En Etiquetas, escriba Aprender.
• En Resumen, escriba Ubicación de las quitanieves y estado de las vías públicas de una ciudad de Utah.
• En Carpeta, seleccione la ubicación en la que desea almacenar el cuadro de mando.

Ahora que ha creado su cuadro de mando, puede agregar elementos. En los siguientes pasos, agregará los siguientes elementos:

• Mapa
• Lista
• Gráfico de serie
• Gráfico circular

Aparece el panel Diseño.

Aparece el panel Seleccionar un mapa y enumera los mapas web que están disponibles en su cuenta de ArcGIS.

El contenido del mapa web servirá como fuente de datos para los otros elementos.

Aparece la ventana de mapa Quitanieves en una ciudad de Utah con propiedades para configurar su mapa.

• Elementos emergentes
• Extensión y marcadores predeterminados
• Visibilidad de capa
• Conmutador de mapas base
• Buscar

Estas funcionalidades permiten a los usuarios navegar eficazmente por el mapa, además de seleccionar entidades de interés y conseguir más información mediante elementos emergentes.

Aparece el cuadro de mando con los elementos de mapa que acaba de configurar.

Dado que ha habilitado los elementos emergentes en su cuadro de mando, la funcionalidad para hacer clic en una entidad para acceder a los atributos está disponible automáticamente.

A continuación, elegirá dónde agregar este elemento. Puede agregar elementos a cualquier lado del cuadro de mando o apilarlos sobre cualquier elemento existente. Su siguiente elemento se agregará al lado izquierdo del cuadro de mando.

Ahora configurará la lista para indicar la velocidad de cada uno de los cinco vehículos de la flota. Esta información se utilizará para monitorizar los vehículos que están limpiando actualmente y a qué velocidad se mueven.

El panel de configuración Lista cambia para mostrar las opciones de datos de la capa Vehículos (más reciente).

De forma predeterminada, los vehículos aparecen enumerados ordenados por su ObjectID, un campo que organiza internamente las entidades de una capa. Lo cambiará para enumerar los vehículos ordenados por su nombre de vehículo.

La vista previa del lado derecho de la ventana indica que los vehículos aparecen ahora enumerados en orden de su nombre. A continuación, agregaremos a la lista la velocidad de cada vehículo. Al igual que con el campo de tiempo que utilizamos para crear el filtro, los dispositivos AVL también registran la velocidad de cada quitanieves. La información de velocidad también esta incluida en la capa.

La vista previa de la lista incluye ahora la velocidad de cada vehículo en millas por hora y se muestra a la derecha del panel de opciones de lista.

• En Título, haga clic en Editar y escriba Vehículos en el panel de texto.
• Utilice las opciones de formato para centrar el título y resaltarlo en negrita.
• En Descripción, haga clic en Editar y escriba Velocidad en millas por hora en el panel de texto.

Después de realizar estos cambios, el título se colocará en la parte superior de la lista, y la descripción, en la parte inferior.

El elemento de lista se agrega al cuadro de mando. Puede arrastrar la lista y acoplarla a cualquier parte.

Tener a la vista las velocidades de los vehículos está bien, pero puede hacer que la información sea más clara agregando un gráfico de barras que presente las velocidades de forma relativa entre sí.

• En Categorías de, haga clic en Entidades.
• En Campo de categoría, elija vehiclename.
• En Serie, haga clic en Agregar serie y elija velocidad.
• En Ordenar por, haga clic en Agregar campo, elija vehiclename y compruebe que Orden ascendente esté seleccionado.

La vista previa muestra un gráfico de barras con cinco barras, una para cada vehículo. Sin embargo, las etiquetas de eje no indican los valores que representan las barras.

El título del eje horizontal se actualiza a Vehículo.

El título del eje vertical se actualiza a Velocidad.

• En Título, haga clic en Editar y escriba Velocidad del vehículo. Alinee el texto del título en el centro.
• Debajo del cuadro de texto, haga clic en Normal y elija Encabezado 2.

El gráfico aparece debajo del elemento de lista.

A continuación, agregará un elemento que muestra el estado de las calles en forma de un gráfico circular. Gracias a este elemento, las autoridades municipales pueden ver de un vistazo la proporción entre calles ya despejadas y las que aún quedan por limpiar. Funcionará como un medidor de progreso de las operaciones de limpieza.

Para ver un porcentaje de las calles ya limpias, visualizaremos el recuento de entidades de cada estado de limpieza.

• En Categorías de, asegúrese de que Valores agrupados está seleccionado.
• En Campo de categoría, elija PlowedStatus.

La vista previa se actualiza y muestra un gráfico circular con dos o tres secciones (es posible que no haya ninguna calle con el estado En curso). Actualizará la apariencia del gráfico para agregar una leyenda y cambiar el esquema de colores.

• Expanda la sección Etiquetas. En Visibilidad, haga clic en Ocultar.
• Expanda la sección Leyenda. En Visibilidad, haga clic en Porcentaje.

Activará el gráfico circular con acciones de entidades para que los usuarios puedan ver en el gráfico qué calles se encuentran en un estado determinado

El elemento de gráfico circular contiene mucho espacio vacío. Usará ese espacio para albergar el último elemento que creó. Este elemento será otro elemento de lista que muestra los nombres de las calles y su estado de limpieza.

Quiere que la lista muestre el estado de limpieza de las calles, por lo que cambiará los ajustes de la lista para este fin. También aumentará el número máximo de elementos que pueden visualizarse en la lista para mostrar muchas calles a la vez.

• En Máximo de entidades visualizadas, establezca el valor como 50.
• En Ordenar por, haga clic en Agregar campo, elija PlowedStatus y compruebe que Orden ascendente esté seleccionado.

La vista previa se actualiza con una vista de calles, cada una con un símbolo que indica el estado de limpieza.

Para que la lista resulte más clara, agregará una descripción a cada elemento de la lista para indicar explícitamente el estado de limpieza. Anteriormente agregó una descripción similar a la lista de velocidades de los vehículos.

Como hicimos con nuestro gráfico circular, activaremos ciertas acciones de entidades de la lista, para que los usuarios puedan usarla para navegar o resaltar calles concretas que les interesan.

Tómese unos minutos para explorar el cuadro de mando de operaciones que acaba de configurar. A continuación, agréguele un encabezado.

El encabezado muestra de forma predeterminada el título del mapa.

Puede compartir el cuadro de mando con otros miembros de su organización o con todo el mundo. Dado que esta vista de operaciones está destinada a las autoridades municipales y no al público en general, solo la compartirá con su organización.

Cuando comparte el cuadro de mando, todos los mapas y datasets asociados deberán compartirse del mismo modo. Puede acceder al cuadro de mando compartido a través tanto de la aplicación de ArcGIS Dashboards como de una cuenta de ArcGIS Online.

El mapa actual se utiliza en su cuadro de mando y cualquier cambio que haga se reflejará en él. Para evitar que el cuadro de mando cambie, guardará una copia de su mapa.

El mapa se guarda con un nuevo título. Los cambios que haga en este mapa no se reflejarán en su cuadro de mando. A continuación, agregaremos el servicio de transmisión. Los servicios de transmisión no se alojan en ArcGIS Online, por lo que no es posible buscar uno de ellos entre otras capas de ArcGIS Online. En su lugar, utilizaremos la URL del servicio, que apunta al servicio alojado en el servidor SIG de la ciudad.

Aparece la ventana Agregar capa desde la Web.

Se agrega al mapa una nueva capa denominada SandyVehicles. Es posible que resulte difícil ver la nueva capa con todos los demás datos mostrados actualmente en el mapa, por lo que desactivaremos algunas de las otras capas.

Esta capa representa la ubicación más reciente de las quitanieves de la ciudad. Debido a que la capa es un servicio de transmisión, se actualiza automáticamente cada vez que se agregan datos geográficos al servidor, en lugar de refrescarse con un intervalo fijo de 30 segundos. Ahora, cambiará el nombre de la capa de transmisión de modo que su nombre se corresponda con el de las otras capas.

Las capas en tiempo real que utilizó anteriormente estaban simbolizadas para mostrar las quitanieves y las camionetas con símbolos diferentes. El servicio de transmisión solo puede simbolizarse con un único símbolo, pero es posible hacer que ese símbolo sea visualmente similar a los de las otras capas de vehículos.

Se muestra una ventana con opciones de símbolos.

El nuevo símbolo se agrega al mapa.

Ahora, hará que el símbolo contenga símbolos adicionales para las 10 últimas ubicaciones de cada vehículo. Esto hará que cada símbolo aparezca seguido de una pista de las últimas ubicaciones conocidas de cada vehículo, de forma similar a su cuadro de mando. En el caso del cuadro de mando, este efecto se conseguía mediante un filtro; en su mapa web, lo conseguiremos a través de la simbología de la capa.

Tras unos segundos, los símbolos se actualizan y aparecen seguidos de una pista de círculos azules.

El símbolo de círculo azul es el símbolo predeterminado. Lo cambiaremos para que sea más parecido visualmente al símbolo de flecha morada.

Se muestra una ventana con opciones de símbolos.

Los símbolos de círculo azul se convierten en flechas moradas. Además, las flechas giran en la dirección hacia la que se dirige el vehículo.

Ahora, conectará con una línea blanca los símbolos de migas de pan de las observaciones anteriores, para aumentar así la claridad visual.

Su intención es que el público utilice la aplicación web, por lo que la compartirá adecuadamente.

Cualquier persona puede acceder ahora a su mapa web, siempre y cuando tenga la URL.

Se muestra la ventana Crear una aplicación web nueva. Esta ventana contiene una lista de plantillas de aplicación configurables, cada una de ellas adaptada a un fin específico. Sin embargo, creará una aplicación web personalizada con ayuda de Web AppBuilder.

Esta pestaña ofrece opciones para el título, las etiquetas y más información de la aplicación web. Algunos de los parámetros se rellenan con información proveniente del mapa web, pero vamos a cambiar el título y agregar un resumen de información.

Se inicia Web AppBuilder.

Este tema coloca el título de la aplicación web y muchos de sus controles en una barra de color gris, denominada controlador, en la parte inferior del mapa. Simplifica una parte de la funcionalidad y pone énfasis en el mapa. Sin embargo, el controlador gris no se distingue visualmente del mapa base oscuro, por lo que vamos a cambiar su color.

Este esquema de colores se corresponde con los símbolos de color morado de los vehículos de su mapa. Hace que la información del controlador y las herramientas destaquen, realzando a la vez los datos en tiempo real más importantes. A continuación, cambiaremos otros aspectos de su aplicación web. El panel izquierdo tiene cuatro pestañas: Tema, Mapa, Widget y Atributo. La pestaña Mapa le permite elegir el mapa que desea usar en su aplicación y cambiar su extensión predeterminada. Ya ha elegido el mapa, por lo que no necesita usar esta pestaña. La pestaña Atributo le permite cambiar el título de la aplicación, así como otros detalles. Ya había asignado un título a la aplicación, así que tampoco usaremos esta pestaña.

Cuando creó el cuadro de mando, le agregó varios widgets. Estos widgets son listas y gráficos que contenían más información acerca de las operaciones. También puede agregar widgets a una aplicación web creada con Web AppBuilder. Estos widgets ayudan al usuario a realizar una amplia variedad de tareas con los mapas, por ejemplo, navegación y medición. Agregará un widget que permite a los usuarios interactuar con la capa de transmisión de la aplicación.

El controlador cuenta en este momento con tres widgets: una leyenda, una lista de capas y un control deslizante. Estos widgets aparecen en forma de botones debajo del título del controlador.

Aparece la ventana Seleccionar widget. Esta ventana contiene todos los tipos de widgets que puede incluir en el controlador. Existen más de 50 widgets que puede configurar.

Aparece la ventana Configurar transmisión. Existen varias opciones para el widget Transmisión, la mayoría de ellas activadas de forma predeterminada. Estas opciones ofrecen a los usuarios la posibilidad de detener e iniciar la transmisión, eliminar las observaciones anteriores y trazar las observaciones anteriores. Estos valores predeterminados ofrecen a los usuarios un mayor control del servicio de transmisión y les permiten centrarse en la información clave.

El widget se agrega al controlador.

Aparece la ventana Transmisión en el mapa.

Los usuarios pueden cambiar el número de observaciones de migas de pan que siguen a cada vehículo, o detener completamente la transmisión. Si lo desea, experimente con cualquiera de los controles de transmisión.

Puede agregar más widgets a la aplicación web, pero el énfasis de su aplicación son sus capacidades de transmisión en tiempo real, por lo que no agregaremos nada más.

La aplicación acabada se abre en una nueva pestaña o una nueva ventana de navegador.

Pruebe a utilizar la función de vista previa para comprobar su aplicación y recuerde que la aplicación se puede visualizar tanto en un dispositivo móvil como en una tablet.

Ahora, echará un vistazo a los metadatos de la aplicación.

Aparece la página de detalles de elementos de la aplicación. Esta página contiene el nombre, la descripción y las restricciones de uso de la aplicación, además de otros detalles. También puede agregar una vista en miniatura. Es una buena práctica completar todos los metadatos posibles, especialmente en el caso de una aplicación que será usada por el público en general. Es probable que las autoridades municipales deseen editar los metadatos para incluir vínculos y referencias al sitio web del municipio. Quizá agreguen también la imagen del escudo o bandera municipales como vista en miniatura, para indicar que la aplicación es oficial. Sin embargo, para los fines de este tutorial editará los metadatos como desee.

Su aplicación ya se comparte con el público, por lo que cualquiera que tenga la URL puede verla. Para correr la voz, las autoridades municipales pueden copiar la URL, divulgarla por las páginas oficiales de redes sociales del municipio y ofrecer la aplicación a través del sitio web de la ciudad.