Crear una aplicación de Experience Builder y agregar widgets
Creará una aplicación de experiencia web con ArcGIS Experience Builder. Empezará con una plantilla en blanco y agregará y configurará sus widgets para configurar la aplicación.
Crear una experiencia web en blanco
Empezará creando una aplicación de experiencia web en blanco.
- 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.
- Haga clic en Crear aplicación.
- Elija Experience Builder.
- En la página de inicio de ArcGIS Experience Builder, haga clic en Crear nuevo.
Aparece la página Plantilla y muestra la galería de opciones de plantilla. Las plantillas son diseños y temas predeterminados para las aplicaciones que crea. En esta aplicación, utilizará la plantilla En blanco.
- En la pestaña Predeterminado, encuentre la plantilla Pantalla completa en blanco y haga clic en Crear.
La aplicación se abre en el generador y muestra un lienzo en blanco. Cambiará el nombre de su aplicación por un título más significativo.
- En la cinta, haga clic en Experiencia sin título y escriba Datos demográficos de salud estatales.
La experiencia web está lista para que agregue widgets. Los widgets se clasifican en categorías basándose en su funcionalidad, como Centrado en mapa, Centrado en datos o Elementos de página.
Agregar widgets a la aplicación
A continuación, agregará el widget Business Analyst, un widget Mapa y un widget Texto a la aplicación.
- En el panel Insertar widget, en Centrado en el mapa, arrastre el widget Business Analyst al lienzo.
El panel Business Analyst se abre a la derecha y presenta el modo Flujo de trabajo seleccionado de forma predeterminada. Este modo proporciona al usuario de la aplicación los pasos para elegir una ubicación y ejecutar una infografía. Sin embargo, como conoce la infografía concreta que necesita y las ubicaciones específicas (condados del estado) que desea ver, utilizará el modo Preestablecido en su lugar.
- En el panel Business Analyst, en Modo, haga clic en Preestablecido.
A continuación, complementará el widget Business Analyst con los widgets Mapa y Texto.
- En el panel Insertar widget, en la sección Centrado en mapa, arrastre el widget Mapa hasta el lienzo.
- En la sección Elementos de página, arrastre el widget Texto hasta el lienzo.
Sugerencia:
Si tiene dificultades para encontrar un widget, puede buscarlo en la parte superior del panel Insertar widget.
- Haga clic en el widget Texto para seleccionarlo. Arrastre su controlador derecho hasta que tenga la misma anchura que el widget Mapa.
- Coloque el widget Texto en la esquina superior izquierda del lienzo. Coloque el widget Mapa directamente debajo y cambie su tamaño hasta que su altura llegue a la parte inferior del lienzo.
- Cambie el tamaño del widget Business Analyst para utilizar el espacio restante del lienzo.
Ahora, la apariencia de la aplicación es equilibrada, con los widgets Texto y Mapa creando una columna que ocupa aproximadamente un tercio del lienzo, y el widget Business Analyst ocupando el resto. Siempre puede modificar la colocación de los widgets, pero por el momento tiene buen aspecto.
Ha creado una aplicación en Experience Builder, le ha agregado tres widgets y ha diseñado el aspecto de la aplicación y la colocación de los widgets. En la actualidad, los widgets tienen asignada la funcionalidad predeterminada. A continuación, personalizará la configuración de los widgets para satisfacer las necesidades de la empresa.
Configurar el widget Business Analyst y publicar la aplicación
El widget Business Analyst permite mostrar infografías en la aplicación. Ha agregado el widget Business Analyst y lo ha definido para utilizar el modo preestablecido, lo que permite incorporar una infografía y predefinir la ubicación predeterminada, así como el tipo de zona de influencia y las unidades de las ubicaciones de punto. A continuación, configurará los widgets que ha agregado. A continuación, publicará la aplicación.
Nota:
En cualquier momento puede obtener una vista previa e interactuar con la aplicación haciendo clic en Vista en directo.
Configurar los widgets
Configurará el widget Business Analyst para el proyecto del servicio sanitario estableciendo una ubicación predefinida en el mapa. También elegirá la infografía mostrada en la aplicación y definirá un título.
- En el lienzo, haga clic en el widget Business Analyst para seleccionarlo.
Aparece el panel Business Analyst. En este panel, puede configurar el widget según sus preferencias. De forma predeterminada, el widget Business Analyst está vinculado al widget Map. Definirá una ubicación de mapa predeterminada.
- En el panel Business Analyst, en Configuración de ubicación, asegúrese de que Estados Unidos está seleccionado. Haga clic en Definir una ubicación.
Nota:
El parámetro Fuente de datos enumera la fuente y la antigüedad de los datos utilizados por su widget. Cualquier infografía que cree depende de este parámetro. De forma predeterminada, el parámetro se define en los datos más recientes de Esri data, que son adecuados para sus propósitos.
Aparece el panel Definir una ubicación. En este panel, puede definir el área geográfica de la infografía. Para este ejemplo, utilizará el hospital del sistema sanitario de la Universidad de Kansas como su ubicación.
- En el campo de búsqueda, escriba 1700 SW 7th St. y haga clic en el resultado de búsqueda, que está en Topeka, Kansas.
La ubicación se agrega al mapa y será la ubicación predeterminada cuando los usuarios accedan a su aplicación. A continuación, configurará las zonas de influencia que se utilizarán en el cálculo de la información demográfica de las infografías.
- En el panel de widgets Business Analyst, en Zonas de influencia, haga clic en Anillos.
Aparece el panel Definir zonas de influencia.
- En el panel Definir zonas de influencia, haga clic en Tiempo de conducción.
Las zonas de influencia del tiempo de conducción tienen parámetros adicionales en función de si desea calcular el tiempo de conducción en dirección hacia la instalación o en dirección desde la instalación. También tiene la opción de utilizar datos de tráfico. No cambie nada de estos parámetros.
- Haga clic en Aplicar.
El mapa se actualiza para mostrar las zonas de 5, 10 y 15 minutos en coche alrededor de las instalaciones. Estas áreas serán la base de la infografía de su aplicación, que mostrará información demográfica sobre las áreas.
A continuación, elegirá la infografía predetermina que se muestra en su aplicación. Como el objetivo de la aplicación es mostrar información demográfica y relacionada con la salud, seleccionar una infografía con esas variables.
- En el panel Business Analyst, en Infografías, haga clic en Seleccionar una infografía.
Aparece el panel Seleccionar una infografía.
- Expanda la categoría Infografía de Esri y elija Estadísticas sobre atención sanitaria y seguros.
La infografía aparece en el widget.
- Cierre el panel Seleccionar una infografía.
Debido a que está configurando esta aplicación en modo predefinido, tiene algunas opciones de infografías que no están disponibles en el modo de flujo de trabajo. Activará una de esas opciones, que permite a los usuarios hacer clic en el mapa para colocar una chincheta y calcular una infografía para él. Esta opción ayudará a los usuarios que deseen ver infografías de zonas que no estén centradas en las instalaciones.
- En el panel Business Analyst, expanda Ajustes de infografía. Active Ejecutar al hacer clic en el mapa.
A continuación, asignará un título y una descripción a la aplicación para situar a los usuarios en contexto.
- Haga doble clic en el widget Texto y escriba Informe de atención sanitaria y seguros.
- Resalte el texto que ha escrito. En el panel Texto, cambie el tamaño de la fuente a 24 px.
- Haga clic en el botón Negrita y, a continuación, en el botón Centrar.
En el lienzo, el texto se actualiza.
- En la cinta, haga clic en el botón Guardar.
Ha configurado la aplicación a su gusto y ya tiene todo listo para verla en modo Vista en directo y publicarla.
Publicar y compartir la aplicación
A continuación, verá la aplicación como la vería un usuario utilizando el Modo en directo. A continuación, publicará, probará y compartirá la aplicación.
- 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.
- En el widget Mapa, en la barra de búsqueda, escriba Wesley Medical Center y elija el resultado en 550 N Hillside Street en Wichita, Kansas.
El mapa se acerca a Wesley Medical Center y aplica zonas de influencia alrededor de la ubicación que representa los tiempos de conducción de 5, 10 y 15 minutos. La infografía muestra las variables de atención sanitaria y seguros correspondientes a 5 minutos de tiempo de conducción desde el centro.
- En la barra de título de la infografía, haga clic en el menú desplegable 5 minutos de conducción y elija 10 minutos de conducción.
La infografía se actualiza para mostrar los datos demográficos en la zona de influencia de 10 minutos.
También probará la opción Ejecutar al hacer clic en el mapa que ha habilitado.
- Haga clic en cualquier punto del mapa.
Se coloca una chincheta donde hizo clic. Los tiempos de conducción se calculan en torno al punto de referencia y la infografía se actualiza para mostrar información demográfica de la zona.
Tras probar la aplicación y verificar que funciona, la publicará para que resulte posible compartirla.
- Si es necesario, guarde la aplicación.
- En la cinta, haga clic en el botón Publicar.
Se publica la aplicación.
- En la cinta, haga clic en el botón Más y elija Ver elemento publicado.
Se abre otra pestaña del navegador web y aparece la aplicación.
- Pruebe la aplicación haciendo clic en una ubicación en el mapa y confirmando que crea áreas de tiempo de conducción para la ubicación y actualiza la infografía.
- Regrese a la otra pestaña del navegador en la que la aplicación se encuentra en el modo de edición.
- En la cinta, haga clic en el botón 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 web centrada en la presentación de infografías de una ubicación específica que introduce el usuario. Ha agregado el widget Business Analyst y otros widgets, los ha configurado, ha probado la aplicación, la ha publicado y la ha compartido. Ahora otros pueden utilizar la aplicación para hallar información sobre la atención sanitaria y los seguros de un centro médico que elija.
Encontrará más tutoriales en la galería de tutoriales.
