Crear una aplicación web
Para crear la aplicación web para el sitio web del área recreativa, utilizará ArcGIS Instant Apps. Instant Apps incluye una biblioteca de plantillas de aplicación y varias opciones de configuración para que pueda diseñar una aplicación adaptada a las necesidades de su público.
Nota:
Si necesita crear capacidades para conectar con el público y promocionar actividades recreativas al aire libre, utilice la solución Recreation Outreach. Este tutorial se centra en cómo crear una aplicación web y configurarla para que admita dos o más idiomas. Ofrece un pequeño subconjunto de opciones para realizar actividades recreativas al aire libre.
Elegir una plantilla de aplicación web
Primero, iniciará sesión en ArcGIS Online y seleccionará una plantilla adecuada con Instant Apps.
- Inicie sesión en su cuenta de organización de ArcGIS.
Nota:
Si no tiene una cuenta de organización, consulte las opciones de acceso a software.
- En la cinta, haga clic en Contenido.
Aparece su página de Contenido. Esta página muestra todo el contenido de su cuenta e incluye opciones para crear contenido, incluidas aplicaciones.
- Haga clic en Crear aplicación y elija Instant Apps.
La página de la galería de Aplicaciones instantáneas aparece en una nueva pestaña del navegador. La galería incluye muchas plantillas de aplicaciones, que puede filtrar en función de las funciones que tienen. Como desea ofrecer dos opciones de idioma, buscará plantillas que incluyan la función de conmutador de idioma.
- En Funciones de la aplicación de búsqueda, escriba idioma y selecciona el conmutador de idioma.
La galería se filtra por plantillas con la función de conmutador de idioma. La otra capacidad que desea que tenga su aplicación es mostrar la elevación de las rutas de senderismo.
Una buena forma de mostrar la elevación de una ruta recta (como un sendero) es usar un perfil de elevación, que es una vista transversal bidimensional de un paisaje que representa los ascensos y los descensos. Filtrará aún más la galería para mostrar las plantillas que tienen capacidades de perfil de elevación.
- En Buscar capacidades de aplicación, escriba elevación y elija perfil de elevación.
La capacidad se agrega como filtro.
La galería contiene ahora algunas plantillas. La plantilla Cercano podría ser una buena opción. Comprobará la descripción de la aplicación para confirmar que se trata de la aplicación que desea.
- En Cercano, haga clic en el botón Menú y elija Descripción de la aplicación.
Aparece una ventana con una descripción de texto de la plantilla de la aplicación. La descripción indica que esta plantilla guía a los usuarios hacia los puntos de interés basándose en una búsqueda de ubicaciones y proporciona indicaciones. Esta plantilla parece ser exactamente lo que desea para ayudar a los visitantes del parque a buscar y obtener información sobre las rutas de senderismo cercanas.
- En la ventana Cercano, haga clic en Cerrar.
- En Cercano, haga clic en Elegir.
Sugerencia:
Para obtener una vista previa de una plantilla de aplicación antes de elegirla, haga clic en Muestra para ver una aplicación de ejemplo que utilice la plantilla.
Aparece la ventana Crear aplicación - Cercano, con opciones para poner a su aplicación un título y etiquetas de búsqueda.
- En Asignar título a su aplicación, escriba Rutas de senderismo de Santa Mónica.
- En Agregar etiquetas, escriba Los Ángeles y Caminatas y pulse Intro después de cada una.
- También puede elegir la carpeta en la que desea guardar la aplicación.
- Haga clic en Crear aplicación.
Se crea la aplicación y aparece su ventana de configuración.
La ventana de configuración está definida en modo rápido de forma predeterminada. Este modo incluye un subconjunto simplificado de todos los ajustes de la aplicación para resaltar los ajustes más esenciales y le guía a través del proceso de configuración.
Puede desactivar el modo rápido para ver todos los ajustes o buscar ajustes específicos si los necesita, pero para sus fines, este modo resulta adecuado por el momento.
Elegir un mapa
A continuación, configurará la plantilla de modo que se ajuste a sus necesidades. Lo primero que hará es elegir un mapa que se mostrará en la aplicación. Este mapa mostrará rutas de senderismo y entradas a senderos en las montañas de Santa Mónica.
- Haga clic en Paso 1. Mapa.
Aparece el panel Mapa.
Elegirá un mapa web de rutas de senderismo de Santa Mónica que ya se haya creado para usted. Además de los datos de los senderos, incluye nombres de capas, leyendas y atributos, así como elementos emergentes diseñados para dar soporte a una aplicación multilingüe. Encontrará más información al respecto en la segunda parte de este tutorial.
Normalmente, es posible que tenga que crear el mapa que desea mostrar en su aplicación pero, para los fines de este tutorial, asumirá que ya ha creado el mapa.
Nota:
Para obtener más información sobre cómo crear mapas web, pruebe Introducción a ArcGIS Online.
- Haga clic en Seleccionar un mapa.
Aparece la ventana Seleccionar un mapa. De forma predeterminada, la ventana muestra los mapas de su propiedad. El mapa que utilizará es propiedad de la cuenta de administrador de Esri Tutorials.
- Haga clic en Mi contenido y elija ArcGIS Online.
La ventana muestra ahora todos los mapas que se comparten públicamente en ArcGIS Online.
- En la barra de búsqueda, escriba Propietario de los Senderos de Santa Mónica: Esri_Tutorials.
La lista de mapas se filtra para mostrar un solo resultado: Senderos de Santa Mónica, propiedad de Esri_Tutorials.
- En Senderos de Santa Mónica, haga clic en Seleccionar mapa.
La vista previa de la aplicación se actualiza para mostrar el mapa de rutas junto con un texto introductorio que explica cómo utilizarla.
Configurar las funciones
Una aplicación no solo muestra un mapa. También contiene funciones que cambian la forma en que los usuarios interactúan con la aplicación y comprenden el significado de esta. Las funciones principales que desea que su aplicación tenga son buscar senderos cercanos, ver perfiles de elevación de los senderos y mostrar indicaciones a los senderos.
En primer lugar, revisará la información proporcionada en la plantilla que ayuda a los usuarios a comprender el mapa y cómo utilizar las funciones de la aplicación.
- En el panel de configuración, haga clic en Siguiente.
El panel Acerca de aparece en el panel de configuración.
El panel Acerca de incluye herramientas para configurar información que ayuda a los usuarios a comprender el mapa. La introducción predeterminada describe varios métodos de búsqueda para encontrar ubicaciones en el mapa, por lo que no es necesario realizar ningún cambio.
A continuación, configurará los ajustes de búsqueda.
- Haga clic en Siguiente.
Aparece el panel Cercano. Elegirá las capas que se incluirán en los resultados de la búsqueda. Desea que los usuarios puedan buscar tanto entradas a senderos como senderos.
- En Capas para incluir en los resultados, marque Trailheads/Inicios de senderos y Trails/Sendero.
El creador del mapa, conociendo el objetivo de la aplicación, incluyó nombres en inglés y español para las capas.
- En Método de búsqueda, haga clic en Radio de búsqueda.
La distancia de búsqueda predeterminada es 2 kilómetros, lo que no es muy grande teniendo en cuenta que el área recreativa tiene un área de 638 kilómetros cuadrados (o alrededor de 246 millas cuadradas). Aumentará el radio de búsqueda predeterminado y la distancia máxima de búsqueda, y también cambiará la unidad de medida a millas.
- En Unidades de medida, elija millas. En Distancia máxima de búsqueda, escriba 10 y para la Distancia predeterminada, escriba 5.
A continuación, habilitará las indicaciones y configurará las unidades de medida.
- En la parte inferior del panel Cercano, active Mostrar indicaciones. En Unidades, seleccione Imperial.
Ha configurado la función de búsqueda y habilitado las indicaciones. A continuación, configurará una función de perfil de elevación que permita a los visitantes ver la elevación del sendero antes de elegir el sendero que van a recorrer. El perfil de elevación no está incluido en la lista de ajustes esenciales del panel Rápido, por lo que lo buscará.
- Haga clic en Configuración de búsqueda.
- En el panel Configuración de búsqueda, escriba Elevación y haga clic en Agregar vínculo de perfil de elevación a la ventana emergente.
Dado que esta configuración no se muestra en el modo rápido, se le solicita que desactive el modo rápido antes de continuar.
- En la ventana Desactivar modo rápido, haga clic en Continuar.
El panel Cercano incluye ahora todos los ajustes para los resultados de búsqueda.
- En Complementos para los resultados, active Agregar vínculo de perfil de elevación a la ventana emergente. En el vínculo Capas para incluir indicaciones, marque Trailheads/Inicios de senderos.
Ahora, los perfiles de elevación estarán disponibles en los resultados de búsqueda de la capa de senderos.
Agregará dos cambios finales a su aplicación. Agregará un botón para mostrar las capas del mapa y sus leyendas, así como un botón que permita a los usuarios cambiar el mapa base para mostrar imágenes de satélite del área. Estas opciones hacen que el mapa sea más útil.
- En el panel de configuración, haga clic en Interactividad.
- En el panel Interactividad, haga clic en Modificar.
- Active Lista de capas. Cuando haya más opciones disponibles, active Mostrar leyenda.
- Active el botón de alternancia Mapa base. En Seleccionar mapa base, haga clic en Imágenes.
En el panel de vista previa, en la parte inferior del mapa, aparecen los botones Alternar mapa base y Abrir lista de capas.
Su aplicación web se ha completado. Tiene todas las funciones que deseaba para ayudar a los visitantes a planificar sus excursiones.
Publicar la aplicación
Ahora puede publicar la aplicación y compartirla para que todos puedan verla.
- Haga clic en Publicar.
- En la ventana Publicar, haga clic en Confirmar.
Aparece una ventana en la que se le pregunta si desea autorizar el contenido premium. La capa Rutas de senderismo de Santa Mónica es un servicio prémium debido a sus capacidades de generación de rutas que se utilizan para proporcionar indicaciones en la aplicación.
Si no autoriza contenido Premium, es posible que los usuarios que no tengan una cuenta de ArcGIS no puedan ver la capa de senderos cuando utilicen la aplicación. Si autoriza contenido premium, es posible que la aplicación consuma créditos en su organización cada vez que se visualice la aplicación. No debe autorizar el contenido premium a menos que esté seguro de que su organización puede mantener el coste.
En este escenario, usted es un funcionario que trabaja para una agencia gubernamental, de modo que desea autorizar el contenido premium para que todos los usuarios puedan ver el contenido de la aplicación. Sin embargo, para los fines de este tutorial, dejará contenido premium no autorizado para evitar el gasto de créditos innecesarios.
- En la ventana Autorizar contenido premium, haga clic en Continuar sin autorizar.
Se publica la aplicación. Aparece la ventana Compartir con opciones para compartir la aplicación. Actualmente, la aplicación no se comparte. La compartirá con el público para que todos puedan verla.
Nota:
Dado que ha decidido no autorizar contenido premium para los fines de este tutorial, es posible que los usuarios que no tengan una cuenta de ArcGIS no puedan ver la capa de senderos en la aplicación.
- Haga clic en Cambiar configuración de uso compartido.
- En la ventana Compartir, elija Todos. Haga clic en Guardar.
- En el panel de configuración, haga clic en Compartir.
- En la ventana Compartir, haga clic en Abrir.
Su aplicación web está terminada y aparece en una nueva pestaña del navegador. Cualquiera que tenga la URL de la aplicación podrá acceder a ella.
- Pruebe las opciones de búsqueda y revise la información proporcionada en los resultados para cada capa, incluyendo cómo encontrar indicaciones y examinar los perfiles de elevación de los senderos. Utilice los botones Alternar mapa base y Abrir lista de capas para cambiar el mapa base y explorar la leyenda de cada capa.
Para buscar una dirección específica, pruebe a buscar inicios de senderos en un radio de 3 millas (aprox. 5 km) alrededor de 4515 Park Entrada, Calabasas, CA 91302. A continuación, puede hacer clic en el botón Indicaciones en la tarjeta del inicio del sendero Parkway Calabasas para encontrar la ruta hasta allí.
Ha creado y publicado correctamente una aplicación web mediante Instant Apps.
Implementar el cambio de idioma
Ha creado una aplicación web que los visitantes del área recreativa pueden utilizar para encontrar el inicio de los senderos y acceder a las indicaciones. A continuación, mejorará la aplicación para que sirva tanto a los usuarios de inglés como a los de español. Existen tres tipos de texto en la aplicación que se deben traducir y mostrar en cada idioma, y abordaremos cada uno de ellos.
Mostrar texto definido por Esri en español
El texto definido por Esri suele mostrarse mediante herramientas y descripciones emergentes. Se almacena en la aplicación. Para mostrar este texto en español en su aplicación, habilitará la función de cambio de idioma.
- Vuelva a la pestaña del navegador Configuración de ArcGIS Instant Apps. Si es necesario, cierre la ventana Compartir.
- Haga clic en Conmutador de idioma.
Aparece el panel Conmutador de idioma.
- En el panel Conmutador de idioma, active Conmutador de idioma. Cuando aparezca la opción, active Abrir conmutador de idioma al iniciar.
A continuación, seleccione el idioma.
- En Configuración de idioma, en Seleccionar idiomas para traducir, elija Spanish - Español.
Nota:
Puede seleccionar varios idiomas.
- En Opciones de mapa, en Icono del widget de mapa, seleccione language-translate.
El botón aparece en el mapa en el panel de vista previa.
- En la vista previa de la aplicación, seleccione Spanish - Español.
- En la vista previa de la aplicación, busque Pencheta Trl, Agoura Hills, California, 91301 y examine los resultados.
Los resultados de la búsqueda que se titulaban Resultados en inglés ahora se titulan Resultados en español. La barra azul con el texto Clear search location ahora dice Borrar ubicación buscada. También encontrará términos en español en los perfiles de elevación.
Todo este texto es texto definido por Esri, texto que forma parte de la plantilla de Instant Apps. Con Spanish - Español seleccionado en el conmutador de idioma, la aplicación muestra el mismo texto traducido que se mostraría si el usuario del dispositivo tuviera su navegador o perfil de ArcGIS Online configurado en Spanish - Español. Los términos definidos por Esri en español y en otras muchas lenguas se incluyen en ArcGIS Online.
- En el panel de vista previa, haga clic en el botón Abrir ventana de introducción.
El texto de introducción, que explica cómo utilizar las opciones de búsqueda, sigue estando en inglés.
Este es el texto de la aplicación, texto proporcionado de forma predeterminada en Instant Apps o creado por el creador de la aplicación. A continuación, traducirá el texto de la aplicación para que también esté disponible en español.
Mostrar el texto de la aplicación en español
Proporcionará el texto en español para el texto de la aplicación mediante el Asistente de traducción (Beta).
- En el panel Conmutador de idioma, en Configuración de idioma, en Texto traducido, haga clic en Configuración de traducción.
Aparece la ventana Traducción con el texto de la aplicación en inglés a la izquierda y los campos para el texto correspondiente en español a la derecha. Los campos de texto de la aplicación incluyen Título de la aplicación, Título de la introducción y Texto alternativo para el mapa.
Existen dos formas de rellenar los campos de texto traducido. Si conoce los términos traducidos o tiene acceso a ellos, puede introducirlos uno por uno o todos a la vez con una hoja de cálculo. Si no conoce los términos traducidos o no tiene acceso a ellos, puede utilizar el Asistente de traducción (Beta) para traducir automáticamente el texto y rellenar los campos.
En este tutorial, utilizará el Asistente de traducción (Beta), que utiliza traducción automática.
Nota:
Los componentes beta pueden tener documentación o funcionalidades incompletas, así como algunos pequeños cambios que no se han anunciado. Obtenga más información en estas Preguntas frecuentes.
La traducción automática no pretende sustituir a los traductores humanos, por lo que se recomienda encarecidamente que un usuario con conocimientos del idioma revise las traducciones.
Para obtener más información sobre cómo agregar sus propias traducciones directamente o con una hoja de cálculo, consulte ArcGIS Instant Apps: Crear aplicaciones multilingües con el nuevo conmutador de idioma. Para obtener más información sobre la función Asistente de traducción (Beta), consulte Generar traducciones en sus Instant Apps con el Asistente de traducción (Beta).
- En el lado Spanish - Español de la ventana Traducción, haga clic en Asistente de traducción (Beta).
- En la ventana Asistente de traducción (Beta), lea el mensaje y haga clic en Continuar.
- En Seleccionar idiomas para traducir, marque Spanish - Español. Haga clic en Traducir.
Después de unos minutos, se rellenarán los campos en español.
- Revise el texto traducido. Cuando esté conforme, haga clic en Cerrar.
- En el panel de vista previa de la aplicación, revise el texto.
El texto de introducción ahora aparece en español. El resto del texto de la aplicación, incluido el título, también aparece en español. Es posible que desee invitar a alguien con conocimientos de español para que revise los términos proporcionados en este idioma y realice las actualizaciones necesarias.
Mostrar el mapa y el texto de datos en español
Hasta ahora, ha utilizado la función de cambio de idioma de la plantilla de la aplicación Nearby para que dos tipos de texto, el texto definido por Esri y el texto de la aplicación, se muestren en español. El tercer tipo de texto, el texto del mapa y los datos, se gestiona en el mapa de origen y sus capas de datos.
El mapa de origen de la aplicación está configurado para mostrar los datos de los atributos de los inicios de senderos y senderos en inglés o español. Para saber cómo se hace esto, primero verá las tarjetas de resultados en la vista previa de la aplicación. A continuación, verá los atributos de las capas y el uso del lenguaje de expresiones Arcade de ArcGIS en el mapa de origen, que hacen posible estas traducciones.
- En el panel de vista previa, con el conmutador de idioma establecido en Spanish - Español, borre la búsqueda existente y busque inicios de senderos y senderos en un radio de 1 milla (aprox. 1,6 km) de Old Oak Rd, Agoura Hills, CA, 91301.
Se devuelven los resultados de la búsqueda.
- Expanda los resultados de Trailheads/Inicios de senderos y revise el texto de las tarjetas.
Cada tarjeta enumera los servicios disponibles en el inicio del sendero en español.
- Cambie el conmutador de idioma a Inglés y revise las tarjetas.
Los servicios se enumeran en inglés.
Verá otro ejemplo de texto traducido de un mapa y datos, y luego verá cómo se crea y se muestra el texto de la tarjeta.
- Contraiga los resultados de Trailheads/Inicios de senderos y expanda los resultados de Trails/Sendero. Revise las tarjetas de senderos en inglés.
La tarjeta de cada sendero incluye una frase que indica la longitud del sendero y el tipo de uso para el que está destinado.
- Revise las tarjetas de senderos en español.
A continuación, verá los atributos de la capa de senderos para aprender cómo se crean las tarjetas en inglés y español.
- En una nueva pestaña del navegador, abra la página del elemento del mapa de Senderos de Santa Mónica.
La página incluye un resumen, una descripción y una lista de las capas que componen el mapa.
- En Capas, haga clic en Trails/Sendero.
La página del elemento de la capa NPS Trails (EN-ES) aparece en una nueva pestaña.
- En la cinta, haga clic en Datos.
- Desplácese hacia la derecha para revisar los nombres y valores de los campos.
Aparece la tabla de atributos de los más de 2200 segmentos de senderos de la capa. Los nombres de los campos incluyen Name1, Miles, Use, Type, Uso_es y Tipo_es. Use tiene un campo correspondiente en español, Uso-es, que contiene valores en español. Type tiene un campo correspondiente, Tipo_es. Esta tabla es la fuente de los valores que se encuentran en las tarjetas de la aplicación.
Las tarjetas de senderos incluyen una frase completa, en inglés o español, que incluye el nombre del sendero, la longitud y el uso. Esa frase se configura en el mapa de origen. Arcade se utiliza para determinar la preferencia de idioma del usuario y crear la frase a partir de los valores de la tabla.
Nota:
Este tutorial no tratará los detalles de cómo escribir Arcade ni cómo dar formato al texto.
- Para obtener más información sobre Arcade y su uso en ventanas emergentes, consulte la entrada del blog Elementos emergentes: elementos esenciales de Arcade y la documentación Configurar elementos emergentes.
- Para obtener más información sobre cómo utilizar Arcade para traducciones en Instant Apps, consulte la entrada del blog Uso de Arcade para traducir elementos emergentes para usar en ArcGIS Instant Apps
Para ver las expresiones Arcade en el mapa de origen que determinan la preferencia de idioma y crean la frase en inglés o español, haga lo siguiente:
- Abra el mapa Senderos de Santa Mónica en Visor de mapas.
- En la barra de herramientas Contenido, haga clic en Capas.
- En el panel Capas, haga clic en la capa Trails/Sendero para seleccionarla.
- En la barra de herramientas Configuración, haga clic en Elementos emergentes.
- En el panel Elementos emergentes, haga clic en Expresiones de atributos.
- Haga clic en cada expresión para ver el código Arcade.
Para ver cómo se aplica formato a la frase creada para visualizarla en el mapa de origen, haga lo siguiente:
- Regrese al panel Elementos emergentes.
- Haga clic en Texto y, a continuación, en Editar texto.
- Cierre la página del elemento NPS Trails (EN-ES) y vuelva a la página del elemento del mapa de Senderos de Santa Mónica.
- En capas, haga clic en Trailheads/Inicios de senderos.
La página del elemento de capa Senderos públicos y puntos de acceso de SAMO (vista pública) aparece en una nueva pestaña.
- En la cinta, haga clic en Datos.
- Revise los datos proporcionados para los 261 inicios de senderos y puntos de acceso.
Nota:
Solo los 176 puntos de inicio de senderos se incluyen en el mapa y en la aplicación.
A diferencia de la tabla Trails/Sendero, la tabla Trailheads/Inicios de senderos no incluye campos correspondientes para los términos en inglés y español. Utiliza los valores Yes o No y Y y N para indicar si un inicio de sendero ofrece servicios como aparcamiento, agua y aseos.
Las tarjetas de los inicios de senderos incluyen una lista, en inglés o español, con todos los servicios disponibles. Esa lista se configura en el mapa de origen. Arcade se utiliza para determinar la preferencia de idioma del usuario y crear la lista a partir de los valores.
Nota:
Para ver las expresiones Arcade que crean la lista, haga lo siguiente:
- Abra el mapa de Senderos de Santa Mónica.
- En la barra de herramientas Contenido, abra el panel Capas.
- Seleccione la capa Trailheads/Inicios de senderos.
- En la barra de herramientas Configuración, haga clic en Elementos emergentes.
- En el panel Elementos emergentes, haga clic en Expresiones.
- Haga clic en cada expresión para ver el código Arcade.
Para ver cómo se aplica formato a la lista para visualizarla en el mapa de origen, haga lo siguiente:
- Regrese al panel Elementos emergentes.
- En Texto, haga clic en editar.
En este tutorial, ha utilizado un mapa web preconfigurado como origen para una aplicación que permite a los usuarios buscar y evaluar opciones de senderismo en las montañas de Santa Mónica. Ha agregado elementos para explorar los perfiles de elevación de los senderos y encontrar direcciones de inicios de sendero. Ha mejorado incluso más su aplicación web agregando la opción de cambiar el idioma de inglés a español. Ha habilitado la traducción del texto definido por Esri y del texto de la aplicación configurando la función del conmutador de idioma. También ha explorado opciones para traducir el texto del mapa y los datos, en este caso los valores de los atributos, configurando los datos en la tabla de atributos y utilizando Arcade. Su aplicación final será muy útil para las personas que utilizan tanto el inglés como el español.
Encontrará más tutoriales en la galería de tutoriales.
