Crear un sitio
En ArcGIS Hub, las iniciativas se organizan al crear un sitio e integrar otros elementos como mapas, aplicaciones, encuestas y más. Combinará varios componentes distintos para crear un sitio web llamativo relacionado con la iniciativa de mejora del parque.
Crear una iniciativa
Comenzará creando una iniciativa, que generará automáticamente un sitio que puede editar y rellenar. ArcGIS Hub incluye una función de arrastrar y soltar para distintos componentes del sitio web y permite editar el código HTML para personalizar más.
- 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.
- En la cinta, haga clic en el selector de aplicaciones y elija Hub.
La página de inicio de ArcGIS Hub proporciona acceso a varios flujos de trabajo clave: crear y administrar iniciativas, agregar contenido y acceder a la organización de la comunidad vinculada para administrar las cuentas y el contenido de la comunidad. Puede volver a la descripción general en cualquier momento haciendo clic en la barra Navegación de edición y seleccionando Descripción general.
- En Iniciativas, haga clic en Nueva.
- En Título, escriba William Land Park Improvement Initiative.
- Haga clic en Crear iniciativa.
Cuando crea una iniciativa, se crean un elemento de sitio y tres grupos en ArcGIS Online. Estos grupos se pueden utilizar para administrar el contenido (grupo Contenido), los miembros del equipo (grupo Equipo central) y aquellos que inicien sesión para recibir actualizaciones sobre la iniciativa (grupo Seguidores) de su iniciativa. El sitio se comparte automáticamente con el grupo Equipo central para que los miembros de su equipo puedan actualizar el sitio.
Una vez creada su iniciativa, puede aparecer una ventana Introducción con información sobre ArcGIS Hub.
- En caso necesario, cierre la ventana Introducción.
Agregar una sección de título
Es posible que entre el público de su sitio se encuentre alguien que suele ir a los parques de la ciudad; por eso, su objetivo es compartir contenido de forma clara e intuitiva. Para lograrlo, presentará la iniciativa con un título e imagen de fondo de gran contraste. Primero, descargará las imágenes que usará para diseñar el sitio.
- Descargue la carpeta comprimida Imágenes.
- Extraiga la carpeta comprimida en una ubicación que pueda encontrar fácilmente como, por ejemplo, su carpeta Documentos.
A continuación, cargue una de las imágenes de esta carpeta para usarla como encabezado en la parte superior de su iniciativa. En ArcGIS Hub, el contenido está organizado en filas. El encabezado es la primera fila de su iniciativa.
- En ArcGIS Hub, señale la primera fila (el encabezado con una imagen de fondo y el título de su iniciativa). En la barra de herramientas que aparece al lado del encabezado, haga clic en el botón Editar.
Aparece el panel lateral Apariencia de fila. Aquí configurará opciones de diseño específicas para esta fila.
- En el panel lateral Apariencia, en Imagen de fondo, haga clic en Cargar. Haga clic en Buscar imágenes.
- Vaya a la carpeta descomprimida Imágenes . Haga doble clic en intro_image1.
La imagen se carga como imagen de fondo de la fila. También cambiará el color de fondo transparente de la fila para proporcionar un filtro que complemente a la imagen.
- En Color de fondo, escriba #6a9ab0.
Nota:
De forma predeterminada, el fondo de esta fila tiene una transparencia de imagen del 30 por ciento. Puede cambiar este valor con el parámetro Transparencia de imagen en la parte inferior del panel lateral Apariencia.
A continuación, editará el texto del título.
- Apunte al texto del título de la fila del encabezado. En la barra de herramientas Texto situada encima del texto, haga clic en el botón de edición.
Ahora puede editar el texto.
- Borre todo el texto.
Al editar texto, puede utilizar herramientas de formato de texto o insertar código HTML y CSS personalizado. En este caso, lo hará más adelante.
- En la parte inferior de la fila, haga clic en el botón Editar en HTML.
Aparece un editor de HTML. Agregará HTML y CSS que hacen que el título y el encabezado sean más grandes, lo que impactará de inmediato a los usuarios.
- En la ventana HTML, elimine todo el código existente y pegue este código:
<div style="text-align: center;"> </div><div style="text-align: center;"><span style="background-color: initial; color: currentcolor;"><br></span></div><div style="text-align: center;"><span style="background-color: initial; color: currentcolor;"><br></span></div><div style="text-align: center;"><span style="background-color: initial; color: currentcolor;"><br></span></div><div style="text-align: center;"><span style="background-color: initial; color: currentcolor;"><br></span></div><div style="text-align: center;"><span style="background-color: initial; color: currentcolor;"><br></span></div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><div style="text-align: center;"><span style="background-color: initial; color: currentcolor;"><br></span></div><div style="text-align: center;"><span style="background-color: initial; color: currentcolor; font-size: 64px;"><strong>William Land Park Improvement Initiative</strong></span></div> <h1 style="text-align: center; "><br></h1><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div><div style="text-align: center; "><br></div> - Haga clic en Aplicar. Encima del texto, en la barra de herramientas Texto, haga clic en el botón de edición para guardar las modificaciones.
Los nuevos sitios de iniciativas muestran varios ejemplos sobre cómo configurar el diseño de la página. Puesto que está creando un sitio personalizado, eliminará toda la información de la plantilla que no vaya a utilizar. En este caso, eliminará 10 filas de contenido entre la fila de título y la fila de contacto.
- Desplácese hacia abajo y apunte a la fila Nuestros progresos hasta ahora. En la barra de herramientas situada junto a la fila, haga clic en el botón Eliminar.
Aparece una ventana que le pide que confirme que desea eliminar la fila.
- En la ventana Eliminar fila del diseño, haga clic en Eliminar.
- Elimine las siguientes filas:
- Cree su propia iniciativa combinando las aplicaciones existentes con un sitio personalizado.
- ¡Participe en la comunidad hoy mismo!
- Nuestro principal objetivo
- No se limite a contar la historia, muéstrela
- Vea nuestra ciudad en acción
- Lista de eventos próximos
- Registrarse y seguir esta iniciativa
- En la cinta, haga clic en Guardar.
Los cambios se guardan.
Definir la finalidad de la iniciativa
A continuación, agregará información para definir la finalidad de la iniciativa en forma de texto explicativo e imágenes adicionales. Creará una fila nueva y, después, agregará y editará una tarjeta de texto con información sobre cómo puede participar el público a la hora de adoptar un parque.
- En caso necesario, en el panel lateral, haga clic en Personalizar.
- En el panel lateral Personalizar, haga clic en Diseño.
- En el panel lateral Diseño, arrastre una tarjeta Fila debajo de la fila de título y suéltela en la zona de colocación Insertar debajo.
Se crea una fila vacía. Arrastrará una tarjeta de texto a la fila.
- En el panel lateral Configuración de fila, haga clic en Diseño.
Volverá al panel Personalizar.
- Arrastre una tarjeta de Texto a la fila vacía y suéltela en la zona de colocación Agregar a fila.
Aparece el editor de texto.
- En el editor, copie y pegue el siguiente texto: Queremos que aporte ideas sobre cómo podemos hacer de William Land Park un espacio más limpio y bello.
- Resalte el texto. Haga clic en el botón Estilo y seleccione Encabezado 2.
- Anule la selección de todo el texto.
- Pulse Intro un espacio antes y otro después de la frase.
- En el panel lateral Personalizar, arrastre una tarjeta Imagen a la izquierda de la tarjeta de texto y suéltela en la zona de colocación Insertar izquierda.
Aparece el panel lateral Imagen. Cargará una de las imágenes de la carpeta Imágenes.
- En el panel lateral Imagen, haga clic en Cargar y haga clic en Buscar imágenes. Cargue park_image2.
La imagen se agrega a la fila. Ajustará su tamaño para que se alinee mejor con el texto.
- Apunte a la derecha de la tarjeta de imagen y haga clic en la flecha.
El tamaño de la imagen se reduce. También agregará texto alternativo a la imagen para mejorar la accesibilidad.
- En el panel lateral Configuración de imagen, expanda Opciones. En Texto alternativo de imagen, escriba Personas que disfrutan del parque.
- En la cinta, haga clic en Guardar.
Configurar la imagen de marca y la navegación global
Agregará el logotipo de su organización y colocará una imagen de marca en el sitio, con un tema relacionado con el parque para reflejar su estética. Después, configurará la barra de navegación global en la parte superior de su sitio. Gracias a esta barra, los usuarios de la Comunidad de ArcGIS Hub pueden iniciar sesión, administrar su perfil de usuario y notificaciones y navegar a otras partes de ArcGIS Hub. La funcionalidad de navegación global se habilita automáticamente para todos los sitios de iniciativa nuevos.
Nota:
Para obtener más información, consulte Configurar la navegación global y los vínculos de menú.
- En el panel lateral Configuración de imagen, haga clic en Diseño y en Personalizar.
Vuelva al panel lateral Personalizar.
- En el panel lateral Personalizar, haga clic en Encabezado.
- En el panel lateral Encabezado, desactive Nombre.
- En Logotipo, haga clic en Cargar y a continuación en Buscar imágenes. Vaya a su carpeta descomprimida Imágenes y cargue la imagen cpp-logo.
El logotipo se agrega a la parte superior de la iniciativa, encima de la primera fila. A continuación, agregará una encuesta preconfigurada que permitirá a los usuarios dar su opinión sobre el estado de los parques e indicar si desean ayudar en la administración del parque.
- Expanda Menú. Haga clic en Agregar vínculo y elija A contenido existente.
- En la ventana Agregar contenido, debajo de Desde, haga clic en Todos (público). En Colección, haga clic en Comentarios.
- En la barra de búsqueda, escriba Adopt a Park Form (Learn ArcGIS) y pulse Intro.
- En la lista de resultados, marque la casilla de Adopt a Park Form (Learn ArcGIS).
- Haga clic en Guardar.
La encuesta se agrega al panel lateral.
- En el panel lateral, en Adopt a Park Form (Learn ArcGIS), apunte al botón de configuración y elija Editar.
Aparece la ventana Editar vínculo.
- En Nombre del vínculo, elimine el texto Learn ArcGIS para que el nombre del vínculo solo sea Adopt a Park Form. Haga clic en Guardar.
También agregará un vínculo a un sitio con más información sobre el espacio abierto.
- En el panel lateral, haga clic en Agregar vínculo y seleccione a vínculo.
- En Nombre del vínculo, escriba ¿Qué es un espacio abierto? En Destino del vínculo, copie y pegue esta URL: https://www.epa.gov/G3/green-streets-and-community-open-space
- Haga clic en Guardar.
Ambos vínculos agregados aparecen en el encabezado sobre la primera fila, junto al logotipo.
- Haga clic en Guardar.
Agregar atribuciones al pie de página
Los pies de página ofrecen espacio para información importante, como contactos, condiciones de servicio, llamadas a la acción y atribuciones para todas las imágenes de la página. Primero, eliminará el pie de página de la plantilla; después, diseñará un pie de página sencillo y personalizado que otorgue reconocimiento al contenido que no sea original e indique que este sitio se creó solo a efectos de formación.
- Desplácese al final de la iniciativa.
- En el panel lateral, haga clic en Personalizar para volver al panel lateral Personalizar. Haga clic en Pie de página.
Aparece el panel lateral Pie de página.
- En el panel lateral, haga clic en Ninguno.
El pie de página predeterminado se elimina. A continuación, editará la fila Contacto para incluir agradecimientos.
- Apunte a la fila Contacto. En la barra de herramientas situada al lado de la fila, haga clic en el botón Editar.
- En el panel lateral, en Color de fondo, escriba #32444d.
- En la fila Contacto, haga clic en el texto para editarlo. Elimine el texto, incluido el botón Llamada a la acción, y escriba Agradecimientos.
Sugerencia:
Para pegar texto sin formato, pulse Ctrl+Mayús+V al pegar.
- Pulse Intro. Copie y pegue el siguiente texto:
Este sitio web no es oficial de Sacramento y solo se utiliza con fines demostrativos.
Los datos de los parques de Sacramento han sido proporcionados por Open Data del condado de Sacramento.
© Plantilla de iniciativa personalizada. Todas las fotos de este sitio provienen de Unsplash, unDraw y Pexels.
- Elimine los saltos de línea entre cada línea de texto.
- Anule la selección de todo el texto. Si es necesario, haga clic en el botón Párrafo y seleccione Alineación central.
- Resalte Agradecimientos. Haga clic en el botón Estilo y seleccione Encabezado 1.
Se ha completado la sección Agradecimientos.
- En la cinta, haga clic en Guardar.
Agregar instrucciones de iniciativa
Comunicar con claridad sus objetivos y la forma en que su comunidad puede ayudar es importante para mantener la atención del público. A continuación, hablará sobre la encuesta y mostrará a los demás cómo influyen sus respuestas con un mapa web que muestre resultados en tiempo real. Describirá lo que deben hacer los demás para compartir sus ideas y describirá cómo se actualizará el mapa web con sus respuestas.
- Entre las filas de introducción y pie de página, agregue otra tarjeta Fila.
Aparece el panel lateral Fila.
- En Color de texto, escriba #ffffff. En Color de fondo, escriba #6a9ab0.
- Haga clic en Diseño para volver al panel lateral Personalizar. Agregue una tarjeta Texto a la fila vacía.
- En la tarjeta de texto, escriba este texto: Responda a la siguiente encuesta para agregar sus ideas al mapa. Sus respuestas nos ayudarán a identificar qué mejoras se pueden llevar a cabo y dónde.
- Pulse Intro para agregar una línea antes y después del texto.
- Resalte todo el texto. Haga clic en el botón Estilo y seleccione Encabezado 2.
- Agregue una tarjeta Imagen a la derecha del texto.
Aparece el panel lateral Imagen.
- Haga clic en Cargar y en Buscar imágenes. Cargue map_image4.
- Reduzca el tamaño de la tarjeta de imagen para que la imagen tenga una altura similar a la del párrafo de texto.
- En la cinta, haga clic en Guardar.
Ahora que su sitio incluye instrucciones, será más probable que los usuarios comprendan la finalidad y cómo interactuar con el mapa y la encuesta.
Recopilar comentarios de la comunidad
A continuación, creará una fila nueva y la rellenará con un mapa y una encuesta preconfigurados. La encuesta se ha diseñado para recopilar información sobre usuarios que desean ser voluntarios o dar su opinión sobre el parque. Los resultados de la encuesta se introducen directamente en un mapa web que se actualiza al instante para mostrar las respuestas.
Agregar una encuesta
Las consultas de la encuesta preguntan a los usuarios qué ocurre y dónde.
- 1. Utilice lo que ha aprendido para agregar una tarjeta Fila bajo la fila de instrucciones.
- En el panel lateral Fila, para Color de fondo, escriba #f5fcfc.
Agregará una tarjeta de espaciador para crear más espacio dentro de la fila.
- Agregue una tarjeta Espaciador a la fila.
- En la tarjeta Espaciador, agregue una tarjeta Encuesta.
Aparece el panel lateral Encuesta.
- Haga clic en Seleccionar encuesta.
Aparece la ventana Seleccionar una encuesta. Puede seleccionar encuestas que usted u otras personas de su organización hayan creado.
- En Desde, elija Todos (público).
- Busque las opiniones de William Land Parks Improvements (Learn ArcGIS). En la lista de resultados de búsqueda, haga clic en el botón para seleccionar William Land Parks Improvements Feedback (Learn ArcGIS).
- Haga clic en Guardar.
- En el panel lateral Encuesta, haga clic en Integrar.
Ahora la encuesta está integrada en el sitio y los usuarios no tendrán que abrirla en otra ventana.
- En el panel lateral Encuesta, en Opciones, en Altura, escriba 945.
- En la cinta, haga clic en Guardar.
Agregar un mapa web de opinión
Agregará un mapa web junto a la encuesta que se haya preconfigurado para mostrar los envíos de la encuesta en tiempo real.
- A la derecha de la tarjeta Encuesta, agregue una tarjeta Mapa.
Aparece el panel lateral Mapa.
- Haga clic en Seleccionar mapa.
- En la ventana Seleccionar mapa, en Desde, elija Todos (público). Busque y seleccione Community Feedback for William Land Park (Learn ArcGIS).
- Haga clic en Guardar.
- En el panel lateral Mapa, en Opciones, cambie el Título a Community feedback for William Land Park.
- En Altura (px), escriba 900.
- Active la opción Habilitar leyenda de mapa.
El mapa integrado se configura en la iniciativa.
- Debajo de las tarjetas Encuesta y Mapa, agregue una tarjeta Espaciador.
- En la cinta, haga clic en Guardar.
Crear una llamada a la acción
Una llamada a la acción al final del sitio de su iniciativa pide a los miembros del público que se registren para obtener una cuenta de comunidad a fin de recibir correos electrónicos relacionados con su iniciativa. Los miembros de la comunidad que sigan una llamada a la acción se agregan al grupo de seguidores de la iniciativa para que pueda enviarles correos electrónicos.
- Agregue una tarjeta Fila entre la fila de la encuesta y la fila del pie de página.
- En el panel lateral Fila, en Color del texto, escriba #32444d.
- Agregue una tarjeta Texto a la fila. En la tarjeta Texto, escriba este texto:
¡Síganos!
Nos pondremos en contacto una vez al mes para compartir lo siguiente:
- Aplique a ¡Síganos! el estilo Encabezado 1. Aplique a Nos pondremos en contacto una vez al mes para compartir lo siguiente: el estilo Encabezado 2.
- Debajo de la segunda línea, agregue un salto de línea y escriba el siguiente texto:
Actualizaciones del proyecto
Nuevas formas de participar
Próximos eventos
Más opiniones y oportunidades
- Resalte el texto que introdujo en el paso anterior y haga clic en el botón Lista desordenada.
- Aplique estilo a la lista mediante el estilo Encabezado 3.
- A la derecha de la tarjeta Texto, agregue una tarjeta Imagen y cargue mailbox_image5.
- Reduzca el tamaño de imagen dos veces.
A continuación, agregará un botón en el que los usuarios pueden hacer clic para seguir la iniciativa.
- Bajo la tarjeta Texto, agregue una tarjeta Seguir iniciativa.
Se agrega un botón para seguir o no seguir la iniciativa. El botón también tiene algún texto explicativo. Dado que ya ha agregado una tarjeta de texto con información sobre el seguimiento de la iniciativa, puede eliminar el texto incluido con el botón.
- En el panel lateral Configuración de seguimiento, elimine el texto del campo Llamada a la acción.
El texto se elimina. A continuación, cambiará el color del botón.
- Haga clic en Diseño y, a continuación, haga clic en Personalizar, para regresar al panel lateral Personalizar.
- Haga clic en Tema. En Color de fondo del botón, escriba #6a9ab0.
- En la cinta, haga clic en Guardar.
Ha completado su iniciativa. Ha llegado el momento de compartirla para que otros usuarios puedan verla.
- En la cinta, haga clic en el botón Los grupos con acceso pueden ver esta página de Hub.
- En el panel lateral Compartir, en Nivel de uso compartido, elija Público.
El sitio está ahora disponible para el público. A continuación, lo publicará.
- En la cinta, apunte a la flecha Guardar y haga clic en Publicar borrador.
Se publica la iniciativa. Ahora puede ver el sitio publicado.
- En la cinta, apunte a la flecha Guardar y haga clic en Ver Publicado.
Va a la versión publicada del sitio, que puede ver todo el mundo. Ver el sitio le permite observar la apariencia del mismo para los usuarios. También puede explorar la funcionalidad de la encuesta y del mapa.
- Haga clic en el botón Editar para volver al modo Edición.
Después de que los usuarios comiencen a seguir su iniciativa, puede administrarlos mediante la pestaña Comunidad.
- En la cinta, haga clic en William Land Park Improvement Initiative y seleccione Community.
Aparece la página Comunidad. En esta página, puede ver una lista de los seguidores de su iniciativa, administrar todos los seguidores y enviarles actualizaciones sobre el progreso de la iniciativa.
Ahora que ha creado su primer sitio, puede compartirlo con el público adecuado. Su sitio puede funcionar de forma independiente como algo que promueva en redes sociales o lo puede integrar en otros sitios y páginas de su organización.
Encontrará más tutoriales en la galería de tutoriales.
