Configurar una plantilla de Map Tour

La ciudad de Palm Springs, California, le ha pedido que cree una aplicación móvil que sirva de recorrido guiado para los turistas. La aplicación mostrará las ubicaciones populares en un mapa y los ordenará según su distancia respecto del usuario. Se tiene que poder ejecutar en dispositivos iOS y Android y funcionar con y sin conexión a Internet.

La ciudad le ha proporcionado un Story Map Tour de Palm Springs con información sobre ubicaciones populares, además de un paquete de mapas móviles con todos los datos que necesita. Usará la plantilla AppStudio for ArcGIS Map Tour para convertir este recorrido en una aplicación móvil multiplataforma.

La plantilla Map Tour es ideal cuando se desea presentar una narración lineal basada en lugares que muestre imágenes, audio o vídeos. Cada punto de la historia de la narración está geolocalizado. Los usuarios pueden hacer clic de forma secuencial por la narración, examinar interactuando con el mapa o usar un carrusel opcional de vistas en miniatura.

Nota:

La plantilla Map Tour se basa en la plantilla de aplicación Story Map Tour. Se recomienda que ya tenga creado un story map antes de crear una aplicación móvil. Eche un vistazo a la lección de Learn ArcGIS Primeros pasos con Story Maps para aprender a crear un Story Map Tour.

Crear una aplicación

Primero, descargará e instalará AppStudio for ArcGIS. Después, creará una aplicación con la plantilla Map Tour.

  1. Abra AppStudio for ArcGIS Desktop Edition.
    Nota:

    Si no tiene AppStudio for ArcGIS Desktop Edition, puede descargarla de forma gratuita desde la página de documentación de AppStudio for ArcGIS. Ejecute el archivo descargado para abrir el asistente de instalación. Siga las instrucciones del asistente para instalar el programa.

  2. Haga clic en Iniciar sesión y elija Iniciar sesión.

    Opción Iniciar sesión

  3. Inicie sesión en su cuenta con licencia de ArcGIS.
    Nota:

    Si no tiene ninguna cuenta de organización de ArcGIS, puede registrarse para obtener una prueba gratuita de ArcGIS. Si su cuenta de ArcGIS no tiene licencia para AppStudio for ArcGIS, póngase en contacto con el administrador de su organización para saber más sobre el licenciamiento de su cuenta.

  4. Haga clic en Nueva aplicación.

    Aparece la ventana Nueva aplicación. Muestra varios estilos y plantillas de aplicaciones.

  5. Haga clic en la pestaña Plantillas y elija la plantilla Map Tour.

    Plantilla Map Tour

    Aparecen un resumen y una descripción para la plantilla seleccionada.

  6. Haga clic en Crear.

    Se crea una nueva aplicación con la plantilla Map Tour, que aparece junto con sus otras aplicaciones. Si es la primera vez que utiliza AppStudio for ArcGIS, será su única aplicación. Un panel lateral proporciona más información sobre la aplicación, incluido el nombre.

  7. En la lista de aplicaciones, confirme que su nueva aplicación esté seleccionada. En el panel lateral, haga clic en el botón Editar título.

    Botón Editar título

  8. Cambie el título a Map Tour de Palm Springs y haga clic en el botón Guardar cambios.

Personalizar la aplicación

