Skip To Content

Crear una aplicación

En la lección anterior, terminó su mapa web agregando datos demográficos y cambiando su estilo para mostrar distritos censales con un alto porcentaje de hogares sin vehículos. En esta lección, utilizará el mapa para crear una aplicación web. Una aplicación web es una interfaz de usuario personalizada que mejora el aspecto del mapa, le agrega (o quita) funciones y le ayuda a integrarlo con otros elementos multimedia. Puede elegir entre una variedad de plantillas configurables, en función de cómo desea mostrar su mapa. Simplemente quiere mostrar su mapa al público, por lo que configurará una plantilla de aplicación de Visor básico con solamente algunas herramientas de navegación estándar. También editará los detalles del elemento de la aplicación para incluir información adecuada sobre la finalidad de la aplicación y las fuentes de datos.

Crear una aplicación web

Para crear una aplicación web, lo primero que debe hacer es compartir el mapa. Ya compartió anteriormente su mapa, de modo que no tiene que hacerlo de nuevo. Sin embargo, igualmente accederá a la lista de plantillas de aplicaciones configurables a través de la ventana Compartir.

  1. Si es necesario, abra su mapa Houston Evacuation Map.
  2. En la cinta, haga clic en el botón Compartir.

    El mapa está compartido con todo el mundo.

  3. Haga clic en Crear una aplicación web.

    Botón Crear una aplicación web

    Se abre la ventana Crear una aplicación web nueva. Incluye una galería de aplicaciones configurables, organizadas en categorías basadas en el propósito y la funcionalidad. Quiere que su mapa sea el foco principal de su aplicación. También quiere mostrar la leyenda, la información emergente y una descripción del mapa. Para ello, usará la aplicación Visor básico.

  4. Haga clic en la pestaña Mostrar un mapa.

    Pestaña Mostrar un mapa

    Aparece una lista de plantillas de aplicaciones que ofrecen una interfaz de usuario sencilla.

    Nota:

    Si utiliza una cuenta de organización y su organización ha configurado galerías personalizadas, puede que no vea las mismas aplicaciones configurables en esta pestaña. De ser así, puede buscar la plantilla Visor básico mediante el cuadro de búsqueda.

  5. Haga clic en la aplicación Visor básico. A continuación, haga clic en Crear aplicación web.

    Antes de configurar la aplicación, debe especificar su título, etiquetas y resumen. De forma predeterminada, la aplicación presenta la misma información que el mapa web utilizado para crearla. Cambiará el título para que represente mejor lo que desea que el mapa enfatice y dejará el resto de parámetros como están.

  6. Cambie el Título a Población en riesgo en Houston.
  7. Haga clic en Hecho.

    La aplicación se abre en su estado configurable.

    Aplicación configurable predeterminada

Configurar la aplicación

