Crear su primera experiencia web

Paso 1
1Comenzar con una plantilla
Paso 2
2Elegir un tema
Paso 3
3Seleccionar datos de origen
Paso 4
4Agregar y conectar widgets
Paso 5
5Perfeccionar diseños para todos los dispositivos
Paso 6
6Guardar, previsualizar y publicar

1. Comenzar con una plantilla

Abra ArcGIS Experience Builder e inicie sesión con una cuenta de organización de ArcGIS con privilegios para crear contenido. Haga clic en Crear nuevo y revise las plantillas disponibles en todas las pestañas. Apunte a cada una para ver una descripción breve o haga clic en el botón Vista previa para comprobar si la plantilla satisface sus necesidades. Elija entre plantillas de una y varias páginas con diseños de pantalla completa y página de desplazamiento. La pestaña ArcGIS Online enumera Esri y plantillas públicas creadas por el usuario en las siguientes categorías:

  • Novedades y destacados
  • 3D
  • Gente
  • Entorno
  • Turismo
  • Infraestructuras
  • Datos
  • Documento
  • Business Analyst
Sugerencia:

Para visualizar una plantilla en la galería en una de estas categorías, asígnela como la categoría de contenido principal en la página de elemento de la plantilla.

Una vez haya decidido qué plantilla va a utilizar, vuelva a la ventana Seleccionar una plantilla y haga clic en Crear en la tarjeta correspondiente. Puede agregar o eliminar páginas al configurar la experiencia web.

Sugerencia:

También puede acceder a Experience Builder desde el selector de aplicaciones en ArcGIS Online, Visor de mapas, Scene Viewer, la página de elemento de un mapa o escena o la pestaña Mi contenido en la página de contenido. Cuando comienza con un mapa o escena, la aplicación ya incluye un widget Mapa que está conectado a los datos.

Licencia:

Si no puede iniciar sesión o la aplicación no es una opción disponible, es posible que no tenga la licencia requerida o que su organización haya bloqueado el acceso.

2. Elegir un tema

Configure el aspecto y el funcionamiento de la aplicación eligiendo un tema. Los colores de tema se aplican al encabezado, pie de página y cuerpo de cada página de la aplicación, incluidos los ajustes de color de los widgets, a no ser que los cambie.

3. Seleccionar datos de origen

En la pestaña Datos, puede seleccionar varias fuentes de datos 2D y 3D para que los widgets de la aplicación las utilicen. Puede conectarse a una serie de tipos de datos, como por ejemplo mapas web, escenas web, capas alojadas, servicios y tablas de entidades.

4. Agregar y conectar widgets

Los widgets proporcionan funcionalidad en una aplicación, por ejemplo, menús para acceder a varias páginas, la capacidad de buscar un lugar en un mapa y un botón para ver más detalles. La mayoría de las plantillas de página, ventana, bloque y grupo de pantallas tienen su propio conjunto de widgets, pero puede cambiarlos o agregar más desbloqueando el diseño. Utilice los botones de la barra de herramientas del widget para alinear, eliminar o duplicar widgets y arrastre widgets nuevos al lienzo desde el panel Insertar widget. A medida que configure los ajustes de contenido, estilo y acción de cada uno, defina vínculos y conecte widgets a datos o a otros widgets para personalizar el flujo de la aplicación. Para ahorrar tiempo, puede copiar y pegar widgets en páginas utilizando accesos directos estándar del teclado.

5. Perfeccionar diseños para todos los dispositivos

Utilice las opciones de la barra de herramientas del builder para visualizar la aplicación a distintas resoluciones de pantalla y para ver el aspecto del diseño en dispositivos pequeños. Los diseños son adaptables, pero puede utilizar el modo de diseño personalizado para un mayor control. Si un widget no encaja en el diseño de una pantalla pequeña, puede encontrarlo en la pestaña Widgets pendientes para agregarlo manualmente y reconfigurarlo. Utilice la vista en directo para hacer pruebas con diseños y widgets interactivos.

6. Guardar, previsualizar y publicar

Cuando esté conforme con la disposición y el diseño, guarde y previsualice la aplicación para probar la experiencia de usuario final antes de publicarla y compartirla con su audiencia. También puede generar una plantilla de experiencia web para usarla como punto de partida para crear un conjunto de aplicaciones con un diseño uniforme. Para crear una copia de una experiencia web o una plantilla, puede duplicar el elemento de la galería o guardar una copia del builder si es el propietario del elemento o es administrador.

Sugerencia:

Explore los Experience Builder artículos del blog para obtener noticias, sugerencias y ejemplos más recientes para dar los primeros pasos.