Alud de lodo de Oso: antes y después

Crear un mapa web

Después de analizar imágenes o preparar datos geoespaciales, a menudo publica estos elementos como capas en ArcGIS Online, como un paso para compartirlos con su público. Una buena forma de presentar estas capas de una manera atractiva es encapsularlas en una aplicación web.

Antes de crear la aplicación web, primero debe reunir todas las capas de interés de un mapa web. Primero, configurará un nuevo mapa web en ArcGIS Online.

  1. Vaya a ArcGIS Online, haga clic en Sign In (Iniciar sesión) e inicie sesión en su cuenta de organización de ArcGIS.
    Nota:

    Si no tiene una cuenta de organización, puede registrarse para obtener una prueba gratuita de ArcGIS.

  2. En la cinta, haga clic en Mapa.

    Mapa

    Nota:
    Dependiendo de la configuración de usuario y de la organización, es posible que se haya abierto Map Viewer Classic, que antes se denominaba Map Viewer. ArcGIS Online ofrece dos visores de mapas para ver, usar y crear mapas. Para obtener más información sobre los visores de mapas disponibles y cuál usar, consulte estas Preguntas frecuentes.

    En esta lección se utiliza Visor de mapas.

  3. En caso necesario, en la ventana emergente, haga clic en Abrir en el nuevo Map Viewer o, en la cinta, haga clic en Abrir en el nuevo Map Viewer.

    Se abre Visor de mapas.

    Sugerencia:

    Si está en una nueva sesión, al hacer clic en Mapa se abre un mapa nuevo. De lo contrario, se abrirá un mapa existente (el último que haya utilizado). Si se abre un mapa existente, haga clic en Nuevo mapa.

    Mapa en blanco en el nuevo Map Viewer

    A continuación, agregará las capas de interés y empezará a organizar el mapa. La primera capa corresponde a las imágenes capturadas justo después del corrimiento de tierra de 2014.

    Nota:

    Para esta lección, las capas ya están publicadas en ArcGIS Online. En un proyecto real, es muy probable que usted o su organización hayan publicado las capas. También puede utilizar capas preexistentes de fuentes fiables y acreditadas, como ArcGIS Living Atlas of the World.

  4. En el panel Capas, haga clic en Agregar capa.

    Botón Agregar capa

    Aparece el panel Agregar capa.

  5. En el panel Agregar capa, haga clic en Mi contenido y elija ArcGIS Online.
  6. En la barra de búsqueda, escriba Aerial Imagery Oso Slide Area owner: esri_event y pulse Intro.

    Aparecen varios resultados.

  7. Identifique la capa Aerial Imagery Oso Slide Area y haga clic en Agregar.

    Botón Agregar para la capa Aerial Imagery Oso Slide Area

    La capa se agrega al mapa y Map Viewer se acerca a su extensión. Estas son las imágenes que se capturaron justo después del corrimiento de tierra de 2014 en Oso, un área rural del condado de Snohomish, Washington (al norte de Seattle). La forma de color claro que aparece en el centro de las imágenes es el resultado del alud de lodo. El alud se inició en una colina situada al norte y fue bajando a gran velocidad, embalsó el río, bloqueó una carretera cercana y enterró por completo la comunidad de Steelhead Drive. La trágica destrucción provocó 43 víctimas mortales.

    Dado que el mapa que está creando estará principalmente formado por imágenes, también desea elegir un mapa base basado en imágenes de satélite, de modo que todo parezca más cohesiono.

  8. En la barra de herramientas Contenido (oscura), haga clic en Mapa base. Elija el mapa base Imágenes.

    Mapa base Imágenes

    Este mapa base muestra las imágenes de satélite de todo el mundo y sirve como telón de fondo para las otras capas. Ahora agregará una capa de polígono para mostrar el límite del impacto del alud de lodo.

  9. En el panel Contenido, haga clic en Capas y haga clic en Agregar capa.
  10. Busque en ArcGIS Online la capa Oso Mudslide Impact Area owner:Learn_ArcGIS. Agregue la capa Oso Mudslide Impact Area.

    La capa se agrega al mapa.

    Capa Oso Mudslide Impact Area agregada al mapa

    Representa los límites del impacto del alud de lodo, que abarca el propio alud de lodo y la inundación que provocó en el lado oriental por rebalsar el cercano río Stillaguamish. Ahora cambiará su simbolización para asegurarse de que no oculte las imágenes.

  11. En la parte superior del panel Agregar capa, haga clic en la flecha hacia atrás.

    Flecha hacia atrás

    Aparece el panel Capas, donde puede ver una lista de las capas que ha agregado hasta ahora.

  12. Asegúrese de que Oso Mudslide Impact Area esté seleccionada y, en la barra de herramientas Configuración (clara), haga clic en Estilos.

    Estilos

  13. En el panel Estilos, en Probar un estilo de dibujo, en Ubicación (símbolo único), haga clic en Opciones de estilo.

    Opciones de estilo

  14. Haga clic en el símbolo que aparece debajo de Estilo del símbolo.
  15. En la ventana Estilo de símbolo, desactive Habilitar relleno. Expanda Contorno y Colores y elija un color rojo.

    Configuración del estilo del símbolo

  16. Expanda Trazo y cambie Ancho a 5.

    Ancho del trazo

  17. En el panel Opciones de estilo, haga clic en Hecho dos veces.

    El mapa muestra ahora el límite de impacto sin ocultar las imágenes. Ahora cambiará el nombre de las capas a otros más cortos y significativos.

  18. En el panel Capas, en la capa Oso Mudslide Impact Area, haga clic en el botón Opciones y elija Cambiar nombre.

    Cambiar nombre de capa

  19. Cambie el nombre de la capa a Área de impacto y haga clic en Aceptar.
  20. Del mismo modo, cambie el nombre de la capa Aerial Imagery Oso Slide Area a Imágenes posteriores al evento.

    Después de elegir una extensión más precisa, guardará el mapa.

