Crear una aplicación Swipe

Explorar un mapa del mar de Aral

Una aplicación Swipe es una aplicación web con la herramienta Swipe habilitada. Las aplicaciones web muestran mapas con una experiencia optimizada y fácil de usar, por lo que los usuarios no necesitan interactuar con la gran cantidad de herramientas de Visor de mapas.

Para crear una aplicación, primero necesita un mapa. Para los fines de este tutorial, ya se ha creado un mapa que contiene imágenes históricas y modernas del mar de Aral. Abrirá y explorará el mapa para comprender los datos antes de utilizarlos para crear una aplicación.

Nota:

Este tutorial se centra en la creación de una aplicación Swipe, por lo que las imágenes y el mapa ya están creados. Para aprender a buscar y explorar imágenes históricas, pruebe el tutorial Explorar imágenes de Landsat de la erupción de un volcán.

  1. Abra el mapa web Mar de Aral en 1964.

    Mapa predeterminado del mar de Aral

    El mapa muestra el mar de Aral en la frontera entre Kazajistán y Uzbekistán. La imagen en blanco y negro fue tomada por un satélite de reconocimiento Argon el 22 de agosto de 1964. Debido a la falta de fotografías en color disponibles en ese momento, así como a la capa de nubes que oculta parte del mar de Aral, los límites exactos del mar podrían ser difíciles de determinar en algunas zonas. A modo de referencia, el mapa también incluye un límite rosa que muestra la extensión aproximada del mar en el momento en que se tomó la imagen.

    Nota:

    Para obtener más información sobre la imagen histórica y las causas del declive del mar de Aral, lea el artículo El mar de Aral antes de que se secaran sus arroyos en el sitio web de la NASA.

    Para comprender mejor el mapa, deberá observar sus capas.

  2. En la barra de herramientas Contenido (oscura), haga clic en Capas.

    Botón Capas en la barra de herramientas Contenido

    Nota:

    Las imágenes de ejemplo muestran la versión ampliada de la barra de herramientas Contenido. Es posible que su barra de herramientas esté contraída de forma predeterminada, mostrando solo los iconos de los botones. Puede expandir o contraer la barra de herramientas haciendo clic en el botón Expandir o Contraer ubicado en la parte inferior de la barra de herramientas.

    Se muestra el panel Capas. En él se enumeran las capas Línea costera aproximada (1964) y Mar de Aral (1964).

  3. En el panel Capas, coloque el cursor sobre la capa Mar de Aral (1964) y haga clic en el botón Ocultar.

    El botón Ocultar de la capa Mar de Aral (1964)

    La capa se oculta, lo que significa que ya no aparece en el mapa. El mapa presenta ahora imágenes modernas del mar de Aral, que muestran cuánto ha disminuido el tamaño del lago. La mayor parte de su extensión original, indicada por la capa de límite rosa, es ahora desierto.

    El mapa muestra imágenes modernas del mar de Aral

    Las imágenes modernas no provienen de ninguna de las capas enumeradas en el panel Capas. Provienen del mapa base, una capa de fondo que proporciona contexto geográfico a los datos. Esri es quien se encarga de mantener y actualizar este mapa base, que incluye también las etiquetas que aparecen en el mapa.

    Nota:

    Debido a que el mapa base se actualiza periódicamente, es posible que su mapa base tenga un aspecto algo distinto al de las imágenes de ejemplo.

  4. En el panel Capas, para la capa Mar de Aral (1964), haga clic en el botón Mostrar.

    El botón Mostrar de la capa Mar de Aral (1964)

    La imagen en blanco y negro del mar de Aral de 1964 reaparece en el mapa. Al ocultar y mostrar la capa, es posible comparar las imágenes históricas y modernas. Sin embargo, la experiencia no es óptima porque solo se puede visualizar una imagen a la vez.

Elegir una aplicación

Una forma más clara de comparar dos capas es mediante la herramienta Swipe, que permite al usuario arrastrar una capa del mapa para revelar la capa que se encuentra debajo. La herramienta Swipe no está disponible en Visor de mapas, pero puede configurar una aplicación web que la incluya.

