Crear una aplicación de Experience Builder
Creará una aplicación de experiencia web con ArcGIS Experience Builder. Empezará con una plantilla y luego agregará y configurará widgets para configurar la aplicación.
Crear una experiencia web a partir de una plantilla
Primero, creará una aplicación web. Empezará con una plantilla y luego configurará la aplicación.
- Inicie sesión en su cuenta de la organización de ArcGIS.
Nota:
Si no tiene una cuenta de organización, consulte las opciones de acceso a software.
- Haga clic en la pestaña Contenido y en Crear aplicación.
Aparece la lista de las aplicaciones que puede crear.
- Elija Experience Builder en la lista desplegable.
- En la página de inicio de Experience Builder, haga clic en Crear nuevo.
Aparece una lista de plantillas. Utilizará la plantilla Joyero. Joyero mostrará una lista de entidades combinadas con un mapa.
- En la pestaña Predeterminado, busque la plantilla Joyero y haga clic en Crear.
ArcGIS Experience Builder aparece y muestra el mapa en el centro del lienzo. Cambiará el nombre de su experiencia por un título más significativo.
- En la cinta superior, haga clic en Experiencia sin título y escriba o copie y pegue Datos demográficos de bienes inmuebles.
A continuación, se asegurará de poder ver todo el lienzo.
- En la esquina inferior derecha de la pantalla, haga clic en el botón Ajustar ancho a la ventana actual.
Ahora puede verse todo el lienzo, incluido el espacio no utilizado. A continuación, habilitará la edición de esta plantilla.
- En la parte superior del diseño, haga clic en el botón de alternancia Bloquear diseño para desactivar el bloque del diseño.
Agregar un widget a la aplicación
La plantilla Joyero contiene un widget de mapa y una lista. No va a utilizar la lista, así que la borrará para hacer sitio al widget de Business Analyst.
- En el lienzo, haga clic en el widget de lista para seleccionarlo y pulse el botón Eliminar.
- Vuelva a hacer clic en Eliminar para confirmar que desea borrar la lista.
- Debajo del título, en la barra de herramientas vertical, haga clic en el botón Insertar.
Aparece el panel Insertar widget y muestra una galería de widgets agrupados por tipo.
- En la galería de widgets, en Centrado en mapa, desplácese hacia abajo hasta que encuentre el widget Business Analyst.
- Arrastre el widget Business Analyst al lienzo donde antes estaba la lista.
El widget aparece en la aplicación.
Además, se abre el panel Business Analyst y presenta el modo Flujo de trabajo seleccionado de forma predeterminada.
El modo Flujo de trabajo proporciona al usuario final paneles paso a paso para elegir una ubicación y ejecutar una infografía. El widget del modo de flujo de trabajo permite generar zonas de influencia de entidades, realizar búsquedas y crear infografías. A continuación, ampliará el widget Business Analyst para que ocupe todo el lado izquierdo del lienzo.
- En caso necesario, haga clic en el widget Business Analyst para seleccionarlo. Desde su parte inferior, arrástrelo hasta la parte inferior del lienzo.
Ha creado una aplicación y agregado un widget. A continuación, configurará el widget.
Configurar el widget Business Analyst y publicar la aplicación
El widget Business Analyst permite mostrar información demográfica en infografías y crear zonas de influencia de tiempo de recorrido en vehículo o a pie. Ya ha agregado el widget a la aplicación. A continuación, lo configurará para satisfacer las necesidades de la empresa.
Sugerencia:
En cualquier momento puede obtener una vista previa e interactuar con la aplicación haciendo clic en Vista en directo.
Configurar el widget
Configurará el widget Business Analyst para su inmobiliaria vinculándolo al mapa y personalizándolo para que lo usen sus compañeros. También elegirá las infografías mostradas en la aplicación y los tipos de zonas de influencia.
- En caso necesario, haga clic en el widget Business Analyst del lienzo para seleccionarlo y mostrar el panel Business Analyst.
- Haga clic en el menú desplegable Seleccionar widget Mapa y elija Mapa.
El widget Business Analyst agrega su propia herramienta de búsqueda al mapa. Cuando incluye este widget, la función de búsqueda del widget Mapa se desactiva automáticamente. A continuación, eliminará la herramienta de búsqueda del mapa.
- Seleccione la barra de búsqueda y haga clic dos veces en Eliminar para eliminarla.
- Haga clic en el widget del lienzo para seleccionarlo otra vez. En Configuración de ubicación, asegúrese de que Estados Unidos está seleccionado.
- Haga clic en el botón Personalizar búsqueda para editar el texto de introducción.
Los demás agentes inmobiliarios de su empresa pueden no estar familiarizados con la terminología de SIG que se utiliza en la introducción actual, por lo que editará el texto.
- En el panel Personalizar búsqueda, escriba (o copie y pegue) el texto siguiente: Buscar una dirección o ubicación para ver información demográfica.
- Cierre el panel Personalizar búsqueda.
- En el panel Business Analyst, haga clic en Personalizar zonas de influencia.
La ubicación es un factor importante dentro del sector inmobiliario. El widget admite zonas de influencia Anillos, Tiempo de conducción y Tiempo de recorrido a pie. Los clientes de su inmobiliaria está especialmente interesados en conocer las personas que podrían desplazarse a pie o en vehículo hasta sus ubicaciones, por lo que desactivará los anillos.
- En Configuración predeterminada, desactive Anillos y deje Tiempo de conducción y Tiempo de recorrido a pie activados.
- Cierre el panel Personalizar zonas de influencia.
- En el panel Business Analyst, haga clic en Personalizar infografías.
- En el panel Personalizar infografía, en Seleccionar infografía, haga clic en el menú desplegable Infografía de Esri.
Aparece una lista de posibles infografías. Puede elegir las infografías que son más importantes para su empresa. Por ejemplo, los agentes inmobiliarios de su empresa suelen utilizar perfiles demográficos, resúmenes demográficos y perfiles de Esri Tapestry Segmentation, así que incluirá esas infografías.
- Desactive la casilla situada junto a Infografía de Esri. Active las casillas de Perfil demográfico, Resumen demográfico y Perfil de Tapestry predominante.
A continuación, simplificará la interfaz de infografía con arreglo a las necesidades de los agentes inmobiliarios.
- Cierre el panel Personalizar infografías.
- En el panel Business Analyst, expanda Ajustes de infografía.
Aparece una lista de opciones para infografías. Los agentes inmobiliarios con los que trabaja suelen mostrar estas visualizaciones como imágenes o PDF en sus tablets, por lo que puede eliminar las opciones adicionales que no se necesitan.
- Desactive las opciones de Exportación a HTML dinámico y Exportación a Excel.
- Contraiga la opción Ajustes de infografía.
A continuación, cambiará el tema de la aplicación para mejorar su apariencia.
- Debajo del título, en la barra de herramientas vertical, haga clic en el botón Tema.
- Experimente haciendo clic en algunos de los temas para ver cómo afectan a la aplicación. Cuando haya hecho clic en unos cuantos temas, seleccione el tema Vívido.
Ha configurado el widget para que sea más específico del sector inmobiliario y de sus necesidades.
Habilitar mapas base en el widget Mapa
A continuación, habilitará la conmutación de los mapas base en el widget Mapa para que los usuarios puedan elegir el mapa base que más se adecue a sus necesidades. La aplicación mostrará el mapa base predeterminado de la organización, pero agregar esta funcionalidad permite a los usuarios cambiar el mapa base mientras utilizan la aplicación.
- En el lienzo, haga clic en el widget Mapa para seleccionarlo.
Aparece el panel Mapa.
- En Herramientas, active Mapa base.
En el widget Mapa, aparece el botón Mapa base.
Cuando un usuario abre la aplicación, se muestra el mapa base predeterminado, que se puede cambiar mediante este botón.
- En la cinta, haga clic en el botón Guardar.
Probar la aplicación en el modo en vivo
A continuación, probará la aplicación antes de publicarla. Agregará una ubicación haciendo clic en el mapa.
- En la cinta superior, haga clic en Vista en directo.
La aplicación cambia a la vista en directo y el botón cambia de color para indicar que la aplicación está en la vista en directo.
La vista en directo permite utilizar la aplicación de la misma forma que lo hará el usuario de la aplicación y asegurarse de que todo funcione correctamente antes de publicar y compartir.
Para efectuar pruebas, cambiará el mapa base a Lona gris oscuro para que resulte más fácil ver las zonas de influencia.
- En el mapa, junto a la barra de búsqueda, haga clic en el botón Mapa base y elija Lona gris oscuro.
El mapa se actualiza para utilizar el mapa base Lona gris oscuro.
- En el widget Business Analyst, en la barra de búsqueda, escriba 835 s Coast Highway y elija la ubicación en Oceanside, CA.
Nota:
O bien, también puede designar una ubicación agregando un punto al mapa.
El mapa se acerca a la ubicación y agrega un punto.
- En la parte inferior del widget, haga clic en Siguiente.
- En el paso Zonas de influencia, haga clic tanto en Tiempo de recorrido a pie como en Tiempo de conducción para confirmar que hay zonas de influencia de 5, 10 y 15 minutos para cada uno.
También puede crear zonas de influencia para el tiempo de recorrido en vehículo o a pie; por tanto, debe elegir lo que desee.
- Haga clic en Tiempo de recorrido a pie para seleccionarlo.
Nota:
El widget solo puede crear un conjunto de zonas de influencia a la vez, por lo que debe seleccionar Tiempo de recorrido por vehículo o Tiempo de recorrido a pie.
- Haga clic en Siguiente.
El mapa aplica zonas de influencia alrededor de la ubicación que representa los tiempos de recorrido a pie de 5, 10 y 15 minutos.
- En la pestaña Infografía, haga clic en el menú desplegable Seleccionar infografía.
Aparece una lista de Infografía de Esri. Puede aputnar al icono situado junto al nombre para ver una vista previa del aspecto que tendrá la infografía.
- Para la infografía Perfil Tapestry dominante, apunte al icono de vista previa.
- Previsualice el resto de infografías para ver sus vistas previas y, a continuación, elija la infografía Perfil demográfico.
- En el paso Infografía, expanda Infografía de Esri y elija Perfil demográfico.
- Haga clic en Ejecutar infografía.
La infografía muestra variables demográficas correspondientes a un tiempo de recorrido a pie de 5 minutos desde la ubicación.
La infografía proporciona información demográfica detallada sobre la población que se encuentra a 5 minutos a pie de la ubicación. Al agregar un widget, configurarlo para satisfacer sus necesidades y agregar una ubicación, puede encontrar información demográfica sobre posibles clientes en segundos.
- En la ventana de infografía, junto a 5 minutos a pie, haga clic en la flecha desplegable y elija 10 minutos a pie para explorar los datos demográficos de la población incluidos en esta zona de influencia.
Los valores de la infografía cambian para reflejar una población mayor.
- Guarde la aplicación.
Ahora que ha probado y guardado la aplicación, tiene todo listo para publicarla para que sus compañeros puedan utilizarla en su trabajo.
Publicar y compartir la aplicación
Tras probar la aplicación, lo último que debe hacer es publicarla y compartirla para otros puedan acceder a ella.
- En la cinta, haga clic en el botón Publicar.
A continuación, verá la aplicación publicada para ver lo que verán los usuarios.
- En la cinta, haga clic en el botón Más y elija Ver elemento publicado.
La aplicación aparece en una pestaña de navegador web diferente.
- En la barra de búsqueda, haga clic en el botón Mapa base y elija Calles (noche).
- En el widget, en la pestaña Buscar, haga clic en la herramienta Dibujar punto.
- Acérquese a una ubicación en el mapa, haga clic en el mapa para agregar un punto y pulse Siguiente.
- En la pestaña Zonas de influencia, acepte las zonas de influencia predeterminadas de Tiempo de conducción y haga clic en Siguiente.
- En la pestaña Infografía, elija la infografía Resumen demográfico y haga clic en Ejecutar infografía.
- Vuelva a la pestaña del navegador web en la que la aplicación se encuentra en el modo de edición.
- En la cinta, haga clic en Más y elija Copiar vínculo de elemento publicado.
Ha copiado el vínculo en la aplicación publicada y puede compartirla. Sin embargo, la configuración de uso compartido predeterminada es para el propietario y, por consiguiente, nadie más puede acceder a la aplicación hasta que cambie la configuración. Puede ir a la página de detalles del elemento de la aplicación en ArcGIS Online desde la aplicación.
- En la cinta, haga clic en el botón Más y elija Cambiar configuración de uso compartido.
Aparece la página de detalles del elemento de la aplicación.
- Haga clic en el botón Compartir.
La ventana Compartir aparece y presenta varias opciones para compartir. En la actualidad, el propietario de la aplicación es el único que puede acceder a ella, pero puede cambiar un ajuste para compartirla con su organización o con todos (el público).
- En la ventana Compartir, haga clic en Organización y luego en Guardar.
Ahora, la aplicación se comparte para que otros miembros de su organización puedan usarla.
En este tutorial, ha creado una aplicación, ha agregado el widget Business Analyst, ha configurado ambos para adecuarlos a las necesidades de la empresa, ha probado la aplicación, la ha publicado y la ha compartido para que otros la usen. Los agentes inmobiliarios considerarán valiosa esta aplicación cuando la utilicen porque los datos demográficos dentro de los tiempos de recorrido a pie o en vehículo deseados pueden hallarse fácilmente y pueden ayudarles a tomar decisiones basadas en datos.
