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 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.
- Elija Experience Builder.
- En la página de inicio, 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 1 y escriba Datos demográficos de salud estatales.
Nota:
El título predeterminado podría variar.
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. El modo Flujo de trabajo 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.
- Organice los widgets Texto y Mapa de manera que tengan la misma anchura y ocupen aproximadamente un tercio del lienzo en el lado izquierdo. Cambie el tamaño del widget Business Analyst para utilizar el espacio restante del lienzo.
Ahora el aspecto de la aplicación está compensado. 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.
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 vinculándolo con el mapa y configurando la ubicación predefinida. 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.
- En el menú desplegable Seleccionar widget de mapa, elija Mapa.
- En Configuración de ubicación, asegúrese de que Estados Unidos esté seleccionado y haga clic en Definir una ubicación.
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 del widget Business Analyst, haga clic en Definir zonas de influencia.
Aparece el panel Definir zonas de influencia.
- En el panel Definir zonas de influencia, haga clic en Tiempo de conducción seguido de Aplicar.
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, 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.
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.
- En el widget Texto, resalte el texto. En el panel Texto, cambie el tamaño de fuente a 28 píxeles y haga clic en los botones Negrita y Centro para alinear el texto en el centro.
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.
Tras probar la aplicación y verificar que funciona, la publicará para que resulte posible compartirla.
- En la cinta, haga clic en el botón Guardar y, a continuación, en el botón Publicar para publicar su 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 buscando un centro médico.
- 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.