Agregar un mapa base histórico

Uno de los problemas del mapa es que el mapa base de imágenes predeterminado muestra el paisaje actual. A efectos de comparación, sería más útil tener un mapa base que muestre el paisaje tal como era antes del alud. Ahora solucionará este problema agregando una capa de imágenes histórica como mapa base.

  1. Si es necesario, en la barra de herramientas Contenido, haga clic en Mapa base y haga clic en Mapa base actual.
  2. En el panel Mapa base, haga clic en Agregar capa.
  3. Busque ArcGIS Online para Oso_2012 owner:Learn_ArcGIS. En la capa Oso_2012, haga clic en Agregar.

    Agregue la capa Oso_2012.

  4. En la parte superior del panel Agregar capa, haga clic en la flecha hacia atrás y, en caso necesario, acérquese en el mapa hasta que las imágenes de 2012 estén visibles.

    Capa de imágenes de 2012 agregada al mapa

    La nueva capa forma parte ahora del mapa base y muestra el paisaje tal como era antes del evento. Se trata de imágenes capturadas en 2012, dos años antes del corrimiento de tierra de Oso. Estas imágenes previas a la catástrofe muestran la comunidad Steelhead Drive antes de que quedara destruida por el alud de lodo.

    Sin embargo, si el usuario se aleja más allá de la extensión de las imágenes de Oso 2012, se mostrará el mapa base normal de imágenes, lo que proporciona una experiencia fluida.

  5. En la barra de herramientas Contenido, haga clic en Capas.
  6. En el panel Capas, en la capa Post-Event Imagery, active o desactive el botón de visibilidad haciendo clic en él para comparar el paisaje anterior y posterior al evento.

    Botón Visibilidad

    Nota:

    Dependiendo del tamaño de su pantalla, puede que tenga que acercar dos o más niveles de zoom.

    Puede ver cómo el alud ha enterrado completamente la comunidad local de Steelhead Drive.

    Área en la que se encontraba la comunidad de Steelhead Drive

    Después de elegir una extensión más precisa, guardará el mapa.

  7. Si es necesario, active la capa Post-event imagery y, en la capa Impact area, haga clic en Opciones y elija Acercar a.

    Ahora puede ver todo el límite del impacto.

    Extensión del área de impacto

  8. En la barra de herramientas Contenido, haga clic en Guardar y abrir y en Guardar.

    Guardar en la herramienta Guardar y abrir

  9. En la ventana Guardar mapa, introduzca la siguiente información:
    • En Título, escriba Imágenes y extensión del alud de lodo de Oso en 2014 y agregue sus iniciales al final.
    • En Etiquetas, escriba Oso, Washington y alud de lodo y pulse Intro después de cada palabra.
    • En Resumen, escriba Este mapa web muestra el área de impacto del alud de lodo de 2014 en Oso (estimada) e imágenes de las secuelas.

    Ventana Guardar mapa

  10. Haga clic en Guardar mapa.

    A continuación, agregará notas al mapa para facilitar su comprensión.