El diseño de su aplicación debería representar su organización o la funcionalidad de la aplicación. Para aumentar el atractivo visual y valor informativo de su aplicación, agregará imágenes, descripciones, iconos y fuentes.

  1. En la lista de aplicaciones, confirme que su aplicación esté seleccionada. En el panel lateral, haga clic en el botón Configuración.

    Botón Configuración

    Aparece la ventana Configuración de AppStudio. Primero, actualizará la vista en miniatura.

  2. Guarde la imagen de vista en miniatura de ejemplo en su equipo.
  3. En la ventana Configuración de AppStudio, en la pestaña Detalles, haga clic en la vista en miniatura predeterminada.

    Vista en miniatura predeterminada

    Aparece la ventana Abrir.

  4. Busque y haga doble clic en la imagen thumbnail-palm.

    Aparece un mensaje que informa de que una copia de esta imagen sustituirá a su vista en miniatura actual.

  5. Haga clic en .

    La vista en miniatura se actualiza.

  6. En Resumen, sustituya el resumen predeterminado por 21 lugares que visitar en esta ciudad turística en el desierto.
  7. En Descripción, sustituya la descripción predeterminada por Palm Springs (California) es un paraíso norteamericano ubicado en un entorno desértico exclusivo con sol a raudales, arquitectura recuperada de mediados de siglo y un ambiente ameno y distendido.

    A continuación, agregará un icono que represente la aplicación en smartphones y otros dispositivos.

  8. Guarde el icono de ejemplo en su equipo.
  9. En la ventana Configuración de AppStudio, haga clic en la pestaña Recursos. En Icono de la aplicación, haga clic en el icono predeterminado.

    Icono de la aplicación predeterminado

  10. En la ventana Elegir imagen, vaya hasta la imagen icon-palm y haga doble clic en ella.

    Se agrega el nuevo icono. También agregará una imagen de fondo y un archivo de fuentes de texto personalizadas.

  11. Guarde la imagen de fondo de ejemplo y el archivo de fuentes de texto de ejemplo en su equipo.
  12. En la ventana Configuración de AppStudio, haga clic en la pestaña Propiedades. En la pestaña Pantalla de inicio, en Imagen de fondo, haga clic en el botón de examinar.

    Botón Examinar para el parámetro Imagen de fondo

  13. En la ventana Abrir, vaya hasta la imagen background-palm y haga doble clic en ella.
  14. Si recibe un mensaje que le pregunta si desea copiar la imagen en la carpeta de la aplicación, haga clic en .

    Se agrega la imagen de fondo.

  15. En Archivo de fuentes de título, haga clic en el botón de examinar. Vaya al archivo de texto CaviarDreams y haga doble clic en él. Si recibe un mensaje que le pregunta si desea copiar la imagen, haga clic en .
  16. En Archivo de fuentes de texto, vaya hasta el archivo de texto CaviarDreams que se copió en su carpeta activos y haga doble clic en él.
    Nota:

    Si selecciona el archivo de texto original que descargó, no podrá continuar, ya que no es posible copiar el mismo archivo a la misma carpeta dos veces.

Agregar datos de ubicación

A continuación, usará el story map de Palm Springs y el paquete de mapas móviles que le proporcionó la ciudad de Palm Springs para agregar a la aplicación datos sobre ubicaciones populares. Puede agregar el story map y el paquete de mapas móviles proporcionando sus respectivos Id. de ArcGIS Online. El Id. de cualquier elemento de ArcGIS Online contiene una cadena de números y letras y se encuentra al final de la URL de su página de detalles, tal y como muestra la siguiente imagen:

Id. de elemento del paquete de mapas móviles de Palm Springs

  1. En la ventana Configuración de AppStudio, en la pestaña Propiedades, haga clic en la pestaña Galería.
  2. En Seleccionar una aplicación web de story map con estilo de map tour existente, copie y pegue el Id. del story map de Palm Springs (b34ffabf64b04ce480fb453d25be5b4c).

    Id. de Story Map

    La cuidad de Palm Springs desea que esta aplicación móvil se pueda utilizar con y sin conexión. El story map se aloja en línea, por lo tanto, para que la aplicación móvil funcione sin conexión, también debe estar conectada a un paquete de mapas móviles que contenga los mismos datos de ubicación que el story map. La ciudad de Palm Springs también ha proporcionado un paquete de mapas móviles para este fin.

  3. En Id. de elemento de paquete de mapas móviles (mmpk) para mapa sin conexión, copie y pegue el Id. del paquete de mapas móviles de Palm Springs (5fe4934158104de3802965d5dddff4a3).

    Otro requisito de la aplicación es que las ubicaciones deben estar ordenadas por su distancia respecto del usuario.

  4. Desplácese hacia abajo hasta el parámetro Tipo de ordenamiento. Sustituya el texto predeterminado por distancia.

    Parámetro Tipo de ordenamiento

    Hará un último ajuste a la personalización de la aplicación cambiando el color del fondo del texto. Elegirá un color de fondo que combine con el verde del icono y la vista en miniatura de su aplicación.

  5. En la pestaña Propiedades, haga clic en la pestaña Tour. En Color de fondo del texto, sustituya el color predeterminado por #7C9B3E y pulse Intro.

    Opción Color de fondo del texto

  6. Haga clic en Aplicar.

    La configuración se aplica.

    También configurará una licencia para ArcGIS Runtime. Salvo que la aplicación tenga licencia, aparecerá una marca de agua en el mapa. Configurará una licencia de Lite, disponible de forma gratuita.

  7. Haga clic en la pestaña Licenciamiento. En Licenciamiento de ArcGIS Runtime, haga clic en Definir licencia de Lite.

    Botón Definir licencia de Lite

    La casilla Clave de licencia se rellena con una clave de licencia de Lite.

  8. Haga clic en Aplicar. Cierre la ventana Configuración de AppStudio.

