Personalizar la plantilla de hub
La plantilla de hub de OneMap es una forma rápida de empezar y está diseñada para ayudarlo mientras piensa en cómo organizar mejor sus datos. La plantilla, que puede ver aquí, proporciona la línea de base para el diseño de su hub, y luego puede personalizarla para su organización agregando su propio estilo e imágenes. Accederá a ArcGIS Hub desde sus aplicaciones de ArcGIS Online.
Nota:
En este tutorial, el término OneMap se utiliza como marcador de posición de la marca de SIG comunitaria. Por ejemplo, GeoHive de Irlanda, NC OneMap, IndianaMap, Open Data de HIFLD y 1Map de EAU.
Cree su iniciativa de hub
En primer lugar, creará una iniciativa de hub a partir de la plantilla de hub de OneMap.
- 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, junto a su nombre de usuario, haga clic en el botón de aplicaciones para expandir la lista de aplicaciones que están disponibles para usted.
- Haga clic en el botón Hub.
Aparece la página Descripción general del hub. Aquí puedes ver las iniciativas, el contenido y los miembros de la comunidad. Creará una iniciativa que luego personalizará.
- En la cinta, haga clic en Nuevo y elija Iniciativa.
Aparecerán algunas opciones en su pantalla que puede usar para darle un nombre a su iniciativa o para buscar plantillas. Elegirá una plantilla para usar.
Nota:
Las iniciativas son una entidad de ArcGIS Hub Premium. Si no ve Iniciativa como opción, revise su nivel de licencia para ArcGIS Hub, así como sus privilegios, con su administrador.
- Haga clic en Examinar plantillas.
Filtrará la búsqueda de plantillas disponibles para acotar los resultados.
- En Publicado por, marque la casilla Esri.
- En Plantillas, en el cuadro de búsqueda, escriba onemap y pulse Intro.
Aparece la iniciativa OneMap.
- Haga clic en Activar plantilla.
A continuación, debe asignar un nombre a su iniciativa. Piense en cómo encontrarán las personas este sitio y elija un nombre que refleje a su organización.
- Para Asignar un nombre a la iniciativa, escriba el nombre que haya elegido y haga clic en Ir.
Activar la iniciativa lleva aproximadamente un minuto. Durante este tiempo, se configura un sitio con una página de inicio y otras páginas distintas que han resultado ser las más utilizadas en los portales de intercambio de datos de todo el mundo.
Estas páginas incluyen las siguientes:
- Inicio: una página de aterrizaje impactante que ayuda a los visitantes a obtener una comprensión rápida de su jurisdicción.
- Acerca de: presente la visión, las metas y los objetivos de su organización en esta página. También puede incluir un modo para que los visitantes utilicen esta página para ponerse en contacto con usted.
- Colaboradores: resalte los departamentos, agencias u otras organizaciones que han contribuido a su sitio con datos aquí. Puede configurar esta página para filtrar los datos disponibles por colaborador y vincular a sus páginas.
- Datos abiertos: los visitantes de su sitio pueden buscar y explorar todos los datos que ha seleccionado en el hub.
- Datos de la fundación: ayude a otros a comprender el valor de su fundación. Dé contexto a sus datos considerando cuidadosamente dónde podrían encajar en el proceso de toma de decisiones asignándoles temas o categorías. Consulte Guías esenciales para administradores de OneMap para obtener sugerencias sobre cómo puede hacer esto en función de ejemplos globales. Es posible que desee copiar la página de Datos de la fundación para reflejar cada tema de datos que identifica su organización.
- Aprendizaje: enseñe a otros a usar los datos que usted proporciona. ¿Hay algo en concreto que deberían saber? Aquí también puede crear enlaces a las guías técnicas de SIG.
- Temas destacados: comparta datos por tema aquí. Los temas que son relevantes para su organización pueden ser diferentes a los temas de Datos de la fundación. Por ejemplo, un tema de cambio climático puede albergar temas de datos relacionados con el medio ambiente y la infraestructura.
Mientras se configura su sitio de OneMap, tómese un momento para pensar en cómo lo hará suyo. Le recomendamos empezar con una imagen que represente a su organización.
Encuentre una imagen de banner para la página de inicio
Ahora que ha creado la iniciativa del hub, personalizará la imagen del banner de la página de inicio para que coincida con su organización y el propósito previsto del hub. Buscará el sitio de imágenes preferido para encontrar una imagen que se pueda descargar y usar de forma gratuita en su iniciativa de hub.
- Cierre la ventana Primeros pasos.
- Abra una pestaña del navegador web y vaya al sitio de imágenes preferido, como Unsplash.
- En el cuadro de búsqueda, escriba un término (por ejemplo, representación cartográfica) y pulse Intro.
- Elija una imagen que le guste y haga clic en ella para ampliarla.
- Descargue la imagen en una ubicación de su equipo mediante el uso de las opciones del sitio.
Nota:
Puede utilizar una imagen que seleccione en un sitio web u otra que tenga a mano. En cualquier caso, asegúrese de confirmar que tiene permiso para utilizar la imagen. En el tutorial se utilizará la acuarela del mapa del mundo.
- Una vez que se complete la descarga, vuelva a la imagen de la pestaña del navegador.
Antes de salir de la imagen, usará un selector de color para tomar algunos de los colores de la imagen. Estos le ayudarán a darle un estilo de marca a su sitio. Es posible que su organización ya tenga colores que quiera usar. Independientemente de los colores que elija, necesitará el código hexadecimal, o código HEX, del color para actualizar el sitio. Un código hexadecimal es una forma de identificar un color específico.
Para este ejemplo, usará un complemento de Chrome llamado ColorZilla para elegir los colores de la imagen que ha seleccionado y buscar los respectivos códigos hexadecimales.
- Abra una pestaña del navegador web Google Chrome y busque Colorzilla.
- Haga clic en el primer resultado y en ColorZilla para Chrome y Firefox. Haga clic en Instalar ColorZilla, Agregar a Chrome y Agregar extensión.
- Junto a la barra de direcciones, haga clic en el botón Extensiones y haga clic en ColorZilla.
Ahora puede elegir una opción del menú de ColorZilla para identificar el código hexadecimal de los colores del contenido de la página actual de Chrome o de contenido externo al navegador Chrome.
- Elija Escoger color fuera del navegador. Apunte a la imagen y haga clic para ver cómo se muestra el código hexadecimal.
Haga clic en varias zonas de la imagen seleccionada para capturar diferentes colores y registrar sus códigos HEX. Observe que los códigos hexadecimales comienzan con el símbolo #. El tutorial utilizará tres códigos hexadecimales: #7CA8AF, #014165 y #7A8082.
- Vuelva al sitio del hub.
Después de iniciar el sitio, estará en modo de edición.
Sabrá que está en modo de edición si las opciones de menú para personalizar el hub aparecen en el lateral.
Nota:
Si no está en el modo de edición, haga clic en el botón de edición en el extremo izquierdo de la página para empezar a editar.
- Apunte a la imagen en la parte superior de la página de inicio para que aparezca un menú. En el menú, haga clic en el botón de edición para editar la imagen.
- En el panel Fila de diseño, en Apariencia, para Imagen de fondo, haga clic en Cargar y elija la imagen que ha descargado.
La imagen se actualiza en la página principal.
- Apunte al texto Nuestro OneMap y haga clic en el botón de edición.
- Cambie el texto para que este refleje el nombre de su organización y, al mismo tiempo, eliminar el texto genérico de OneMap.
Ha actualizado la imagen y el texto que las personas verán primero cuando visiten su sitio.
Modificar el tema del hub
A continuación, actualizará el tema de la página. El tema hace referencia a los colores de los elementos, el texto y los botones de todo el sitio.
- En la página principal del sitio del hub, en el panel lateral, haga clic en la flecha hacia atrás hasta que vea Personalizar.
- En Personalizar, haga clic en Tema.
Para personalizar el tema del hub introducirá los diferentes colores que extrajo de la imagen de la página de inicio.
- En el panel Tema, establezca los colores seleccionados o utilice los siguientes parámetros:
- Para Color de fondo de navegación global, escriba o copie y pegue #7ca8af.
- Para Color de texto de navegación global, escriba #7a8082.
- Para Color de fondo del encabezado, escriba #014165.
- Para Color de vínculo del cuerpo, escriba #014165.
- En la cinta, haga clic en Guardar.
- En el panel Tema, haga clic en la flecha hacia atrás Personalizar.
- En el panel Personalizar, haga clic en Encabezado.
Aparece un encabezado en la parte superior de su sitio (debajo de la barra de navegación global) y en todas las páginas y vistas adjuntas al sitio. El encabezado contiene el título, el logotipo y los vínculos de menú de su sitio.
En la sección Encabezado, puede actualizar el logotipo de la parte superior de la página copiando y pegando la URL de una imagen o cargando una imagen que ya tenga. Las imágenes cargadas deben tener menos de 3 MB de tamaño.
- Si tiene una URL de imagen o un archivo que pueda cargar para el encabezado, agréguelo ahora.
También puede dejar el logotipo proporcionado en la plantilla.
Ahora el sitio del hub refleja el tema general de su organización.
Ha creado un sitio de hub a partir de la plantilla de OneMap, ha modificado su tema y ha agregado una imagen de página de inicio que se adapta al estilo y a la marca de su organización. A continuación, agregará contenido a la página del hub.
Mejorar su sitio web mediante la adición de contenido
Ahora está listo para mejorar su sitio de hub agregando contenido. El hub es un espacio colaborativo y el contenido es lo que lo hace valioso para sus socios y la comunidad SIG.
Agregar contenido a una sección de hub
A continuación, modificará la sección Ejercer un impacto del hub. Esta parte de su sitio es un buen lugar para compartir historias de éxito que demuestren el valor de sus esfuerzos. Por ejemplo, puede agregar tarjetas que se vinculen a historias destacadas, aplicaciones o iniciativas atractivas de usted y sus socios.
- En la página principal de su sitio, desplácese hacia abajo y busque la sección Ejercer un impacto.
- Apunte al área donde hay varias aplicaciones y haga clic en el botón de edición.
Aparece el panel Galería de diseños.
En el panel se ofrecen dos formas de seleccionar los elementos que desea compartir: Dinámico (con referencia al contenido de un grupo) o Manual. En cualquier caso, el contenido mostrado proviene de su organización de ArcGIS Online. Puede registrar las aplicaciones de otros dentro de su organización o hacer referencia a las que ha creado. Asegúrese de que los elementos se compartan correctamente para que su audiencia pueda verlos.
- Haga clic en Manual.
La Galería de la plantilla OneMap presenta siete aplicaciones. Agregará algunas más.
- En el panel Contenido, haga clic en Seleccionar contenido.
Aparece la ventana Agregar contenido. Puede filtrar las ubicaciones de origen y los tipos de contenido.
Nota:
Las aplicaciones que se muestran en su ventana pueden ser diferentes a las que muestra la imagen.
- Agregue algunos elementos de su organización.
Los elementos se agregan a la galería debajo de los elementos existentes. Puede eliminar y reorganizar los elementos del panel Galería utilizando los botones Eliminar contenido y Ordenar contenido.
Resaltar a los socios con un componente personalizado
Con algunas habilidades simples de desarrollo front-end, puede crear componentes personalizados para su sitio de OneMap. En la parte inferior de la página principal, hay un componente personalizado para enumerar a sus socios. Los socios pueden incluir proveedores de datos, consumidores de datos, financiadores y defensores. Promocionar a sus socios es una forma de reconocer su importante papel y de ayudar a retribuir los beneficios de su participación.
- En la página principal del hub, desplácese hasta la parte inferior y busque la sección Nuestros socios.
En la plantilla OneMap hay logotipos de socios de muestra que aún no están vinculados a ningún sitio web. A continuación, verá cómo se cambian los logotipos y se definen los vínculos.
- Para ver el código HTML, haga clic en la fila de aplicaciones.
- Haga clic en </>Editar en HTML.
Aparece la ventana HTML. El HTML de la parte superior determina el estilo, por ejemplo: observe que en la etiqueta <style> el desplazamiento está habilitado.
Debajo de <div class=”scrollmenu”> verá una lista de elementos. Estos son los que se muestran en la galería Nuestros socios.
Las cosas a tener en cuenta son el texto href=”#” y img src =.
En HTML, href se refiere a un vínculo. Reemplazará el # después de href con el enlace al sitio web de un socio.
Img src apunta a una URL de una imagen que muestra quién es el socio. Esta podría ser una imagen de su logotipo o una imagen que haya creado. Si tiene imágenes alojadas, puede hacer referencia a ellas aquí. Si no tiene un lugar para alojar imágenes, puede subirlas a ArcGIS Online.
Nota:
Si no tiene imágenes, puede usar cualquier imagen de la web para la que tiene permiso. Haga clic con el botón derecho en la imagen y elija Copiar dirección de imagen para capturar la URL de la imagen o elija Guardar imagen como... para descargar la imagen.
- Si lo desea, sustituya uno o varios # por sus propios vínculos de socios y actualice el img src con las imágenes o logotipos de sus socios.
El tutorial actualizará el vínculo de la primera imagen proporcionada.
- Sustituya el primer #, en la línea 24, por www.esri.com.
De este modo, el vínculo del primer logotipo se establece en la página de inicio de Esri.
- Haga clic en Aplicar para guardar los cambios en la galería Nuestros socios. En la cinta, haga clic en Guardar.
Ha resaltado con éxito a algunos socios en su sitio hub.
Actualizar una página en la plantilla del hub
Ahora que ha actualizado la página principal, administrará las otras páginas dentro de la plantilla de OneMap. Esta plantilla tiene varias páginas que puede personalizar con funciones listas para usar, sin código o con poco código. También puede representar diferentes temas del sitio con más de una página. Hará una copia de la página OneMap Foundation Data.
- En el panel Personalizar, haga clic en el botón de número de páginas (6 páginas para este hub).
- Haga clic en la página OneMap Foundation Data para abrirla.
Se abre una página con el título Datos de transporte.
- En la cinta, haga clic en el botón Opciones y elija Clonar diseño. Cuando se solicite publicar el sitio, haga clic en Publicar.
Cuando termine la clonación, la página se copiará con los cambios que haya aplicado hasta ese punto. Su página clonada se copiará de la página anterior con _1 (y los números posteriores si se copia más de una vez).
- En la cinta, haga clic en Páginas.
La página clonada se enumera con las otras páginas.
Ahora que ha clonado la página OneMap Foundation Data, le dará un nombre único y una URL localizable.
- Haga clic en la página clonada para abrirla y haga clic en Información de página.
- Para Información de página, escriba un nombre único. Para este ejemplo, se utilizará el nombre Datos de transporte.
A continuación, editará la URL de la página para que coincida con el nombre de la página actualizada.
- Haga clic en Editar configuración de URL y escriba el nombre de su página.
El slug de la página es el texto que se encuentra al final de la URL de su página, por lo que es importante cambiar el slug de la página después de cambiar el nombre de una página.
- En la ventana Editar URL de página, haga clic en Guardar. En la cinta, haga clic en Guardar para guardar la página.
Sugerencia:
Haga clic en la flecha hacia abajo situada junto a Guardar para ver las opciones para mostrar una vista previa o publicar el sitio.
Cada componente, incluidos el título y la imagen principal (la imagen grande situada en la parte superior de una página web) de la página OneMap Foundation Data, puede modificarse del mismo modo que la página principal. Al explorar la página OneMap Foundation Data, considere qué elementos podría modificar para mostrar tanto su organización como el tema de datos en sí. Por ejemplo, puede optar por actualizar estadísticas sobre los datos detrás de su página. O bien, puede optar por actualizar la galería con aplicaciones relevantes u otros sitios que le den contexto a su tema.
Ha modificado la plantilla de OneMap para personalizarla. Ha actualizado la imagen de la página de inicio, modificado el tema del hub y clonado una página. Puede aplicar estas habilidades para modificar las páginas de hub restantes para que coincidan con el estilo de su organización y socios.