Agregar una capa de boceto

Ahora agregará una capa de boceto al mapa. Crear una capa de boceto es una buena forma de agregar un número pequeño de entidades a un mapa, como flechas y etiquetas. Las entidades de una capa de boceto se guardan con el mapa para que solo usted, el creador del mapa, pueda editarlas y guardarlas.

  1. Si es necesario, desactive la capa Post-event imagery para que sea más fácil agregar las entidades de la capa de boceto.

    Agregar capa de boceto

    Aparece el panel Boceto.

  2. En la barra de herramientas Contenido, haga clic en Agregar y seleccione Capa de boceto.
  3. En Dibujar entidades, elija Línea.

    Aparece el panel Línea.

  4. En el panel Línea, expanda Trazo. En Flecha, elija el símbolo que termina con la flecha a la derecha.

    Extremo de flecha a la derecha

  5. En Ancho, escriba 6.
  6. Haga clic en un punto del mapa para empezar a dibujar.

    Aparece un punto en el mapa y una línea se extiende desde él, controlada por el puntero del ratón.

  7. Haga doble clic para colocar la flecha de extremo y completar la línea.

    La flecha debería dar una indicación de la dirección del alud de lodo.

    Boceto de flecha en el mapa

    Nota:

    Para modificar la flecha, en Seleccionar entidades, haga clic en Seleccionar y haga clic en la línea. La entidad se selecciona en el mapa y aparece el panel asociado con la entidad. Opcionalmente, arrastre los controladores de una entidad para cambiar su tamaño o girarla.

    Ahora agregará algunas etiquetas.

  8. En el panel Boceto, en Dibujar entidades, haga clic en Texto.

    Dibujar una entidad de texto.

    Aparece el panel Texto.

  9. En el mapa, haga clic en una ubicación sobre la flecha del alud de lodo. En el panel Texto, en Contenido, sustituya el texto por Corrimiento de tierra.

    El texto se actualiza en el mapa. Ahora cambiará el color de la fuente a blanco.

  10. En el panel Texto, defina los siguientes parámetros:
    • En Fuente, elija Arial Bold.
    • En Color, elija el blanco.
    • En Halo, en Color, elija el negro.

    Configuración de texto en el panel Texto

    La entidad de texto ahora está claramente visible en el mapa.

    Entidad de texto en el mapa

    Nota:

    Si necesita volver a posicionar la entidad de texto, en el panel Boceto, debajo de Seleccionar entidades, haga clic en Seleccionar, haga clic en la entidad de texto y pase el cursor por encima de la entidad hasta que el cursor se actualice a un símbolo de mover entidad. Arrastre la entidad de texto hasta la ubicación deseada.

  11. De forma similar, utilice el panel Boceto para crear entidades de texto con el fin de etiquetar la ubicación de la inundación aguas arriba, hacia el este del área de impacto y la comunidad de Steelhead Drive.

    Dos entidades de texto adicionales agregadas al mapa

    Las entidades de texto que agregó son etiquetas. A continuación, agregará líneas de puntos para señalar la ubicación exacta de las comunidades afectadas.

  12. En el panel Boceto, en Dibujar entidades, haga clic en Texto. En el mapa, haga clic en la ubicación en la que desee que comience la línea de puntos y haga doble clic en la ubicación en la que desee terminarla.

    Primera línea agregada

  13. En el panel Línea, expanda Trazo. En Patrón, elija la línea de puntos pequeña.

    Patrón de línea de puntos pequeña

  14. En Ancho, escriba 4.

    Aparece la primera línea de puntos.

    Línea formateada en el mapa

  15. De forma similar, cree una segunda línea de puntos para etiquetar la comunidad de Steelhead Drive. Utilice Seleccionar entidades para reorganizar las entidades en caso necesario.

    Segunda línea agregada

    La capa de notas de mapa ya está completa. Ahora terminará y compartirá el mapa.

  16. Cierre el panel Boceto y, en la barra de herramientas Contenido, haga clic en Capas. Vuelva a activar la capa Post-event imagery.
  17. En la capa Área de impacto, haga clic en el botón Opciones y haga clic en Acercar a.

    El mapa vuelve a la extensión en la cual todas las capas y entidades están visibles.

  18. En el panel Capas, haga clic en el botón Opciones de la capa de boceto y haga clic en Cambiar nombre. Cambie el nombre de la capa a Información de referencia.
  19. Guarde el mapa.

    Por último, compartirá el mapa.

  20. En la barra de herramientas Contenido, haga clic en Compartir mapa. En la ventana Compartir que aparece, elija Todos (público) y haga clic en Guardar.