Para crear una aplicación web, primero deberá iniciar sesión. Luego, creará una aplicación con ArcGIS Instant Apps, que proporciona plantillas para lograr una configuración más rápida de la aplicación. Deberá elegir una plantilla de aplicación adecuada para añadir la herramienta Swipe.

  1. En la cinta, haga clic en el botón Iniciar sesión.

    Botón Iniciar sesión

  2. Inicie una sesión con su cuenta de organización de ArcGIS.
    Nota:

    Si no tiene una cuenta de organización, consulte las opciones de acceso a software.

  3. En la barra de herramientas Contenido, haga clic en Crear aplicación.

    El botón Crear aplicación en la barra de herramientas Contenido

    Existen varias opciones disponibles para aplicaciones.

  4. Haga clic en Instant Apps.

    Opción Aplicaciones instantáneas

    ArcGIS Instant Apps se abre en una nueva pestaña del explorador. Proporciona una lista de plantillas de aplicaciones para elegir. Para reducir la lista a aplicaciones que tengan la función Swipe, deberá buscar por capacidad.

  5. En la barra Buscar capacidades de aplicación, escriba swipe. En la lista de opciones, haga clic en swipe.

    La opción Swipe en la lista de opciones

    La galería se filtra para mostrar solo las aplicaciones que admiten la capacidad Swipe. No tiene intención de añadir otras funcionalidades aparte de la herramienta Swipe, por lo que la aplicación Básica (mapa multimedia) podría ser la más adecuada. Antes de decidirlo, leerá la descripción de la aplicación.

    Nota:

    La aplicación Visor de imágenes también es una opción recomendada para comparar imágenes.

  6. En la aplicación Básica (mapa multimedia), haga clic en el botón Menú y elija Descripción de la aplicación.

    Opción Descripción de la aplicación

    Aparece una ventana con una descripción de la aplicación. La descripción indica que esta aplicación incluye herramientas de mapa comunes, incluida Swipe.

  7. En la ventana de descripción de la aplicación, haga clic en Cerrar.
  8. En la aplicación Básica (mapa multimedia), haga clic en Elegir.

    El botón Elegir para la aplicación Básica (mapa multimedia)

    Sugerencia:

    También puede ver una vista previa de la aplicación antes de elegirla. Para ello, haga clic en el botón Menú y seleccione Vista previa.

    Aparece la ventana Crear aplicación.

  9. En Asigne un título a su aplicación, escriba Aplicación Swipe del mar de Aral.

    También puede añadir etiquetas, pero las etiquetas predeterminadas (que son las mismas que las del mapa web) ya son adecuadas.

  10. Haga clic en Crear aplicación.

    Se crea la aplicación. Aparece una nueva pestaña de navegador con la ventana de configuración de Instant Apps.

    Aplicación predeterminada

    Nota:

    Si aparece el elemento emergente Exprés, ciérrelo.

Configurar la herramienta Swipe