A continuación, cambiará elementos de la presentación de la aplicación para comunicar mejor la historia del mapa a los usuarios. Hay cuatro pestañas de parámetros configurables. La pestaña predeterminada es General, que presenta opciones para el título y el subtítulo, así como detalles adicionales para explicar el mapa. Ya proporcionó un título, de modo que empezará por el subtítulo.

  1. En Subtítulo, escriba Distritos censales que pueden ser vulnerables durante un huracán.

    Los detalles de la aplicación son una descripción más larga que se mostrará en la aplicación.

  2. Junto a Detalles, haga clic en Editar. Escriba (o copie y pegue) el siguiente texto:

    Este mapa muestra rutas de evacuación y datos demográficos por distrito censal para Houston, Texas. Los distritos en color azul más oscuro tienen un porcentaje más elevado de hogares sin ningún vehículo. Este patrón ayuda a responder la pregunta: ¿Dónde deberíamos proporcionar asistencia en caso de evacuación durante un huracán en Houston?

    Sugerencia:

    Si copia y pega el texto, es posible que presente el formato de origen. Puede eliminar el formato resaltando el texto y haciendo clic en el botón Eliminar formato de la barra de herramientas.

    Parámetros de la pestaña General

  3. Haga clic en la pestaña Tema.

    Esta pestaña ofrece opciones para especificar colores para los distintos elementos de la interfaz de usuario. No dude en experimentar con los colores y elegir los que más le gusten. En los siguientes pasos se proporcionan colores recomendados.

  4. En Color del encabezado, seleccione el color azul de la segunda fila empezando por abajo, en la cuarta columna empezando por la derecha.

    Opción Color del encabezado

  5. En Color de texto de encabezado y Color de icono de botón, elija el gris más claro (segunda fila, primera columna).
  6. En Fondo del panel, elija el siguiente gris más oscuro (tercera fila, primera columna).
  7. En Color de texto del panel, elija el negro.

    Parámetros de la pestaña Tema

  8. Debajo del mapa, haga clic en Guardar.

    Los parámetros seleccionados se guardan y se muestran en la aplicación. A continuación, configurará las herramientas de navegación que desea mostrar en su aplicación.

  9. Haga clic en la pestaña Opciones.

    De forma predeterminada, están seleccionadas las opciones de galería de mapas base, marcadores, detalles del mapa y compartir herramientas. La aplicación también incluye una lista de capas del mapa. Desactivará las opciones de galería de mapas base y marcadores para agilizar la experiencia del usuario y centrar la atención en el contenido del mapa. De las opciones disponibles, incluirá también una leyenda.

  10. Desactive las casillas Galería de mapas base y Marcadores. Marque la casilla Leyenda.

    Casilla Leyenda

    La última pestaña, Búsqueda, ofrece opciones para que los usuarios busquen lugares específicos en el mapa. Para los fines de su aplicación, esta funcionalidad no es necesaria, así que la desactivará.

  11. Haga clic en la pestaña Buscar.
  12. Desactive Habilitar herramienta de búsqueda.

    Casilla Habilitar herramienta de búsqueda

  13. Haga clic en Guardar.

    Vista previa de la configuración final de la aplicación

  14. En la vista previa, pruebe la funcionalidad de su aplicación. Navegue por el mapa y haga clic en los distintos botones de la interfaz de usuario.
  15. Cuando esté conforme, haga clic en Cerrar.

    Se abre la página de detalles de la aplicación.

Editar los detalles del elemento