Ha creado un mapa en línea que contiene todas las imágenes previas y posteriores al evento, así como datos complementarios y notas para ayudar a los usuarios a comprender el mapa. La comparación de las imágenes previas y posteriores al suceso da una idea muy clara de la devastación que causó el alud de lodo, aunque una comparación en paralelo resultaría más cómoda que activar y desactivar la capa. Ahora encapsulará el mapa en una aplicación web para mejorar su funcionalidad y hacerlo más intuitivo.

Crear una aplicación

Ahora que su mapa web está listo, lo agregará a una aplicación web para presentar su información de la mejor forma posible. En concreto, su objetivo es permitir que su público compare fácilmente las imágenes anteriores y posteriores al corrimiento de tierra. Una aplicación toma un mapa web y agrega funciones y herramientas para mejorar la experiencia de usuario. Puede crear una aplicación usando una plantilla o usar Web AppBuilder para crear una aplicación personalizada que se ajuste exactamente a sus especificaciones. En esta lección, utilizará Web AppBuilder para crear una aplicación personalizada.

  1. Junto al título del mapa, haga clic en el botón de menú y elija Contenido.

    Menú Inicio

    Aparece la página Mi contenido.

    La pestaña Mi contenido en la página de contenido incluye todo su contenido de ArcGIS Online. Incluya la copia del mapa 2014 Oso Mudslide Imagery and Extent que ha guardado y que usará para crear la aplicación. Aunque no es necesario que sea propietario de un mapa para crear una aplicación a partir de él, los cambios que realice en el mapa se reflejarán en su aplicación. Si usa una copia que le pertenezca, se asegurará de que nadie más pueda cambiar el mapa.

    Nota:

    Guardar una copia del mapa no le convierte en propietario de las capas del mapa, como la capa Post-Event Imagery. Si el propietario de estas capas las eliminara, afectaría tanto a su mapa como a la aplicación. En este ejercicio, no tienes que preocuparte de que las capas se eliminen de repente.

  2. En la parte superior de la página, haga clic en Crear aplicación y haga clic en Web AppBuilder.

    Cree una aplicación con Web AppBuilder.

    Se abre la ventana Crear una aplicación web.

  3. En la ventana Crear una aplicación web introduzca lo siguiente:
    • En Título, escriba Alud de lodo de Oso: antes y después.
    • En Etiquetas, agregue términos que describan la geografía y el contenido del mapa como, por ejemplo, Oso, Washington y alud de lodo. Después de escribir cada etiqueta, pulse Intro.
    • En Resumen, escriba Imágenes previas y posteriores al alud de lodo de Oso de 2014.

    Ventana Crear una aplicación web

  4. Haga clic en Aceptar para abrir Web AppBuilder.

    Web AppBuilder se abre con un mapa predeterminado.

    Web AppBuilder

    En un lado del mapa, hay un panel que permite configurar la aplicación. El panel tiene cuatro pestañas, cada una con un conjunto diferente de opciones. La primera pestaña es Theme (Tema). Te permite cambiar el estilo y el diseño de la aplicación.

  5. En la pestaña Theme (Tema), debajo de Style (Estilo), elija el estilo negro.

    Estilo

    La barra de título se actualiza para reflejar el cambio. El color negro simbolizará un tono de gravedad en línea con la gravedad de la catástrofe.

  6. En Diseño, mantenga el valor predeterminado, que se denomina Tema plegable.

    El diseño determina dónde se ubicarán los widgets de funcionalidad en la aplicación web.

  7. Haga clic en la pestaña Mapa.

    Pestaña de mapa

    La pestaña Mapa le permite elegir el mapa web que debe usar en la aplicación. También puede definir la extensión inicial del mapa y cambiar los niveles de escala a los que se puede acercar el mapa.

  8. Haga clic en Elegir mapa web. En la ventana Elegir mapa web, en Mi contenido, haga clic en su copia del mapa Imágenes y extensión del alud de lodo de Oso en 2014 y haga clic en Aceptar.

    El mapa del alud de lodo reemplaza el mapa predeterminado. Está ajustado a la misma extensión que al guardarlo, lo que podría no mostrar la extensión completa de los datos. Cambiarás la extensión predeterminada para que la aplicación se abra con todos los datos a la vista.

  9. En caso necesario, aplique el zoom y el desplazamiento panorámico al mapa hasta que todas las capas estén totalmente visibles.

    Extensión completa

  10. En la pestaña Mapa, en Establecer extensión inicial, haga clic en Usar vista de mapa actual.

    Establecer extensión inicial

    Ahora guardará su aplicación.

  11. En la parte inferior del panel lateral, haga clic en Save (Guardar).

    Botón Guardar