Actualmente, la aplicación solo cuenta con funciones básicas de navegación. Configurará una herramienta Swipe para que los usuarios puedan alternar entre las imágenes históricas y el mapa base. Para agregar la herramienta Swipe, búsquela en la configuración.

  1. Haga clic en Configuración de búsqueda.

    El botón Configuración de búsqueda

  2. En la ventana Configuración de búsqueda, busque Swipe. En la lista de resultados, haga clic en Herramienta Swipe.

    El resultado Herramienta Swipe en la lista de resultados

    Aparece el panel Interactividad. Este panel le permite habilitar la herramienta Swipe.

  3. Habilite la opción Herramienta Swipe.

    La opción Herramienta Swipe

    La herramienta Swipe, una barra vertical, aparece en el mapa.

  4. En el mapa, arrastre la herramienta Swipe hacia la izquierda y hacia la derecha.

    La herramienta Swipe predeterminada

    No importa cómo mueva la herramienta Swipe, nada cambia en el mapa. Para alternar entre las imágenes históricas y el mapa base, deberá configurar la capa de imágenes históricas como la capa inicial. La capa inicial es la capa que se muestra antes, pero no después, de la herramienta Swipe.

  5. En el panel Interactividad, en Seleccionar capas iniciales, expanda Mar de Aral (1964). Active la casilla Aral_Sea_1964.jpeg.

    La casilla Aral_Sea_1964.jpeg

    Ahora, las imágenes históricas aparecen en un lado de la herramienta Swipe, pero no en el otro.

    La herramienta Swipe con la capa inicial

    Por último, configurará la capa de la línea de costa aproximada como capa final, lo que significa que se mostrará después, pero no antes, de la herramienta Swipe. Dado que las imágenes históricas ya muestran el mar de Aral en toda su extensión, no es necesario ver la entidad de línea de costa cuando es visible.

  6. En Seleccionar capas finales, active la casilla Línea de costa aproximada (1964).

    La casilla Línea de costa aproximada (1964)

  7. En el mapa, arrastre la herramienta Swipe hacia la izquierda y hacia la derecha.

    La herramienta Swipe final en el mapa

    Ahora, al deslizar el dedo, puede comparar las imágenes del mar de Aral pasadas y presentes una al lado de la otra. La diferencia es evidente, incluso para usuarios sin experiencia en SIG que quizá no sepan cómo activar o desactivar las capas.

    Sugerencia:

    También puede cambiar la dirección de deslizamiento. La dirección predeterminada es horizontal, lo que significa que la herramienta Swipe se mueve de izquierda a derecha. Si cambia la opción Dirección de deslizamiento a Vertical, la herramienta Swipe se moverá hacia arriba y hacia abajo. Para su aplicación se recomienda un deslizamiento horizontal, pero puede experimentar con la otra opción.

Publicar y compartir la aplicación

Ahora que ha configurado la herramienta Swipe, ya puede publicar su aplicación y compartirla. Una vez compartida, cualquier persona que tenga un enlace a su aplicación podrá verla y usar la función Swipe para ver cómo ha cambiado el mar de Aral.

Nota:

Este tutorial se centra en la herramienta Swipe, pero existen muchas otras herramientas que puede añadir a una aplicación para mejorar la experiencia del usuario. Para conocer otras formas de configurar una aplicación, consulte el tutorial Crear una aplicación.

  1. En la parte inferior del panel Interactividad, haga clic en Publicar.

    Botón Publicar

  2. En la ventana Publicar, haga clic en Confirmar publicación.

    La aplicación se publica. Aparece el elemento emergente Compartir, que muestra el nivel de uso compartido. Actualmente, la aplicación solo se comparte con el propietario (usted). Deberá actualizar la configuración de uso compartido para que todo el mundo pueda ver la aplicación.

  3. Haga clic en Cambiar configuración de uso compartido.

    Botón Cambiar configuración de uso compartido

  4. En la ventana Compartir, en Definir nivel de uso compartido, elija Todos (público).

    Opción Definir nivel de uso compartido

    Nota:

    Para compartir una aplicación con todo el mundo, el mapa y sus capas también deben compartirse de la misma forma. En este caso, el mapa que ha usado para crear la aplicación ya está compartido con todos, así que no necesita hacer nada. Si estuviera usando un mapa creado en la aplicación, también tendría que compartirlo.

  5. Haga clic en Guardar.

    Ahora la aplicación ya se comparte con todo el mundo. Copiará un enlace a ella y lo abrirá.

  6. Haga clic en el botón Compartir.

    Botón Compartir

    Vuelve a aparecer el elemento emergente Compartir.

  7. Haga clic en Copiar vínculo.

    Botón Copiar vínculo

    La URL de su aplicación se copia en el portapapeles. Puede pegarla en correos electrónicos u otros mensajes para compartir la aplicación con cualquier persona que conozca.

  8. En el elemento emergente Compartir, haga clic en Ver aplicación publicada.

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

  9. Si lo desea, explore su aplicación.

En este tutorial, ha usado un mapa web con imágenes históricas del mar de Aral para crear una aplicación Swipe que permite a los usuarios ver cómo ha disminuido el nivel del lago con el paso del tiempo. Al publicar y compartir su aplicación, puede mostrar a otros el drástico cambio que está sufriendo lo que una vez fue uno de los lagos más grandes del mundo.

Encontrará más tutoriales en la galería de tutoriales.