Probar su aplicación

A continuación, probará su aplicación. Primero, la probará en la aplicación de escritorio. Después, la probará en un dispositivo móvil.

  1. En AppStudio for ArcGIS, confirme que la aplicación Map Tour de Palm Springs esté seleccionada. En el panel lateral, haga clic en Ejecutar.

    Botón Ejecutar

    La aplicación Map Tour de Palm Springs se abre en una ventana nueva.

    Aplicación Map Tour de Palm Springs

  2. Haga clic en Cómo empezar. Cuando se le pida que descargue un mapa sin conexión, haga clic en Más tarde.
  3. Haga clic en cada imagen para obtener más información sobre la ubicación y cambiar entre Lista y Mapa. Cuando esté conforme, cierre la aplicación.

    La aplicación funciona bien en la versión de escritorio. A continuación, la cargará a su cuenta de ArcGIS y la probará en un dispositivo móvil.

  4. En AppStudio for ArcGIS, haga clic en Cargar.

    Botón Cargar

    Aparece la ventana Carga de AppStudio. Puede compartir la aplicación cargada con su organización o con todos. Puesto que todavía la está probando, de momento no la compartirá. Las opciones de uso compartido se pueden modificar en ArcGIS Online tras cargar la aplicación.

  5. Haga clic en Cargar.

    Aparecerá un mensaje que confirma que la carga se ha realizado correctamente.

  6. Cierre la ventana Carga de AppStudio. Cierre AppStudio for ArcGIS.
  7. En su dispositivo móvil Android o iOS, descargue e instale AppStudio Player (también está disponible en App Store, Google Play y Amazon).
  8. Abra AppStudio Player. Haga clic en Iniciar sesión e inicie sesión en su cuenta de ArcGIS.
    Nota:

    Tiene la opción de iniciar sesión con una cuenta de ArcGIS Online o una cuenta de ArcGIS Enterprise.

    Aparece la página Inicio. Muestra todas las aplicaciones asociadas con su cuenta. Se muestra la aplicación Map Tour de Palm Springs, pero también es posible acceder a la aplicación leyendo su código QR.

  9. En su equipo, abra de nuevo AppStudio for ArcGIS Desktop Edition. Confirme que la aplicación Map Tour de Palm Springs esté seleccionada y haga clic en Código QR.

    Botón Código QR

    Se muestra un código QR de la aplicación.

  10. En su dispositivo móvil, en AppStudio Player, haga clic en su imagen de perfil.

    Aparece el menú lateral.

  11. Haga clic en Escanear código QR.

    Botón Escanear código QR

  12. Escanee el código QR.

    Su aplicación se inicia automáticamente.

  13. Ejecute y pruebe su aplicación.

Ha creado y ejecutado la aplicación Map Tour de Palm Springs. La aplicación funciona en su dispositivo móvil y se puede compartir con su organización o con el público.

Puede crear una aplicación móvil de Map Tour con cualquier Story Map Tour. Tan solo necesita utilizar el Id. del story map en lugar del Id. del story map de Palm Springs. (El story map se debe compartir públicamente). También puede crear un paquete de mapas móviles. Se recomienda que lo haga con la extensión de ArcGIS Publisher con el uso anónimo habilitado.

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