Configurar widgets

A continuación, configurará los widgets para su aplicación. Los widgets son funciones de herramientas que se pueden agregar a la interfaz de usuario. Muchas de ellas están activadas de manera predeterminada. Esta sección no describirá todos los widgets disponibles, pero cubrirá muchos de los más importantes.

  1. Haga clic en la pestaña Widget.

    Pestaña Widget

    En la pestaña Widget se muestran algunos de los widgets disponibles. Los widgets que están desactivados aparecen atenuados. En la parte inferior de la lista hay espacio para cinco widgets adicionales. Empezarás por ocultar los widgets que no necesites en la aplicación.

  2. Seleccione el widget Tabla de atributos y haga clic en el botón Ocultar este widget.

    Widget Tabla de atributos

    El widget Tabla de atributos permite al usuario abrir una tabla de atributos relacionada con los datos del mapa. Tus datos son más visuales y tienen pocos atributos útiles, de modo que este widget no es necesario.

  3. Oculte los widgets Mi ubicación, Mapa de vista general y Buscar.

    Widgets Buscar y Mi ubicación

    Nota:

    Cuando un widget está activado y se pasa el cursor por él, su ubicación se resalta en rojo en la aplicación web. Puede resultar útil para identificar el widget.

    El widget Mi ubicación, que se basa en la ubicación actual de un equipo, acerca el mapa a la ubicación actual del usuario. El widget Buscar permite al usuario buscar una dirección concreta y acercarse a ella. El widget Mapa de vista general muestra la extensión del mapa en un contexto más amplio, pero no resulta muy útil al examinar imágenes. Ocultar estos widgets impide que los usuarios se desvíen de la extensión de mapa predeterminada.

    Los otros widgets predeterminados son útiles para su aplicación. El widget Botón de inicio se encuentra en la esquina superior izquierda del mapa y permite a un usuario aplicar el zoom a la extensión inicial del mapa. Los widgets Coordenada y Barra de escala se encuentran en la parte inferior izquierda del mapa y proporcionan información de referencia geográfica sobre el mapa.

    Nota:

    Puede obtener más información sobre los distintos widgets en la documentación de ArcGIS Web AppBuilder.

  4. Busque los widgets Coordenada y Barra de escala en la parte inferior izquierda del mapa.

    Widgets Coordenada y Barra de escala

    Configurará el widget Barra de escala para hacerlo más visible.

  5. En la pestaña Widget, seleccione el widget Barra de escala y haga clic en botón Configurar este widget.

    Widget Barra de escala

    Aparece la ventana Configurar Barra de escala.

  6. En la ventana Configurar Barra de escala, en Estilo, elija regla.

    Configurar Barra de escala

    Nota:

    También puedes usar esta ventana para cambiar el tipo de unidad. Según su público, puede decidir si es más apropiado el inglés, el sistema métrico o doble.

  7. Haga clic en Aceptar.

    La barra ancha es más fácil de ver que la línea fina. A continuación, activarás otros widgets para ampliar las funciones de tu aplicación. En primer lugar, hará clic en un widget vacío para poder activar el widget Swipe, que permite a los usuarios comparar rápidamente dos capas.

  8. En la pestaña Widget, haga clic en el primer widget vacío.

    Primer widget

    Aparece la ventana Seleccionar widget, que muestra widgets adicionales.

  9. En la ventana Seleccionar widget, busque y elija el widget Swipe. Haga clic en Aceptar.

    Widget Swipe

    Aparece la ventana Configurar Swipe.

  10. En la ventana Configurar Swipe, en Tipo de herramienta swipe, confirme que Barra vertical esté seleccionado.

    Elija un estilo para la herramienta Swipe.

  11. En el modo Swipe, confirme que se ha seleccionado Una sola capa. En Capas que admiten función swipe, desactive Información de referencia y Área de impacto, de forma que solo se seleccione la capa Post-Event Imagery, que es la que desea que los usuarios usen con Swipe.

    Post-Event Imagery seleccionada como la única capa para la función Swipe

  12. Acepte el valor predeterminado para el resto de opciones y haga clic en Aceptar.

    El widget Swipe se agrega a la parte superior del mapa.

    Widget Swipe atenuado

    El widget Swipe permite al usuario cambiar la visibilidad de una capa arrastrando una barra deslizante por ella. En su caso, quiere que el usuario pueda cambiar la visibilidad de la capa Post-Event Imagery para que pueda compararla con las imágenes siguientes.

    Aunque puede usar los widgets en el mapa mientras edita la aplicación, probará el widget Swipe más adelante en la lección. Por ahora, agregarás más widgets. Los cuatro widgets del final de la lista son espacios vacíos que pueden albergar más widgets.

  13. En la pestaña Widget, haga clic en el siguiente widget vacío, ahora numerado como 1.

    Primer widget vacío

  14. En la ventana Choose Widget (Seleccionar widget), haga clic en el widget About (Acerca de) y haga clic en OK (Aceptar).

    Acerca de

    Se abre la ventana Configure About (Configurar Acerca de).

  15. En el cuadro de texto grande, elimine el icono y el texto predeterminados y copie y pegue o escriba lo siguiente:

    Esta aplicación muestra imágenes del alud de lodo de Oso de 2014 en el condado de Snohomish, Washington. Usa la herramienta Swipe para comparar las imágenes del antes y el después del alud.

    El contorno rojo muestra la extensión del impacto del alud, lo que incluye la inundación.

    La catástrofe provocó el fallecimiento de 43 personas y millones de dólares de daños materiales.

  16. Seleccione el texto y, en Tamaño, elija medio y haga clic en Aceptar.

    Tamaño de fuente

    El widget Acerca de aparece en la parte superior del mapa, junto al widget Swipe que acaba de agregar. Al hacer clic en el widget Acerca de, el texto aparece en una ventana. A continuación, agregarás un widget que permite a los usuarios medir distancias y áreas.

  17. En la pestaña Widget, haga clic en el siguiente widget vacío (con el número cambiado a 1). En la ventana Choose Widget (Seleccionar widget), haga clic en el widget Measurement (Medición) y haga clic en OK (Aceptar).

    Medición

    La ventana Configure Measurement (Configurar medición) le permite elegir la unidad de medida predeterminada. Dependiendo de su público, las unidades de medida predeterminadas serán las adecuadas, pero puede cambiarlas si lo desea.

  18. En la ventana Configure Measurement (Configurar medición), haga clic en OK (Aceptar).

    El widget Medición aparece junto al widget Acerca de en la parte superior del mapa. Tienes espacio para dos widgets más, pero puedes dejarlos vacíos. Si lo deseas, echa un vistazo a los widgets restantes y comprueba si hay alguno que pueda resultar útil en tu aplicación.

    Por último, configurarás los widgets en el controlador del encabezado (la barra de título).

  19. En la parte superior de la pestaña Widget, haga clic en Establecer los widgets de este controlador.

    Controlador de encabezado

    El Controlador de encabezado es otro lugar en el que se pueden agregar widgets. Ya hay dos widgets en él: Leyenda y Lista de capas. Puede encontrarlos en el lado opuesto al del título en la barra de título. El widget Lista de capas muestra todas las capas del mapa y permite al usuario activarlas y desactivarlas. El widget Leyenda muestra la simbología de cada capa. Como la mayoría de tus capas son imágenes, no tienen simbología. El widget Leyenda no da demasiada información significativa, así que la desactivará.

  20. En la pestaña Widget, seleccione el widget Leyenda y haga clic en botón Eliminar este widget.

    Widget Leyenda con el botón Eliminar este widget

  21. Cuando se le pregunte si está seguro de que desea eliminar el widget, haga clic en OK (Aceptar).

    El widget Leyenda se elimina del controlador de encabezado. Ahora, tus widgets están configurados.

  22. En la parte inferior del panel lateral, haga clic en Save (Guardar).