Su aplicación está completada. A continuación, editará sus detalles para ofrecer información significativa sobre el mapa y los datos a los usuarios. Esta información se denomina "metadatos" y es importante que todos los mapas y aplicaciones la tengan. La barra Información del elemento indica su progreso en cuanto a una información del elemento de alta calidad y también indica la mejora más importante que puede realizar.

  1. Debajo de Información del elemento, junto a Mejora principal, haga clic en Agregar un resumen.

    Mejora de Información del elemento

    El cuadro Editar resumen se activa.

  2. Escriba (o copie y pegue) el siguiente texto:

    Esta aplicación web resalta áreas que requieren asistencia durante una evacuación por huracán en Houston, Texas.

    Cuadro Editar resumen

  3. Haga clic en Guardar.

    La barra Información del elemento se actualiza para reflejar la información que ha agregado. A continuación, su recomendación es agregar una descripción.

  4. Junto a Mejora principal, haga clic en Agregar una descripción.

    El cuadro Editar descripción se activa. Una descripción debería ser aún más detallada que un resumen. Debe explicar no solo la finalidad de la aplicación y qué tipo de datos muestra, sino también información sobre cómo usar la aplicación y cómo se creó.

  5. Escriba (o copie y pegue) el siguiente texto:

    Esta aplicación muestra rutas de evacuación y datos demográficos por distritos censales para Houston, Texas. Los distritos en color azul más oscuro tienen un porcentaje más elevado de hogares sin ningún vehículo. Este patrón ayuda a responder la pregunta: ¿Dónde deberíamos proporcionar asistencia en caso de evacuación durante un huracán en Houston?

    Use las herramientas Capas y Leyendas para obtener más información sobre los datos mostrados en el mapa. Haga clic en distritos censales individuales para ver información emergente, incluido el porcentaje de hogares sin vehículo.

    El mapa de esta aplicación contiene una capa de Living Atlas de rutas de evacuación de Houston y una capa de datos demográficos de Houston. Se aplica estilo a la capa demográfica mediante una expresión de Arcade que calcula el porcentaje de hogares sin vehículo. También se proporciona esta información en ventanas emergentes.

  6. Haga clic en Guardar.

    La barra de progreso Información del elemento indica que está más cerca de completar la información del elemento de la aplicación.

  7. Junto a Información del elemento, haga clic en Más información.

    Aparece una lista completa de mejoras sugeridas. Ha completado todas menos una: Agregar términos de uso.

    Sección Información del elemento expandida

  8. Haga clic en Agregar términos de uso.

    El cuadro Editar términos de uso se activa. Sus datos proceden de autoridades locales y del gobierno federal y son de dominio público, por lo que no existen términos de uso.

  9. Escriba Ninguno. Datos de dominio público. Haga clic en Guardar.

    A continuación, sustituirá la imagen de vista en miniatura predeterminada por otra que ilustre mejor su aplicación. Al hacerlo permitirá a los usuarios hacerse una idea de lo que la aplicación contiene antes de abrirla. Por lo general, su vista en miniatura debería ser una imagen JPEG, PNG o GIF de su mapa o aplicación con un tamaño de 600 por 400 píxeles.

    Aunque puede capturar una imagen con la tecla Imprimir pantalla o con un software de edición de imágenes, para los fines de esta lección, se le proporcionará una imagen de ejemplo para usarla como vista en miniatura.

  10. Guarde la imagen de ejemplo en su equipo.
  11. Haga clic en Editar vista en miniatura.

    Botón Editar vista en miniatura

  12. En la ventana Cargar vista en miniatura, haga clic en Seleccionar archivo (o el comando equivalente de su navegador).
  13. Vaya a la ubicación en la que guardó la imagen de ejemplo. Haga doble clic en la imagen.

    La imagen se agrega a la ventana Cargar vista en miniatura. Puede cambiar la posición o el zoom de la imagen, pero, dado que la imagen tiene el tamaño recomendado, no necesita realizar ningún cambio.

  14. Haga clic en Aceptar.

    La vista en miniatura se agrega. La página de detalles está completa. Puede copiar la URL de la aplicación para compartirla con cualquier persona a la que desee mostrársela.

En estas lecciones, creó un mapa con una capa de rutas de evacuación ante huracanes en Houston, Texas. Luego agregó datos demográficos por distrito censal y utilizó la representación cartográfica inteligente, elementos emergentes y expresiones para resaltar áreas con una posesión de vehículos limitada. Los patrones espaciales revelados en su mapa le ayudaron a determinar dónde es más necesaria una asistencia de evacuación en caso de que se produzca un huracán. Por último, compartió sus hallazgos convirtiendo su mapa en una aplicación web interactiva.

¿Qué hacer ahora? Para obtener más información sobre la creación de mapas en ArcGIS Online, pruebe Combatir la pobreza infantil mediante análisis demográficos o Rastrear los patrones de delincuencia para colaborar en el cumplimiento de la ley. Para obtener más información sobre el análisis espacial y la solución de problemas, pruebe Analizar el acceso a los refugios para volcanes en Hawái e Identificar las áreas con riesgo de corrimiento de tierras en Colorado. Si quiere conocer más a fondo las aplicaciones web, pruebe Introducción a Story Maps o Alud de lodo de Oso: antes y después.

Encontrará más lecciones en la Galería de lecciones de Learn ArcGIS.