Finalizar y probar la aplicación

Antes de iniciar la aplicación y probar los widgets, darás unos toques finales.

  1. Haga clic en la pestaña Attribute (Atributo).

    Pestaña atributo

    La pestaña Attribute le permite cambiar algunos de los detalles de la barra de título. Puedes cambiar el título, el subtítulo y el logotipo, así como agregar vínculos. En primer lugar, descargarás una imagen del sello del Condado de Snohomish para usarlo como logotipo.

  2. Guarde el sello del Condado de Snohomish en una ubicación de su equipo en la que pueda encontrarlo fácilmente.
  3. En la pestaña Atributo, en Marca, señale el logotipo predeterminado y haga clic en Personalizar.

    Logotipo del condado de Snohomish

  4. En la ventana Definir logotipo, haga clic en Cargar y busque la imagen del sello del Condado de Snohomish que ha guardado.
  5. En Texto alternativo, escriba Sello del Condado de Snohomish y haga clic en Aceptar.

    Texto alternativo para el sello del Condado de Snohomish

    El logotipo aparece en la barra de título de la aplicación.

    Barra de título

    A continuación, agregarás un vínculo a información complementaria sobre el alud de lodo de Oso de 2014.

  6. En la pestaña Atributo, en Vínculos, haga clic en Agregar vínculo nuevo.

    Agregar nuevo vínculo

    Aparece un panel para introducir el título y la dirección URL del vínculo.

  7. En Título, escriba Información adicional. En URL, copie y pegue la siguiente URL:

    https://www.snohomishcountywa.gov/2371/SR-530-Slide-Permit-Building-Info

    Configuración de vínculo

    Esta dirección URL lleva a la página del sitio web del Condado de Snohomish sobre el alud de lodo de Oso (llamado en el sitio alud SR 530, por la carretera que quedó destruida durante la catástrofe). La página contiene muchos recursos y proporcionará un buen punto de partida si los usuarios desean saber más sobre el suceso.

  8. Haga clic en Aceptar.

    El vínculo Información adicional aparece en la barra de título.

  9. En la barra de título, haga clic en el vínculo Información adicional.

    El vínculo se abre en una nueva página.

  10. Una vez que hayas confirmado que el vínculo funciona correctamente, cierra la página y vuelve a la aplicación.
  11. En la parte inferior del panel lateral, haga clic en Save (Guardar).

    A continuación, iniciarás la aplicación y probarás algunos de sus widgets.

  12. En la parte inferior del panel lateral, haga clic en Iniciar.

    Botón Iniciar

    La aplicación se inicia en una nueva pestaña de navegador.

    Aplicación finalizada

    Primero probará el widget Swipe.

  13. Aplica el zoom a la comunidad de Steelhead Drive. En la parte superior del mapa, haga clic en el widget Swipe.

    Herramienta Barrer

    Aparece una barra de control deslizante en el mapa. En un lado del control deslizante, se muestra la capa Post-Event Imagery, mientras que, por el otro lado, la capa está oculta y revela las imágenes de mapa base de 2012 del área.

  14. Arrastre la barra del control deslizante a la izquierda y a la derecha para ocultar o mostrar más de la capa.

    Control deslizante de Swipe

    Con la herramienta Swipe, resulta más sencillo comparar el aspecto del área antes y después del evento. Las elocuentes imágenes indican que la comunidad de Steelhead Drive quedó totalmente enterrada por el alud, que no dejo prácticamente ningún rastro de ella.

  15. Haga clic en el widget Swipe para desactivarlo.

    A continuación, usará el widget Medición para ver cuánto viajó el alud de lodo antes de llegar a la comunidad.

  16. Aplica el zoom y el desplazamiento panorámico en el mapa hasta que puedas ver tanto el origen del alud como la comunidad de Steelhead Drive.

    Distancia del alud de lodo

  17. En la parte superior del mapa, haga clic en el widget Medición.

    Widget Medición

    Aparece la ventana Medición.

    Le ofrece la opción de medir por área o por distancia. También puede usarla para buscar las coordenadas de un punto en el mapa, como el widget Coordenadas.

    Nota:

    Si es necesario, puede mover la ventana Medición fuera del camino mientras realiza las mediciones arrastrando su barra de título.

  18. En la ventana Measurement (Medición), haga clic en el botón Distance (Distancia).

    Distancia

    La unidad de medida predeterminada es la milla, a menos que la hayas cambiado al configurar el widget.

  19. En el mapa, haz clic en un punto cercano al origen del alud para agregar un marcador.

    Origen del corrimiento de tierras

    Nota:

    No te preocupes por hacer clic en las ubicaciones exactas en las imágenes de ejemplo.

    Después de insertar el marcador, una línea azul conecta el puntero del ratón con el marcador.

  20. Haz clic en la punta de la flecha grande para insertar otro marcador.

    Centro del corrimiento de tierras

    En la ventana Medición, se muestra la distancia entre estos marcadores. La distancia debería ser inferior a 0,4 millas.

  21. Siga con la medición y haga doble clic en un punto de la comunidad de Steelhead Drive para finalizar la medición.

    Fin del corrimiento de tierras

    La distancia final que el corrimiento de tierras se desplazó antes de llegar a la comunidad es de unas 0,6 millas.

  22. En la ventana Medición, haga clic en Borrar para borrar los marcadores de medición y cerrar la ventana Medición.

    Botón Borrar

    Las líneas y los marcadores se eliminan del mapa. Ya ha probado algunos de los widgets en su aplicación. Puede probar otros widgets si lo desea (puede volver al editor de aplicaciones desde Mi contenido). Ahora pasarás a la parte final de la lección.

Agregar metadatos

El último paso antes de finalizar la aplicación es agregar metadatos. Los metadatos son información que explica la finalidad de la aplicación. Todos los elementos de ArcGIS Online tienen metadatos a los que se puede acceder a través de la página de elemento.

  1. Cierra la aplicación. En la parte superior del editor de aplicaciones, haga clic en Inicio y seleccione Contenido.

    Ahora, la aplicación de representación cartográfica en la red Oso Mudslide Before and After aparece en Mi contenido. Tanto la aplicación como el mapa en el que se basa se tienen que compartir antes de mostrar la aplicación a los demás. Ya ha compartido el mapa con todo el mundo y ahora compartirá la aplicación.

  2. Active la casilla situada junto a la aplicación Oso Mudslide Before and After.

    Mapa web y aplicación Alud de lodo de Oso seleccionada

  3. Sobre la lista de elementos, haga clic en Compartir y, en la ventana Compartir que aparece, elija Todos (público).
  4. Haga clic en Guardar.

    Ahora que has compartido la aplicación, agregarás metadatos.

  5. Haga clic en el botón Más opciones situado junto a la aplicación web Oso Mudslide Before and After y seleccione Ver detalles del elemento.

    Ver detalles del elemento

    Aparece la página del elemento. Rellenó algunos de los metadatos, como el resumen y las etiquetas, cuando creó inicialmente la aplicación. Sin embargo, la aplicación no tiene aún descripción ni créditos. Además, usa una vista en miniatura predeterminada genérica.

    Primero, reemplazarás la vista en miniatura predeterminada. Puede reemplazarla con una captura de pantalla de la aplicación, una imagen de su elección o la imagen del sitio de Learn ArcGIS.

  6. Encima de la imagen de la vista en miniatura, haga clic en Edit Thumbnail (Editar vista en miniatura).

    Editar vista en miniatura

  7. En la ventana Crear vista en miniatura, en Cargar una imagen, haga clic en Examinar.
  8. Ve al archivo que desees usar como vista en miniatura y haz doble clic en él. En la ventana Crear vista en miniatura, haga clic en Aceptar.

    A continuación, agregarás una descripción.

  9. En la página del elemento, debajo de la vista en miniatura y junto a Descripción, haga clic en Editar y copie y pegue o escriba la siguiente descripción:

    This map displays the 2014 Oso mudslide impact area (estimated) and imagery of the aftermath. The Impact Area Boundary layer was created from remote-sensing imagery and provided by FEMA and the NGA. The Post-Event Imagery layer is an image of the Oso mudslide area taken two days after the event.

  10. Haga clic en Guardar.
  11. En Condiciones de uso, haga clic en Editar y escriba Ninguna. Haga clic en Guardar.
  12. En la parte inferior de la página, en Créditos (atribución), haga clic en Editar y escriba Esri Disaster Response Program, FEMA, NGA, Snohomish County, and Washington Department of Transportation.

    Estas son las organizaciones que recopilaron originalmente los datos.

  13. Haga clic en Guardar.

    Los metadatos se agregan a los detalles del elemento. Tu aplicación ya está completa.

En esta lección, ha tomado capas de imágenes relacionadas con el alud de lodo de Oso de 2014 y las ha creado en un mapa web en ArcGIS Online. A continuación, encapsulaste el mapa web en una aplicación web con Web AppBuilder. Has personalizado la aplicación con widgets para adaptar la experiencia del usuario a tus especificaciones. A continuación, ha compartido el mapa y le ha asignado metadatos. Ahora tiene una aplicación que puede mostrar a su público para contar la historia de la catástrofe.

Encontrará más lecciones como esta en la página Introducción a imágenes y teledetección.