Crear una página de inicio

Un sitio web puede ser una buena manera de presentar la actualización del plan general de Springfield a la comunidad, pero no tiene tiempo para crear uno desde cero. ArcGIS Hub Premium incluye plantillas para ayudar a crear iniciativas, que son sitios alojados en ArcGIS Hub con opcione para la participación de la comunidad. Elegirá una plantilla y personalizará el tema para que coincida con la marca de su ciudad.

Elegir una plantilla

Primero, abrirá ArcGIS Hub y elegirá una plantilla más adecuada para informar a una comunidad sobre un nuevo proyecto.

  1. Inicie sesión en su cuenta de la organización de ArcGIS.
    Nota:

    Este tutorial requiere un rol de Administrador o un rol de Publicador personalizado con permiso para crear grupos con capacidades de actualización y asignar miembros. Si no tiene una cuenta de organización ni privilegios de administrador, consulte las opciones de acceso a software.

  2. En la cinta, haga clic en el botón Aplicaciones y elija Hub.

    Botón de la aplicación Hub

    Se abre ArcGIS Hub. La página de descripción general tiene opciones para crear o administrar iniciativas, administrar el contenido o administrar los miembros de la comunidad.

  3. En Iniciativas, haga clic en Nueva.

    Botón Nueva en Iniciativas

    Nota:

    Si ve Sitios en lugar de Iniciativas, quizá tenga una licencia de ArcGIS Hub Basic. Este tutorial requiere ArcGIS Hub Premium. Para activar una licencia de ArcGIS Hub Premium, consulte Activar ArcGIS Hub Premium.

    Tiene la opción de asignar un nombre a su iniciativa. Antes de hacerlo, elegirá la plantilla que desea utilizar. La elección de una plantilla adecuada le ahorrará tiempo a la hora de personalizar su iniciativa según sus necesidades.

  4. Haga clic en Examinar plantillas.

    Botón Examinar plantillas

    Aparece una lista de plantillas. La lista se puede filtrar para mostrar solo las plantillas publicadas por su organización. Buscará las plantillas publicadas por Esri.

  5. En Filtros, desactive todos filtros y active Esri.

    Filtros con Esri activado

    Esri ha publicado más de 40 plantillas de iniciativas. (El número puede ser distinto al de las imágenes de ejemplo, ya que se publican más plantillas periódicamente).

  6. Desplácese por la lista de plantillas y haga clic en Más resultados para ver todas las plantillas disponibles.
  7. En la barra de búsqueda, escriba Sitio del proyecto y pulse Intro.

    La lista se filtra a una plantilla: Sitio del proyecto. La descripción de esta plantilla explica que es útil para informar a su comunidad de un proyecto nuevo o en curso. Quiere informar al público de la nueva actualización de desarrollo sostenible de su ciudad para su plan general, de modo que esta plantilla se adapta a sus objetivos.

  8. Haga clic en el título de la plantilla.

    Título de plantilla

    Aparece una descripción general de la plantilla de la iniciativa.

  9. Haga clic en Activar plantilla.
  10. En Asignar un nombre a la iniciativa, escriba Plan general de Springfield 2040, seguido de su nombre o iniciales (por ejemplo Plan general de Springfield 2040 YN).
    Nota:

    No puede crear dos iniciativas en una organización de ArcGIS con el mismo nombre. Agregar sus iniciales al nombre de la iniciativa garantiza que otras personas de su organización también puedan completar este tutorial.

  11. Haga clic en Ir.

    Cuando la activación se realiza, aparece la plantilla.

Personalizar la configuración básica

A continuación, cambiará algunos de los ajustes básicos de su iniciativa, incluidos el nombre y la dirección URL. Cuando creó el nombre de la iniciativa, agregó su nombre o sus iniciales para asegurarse de que el nombre fuera único dentro de su organización. Sin embargo, no desea que su nombre o sus iniciales aparezcan en el propio sitio, así que los eliminará.

  1. En el panel Personalizar, haga clic en Configuración.

    Opción Configuración en el panel Personalizar

  2. En la sección Acerca de, en Nombre, elimine su nombre o iniciales, dejando únicamente Actualización del plan general de Springfield 2040.

    Parámetro Nombre actualizado al nuevo nombre

    Los cambios no se aplican automáticamente. Debe guardarlos.

  3. En la cinta, haga clic en Guardar.

    Botón Guardar

    Después de guardar los cambios, la cinta se actualiza para mostrar el nuevo nombre.

    Cinta que muestra el nuevo nombre

    Nota:

    Existen otras opciones para guardar u obtener una vista previa de su iniciativa. Si hace clic en la flecha situada junto al botón Guardar, puede optar por previsualizar un borrador de su iniciativa sin publicar los cambios en el sitio real (Vista previa de borrador), publicar sus cambios en la versión en vivo del sitio (Publicar borrador), ver el sitio publicado actualmente (Ver publicado) o eliminar el borrador y revertir el editor a la versión publicada del sitio (Eliminar borrador).

    A continuación, cambiará la URL del sitio. Para los fines de este tutorial, mantendrá su nombre o sus iniciales en la URL para asegurarse de que la URL sea única en su organización. Pero puede acortar la URL eliminando algunas de las otras palabras.

  4. En el panel Personalizar, expanda Configuración de dominio y haga clic en Modificar configuración de dominio.

    Botón Modificar configuración de dominio

    Aparece la ventana Configuración de dominio. El subdominio predeterminado es hub.arcgis.com. Aunque puede crear un dominio personalizado, puede tardar hasta 24 horas en aplicarse. Solo modificará la dirección URL, lo cual se puede hacer de inmediato.

  5. En URL del sitio, escriba plan-general-springfield y agregue su nombre o sus iniciales.

    Ventana Configuración de dominio con el parámetro URL del sitio modificado

    La dirección URL también incluye el nombre de su organización de ArcGIS. En las imágenes de ejemplo, este nombre es learngis. La dirección URL variará si está utilizando su propia organización.

  6. Haga clic en Guardar.

    Una vez guardados los cambios, aparece una ventana que explica que debe ir a la nueva URL para seguir editando.

  7. Haga clic en Ir.

    Se le redireccionará a la nueva URL.

Personalizar el encabezado y el tema

El encabezado aparece en la parte superior de su iniciativa. Actualmente, el encabezado solo contiene el nombre de la iniciativa, que es redundante porque el nombre también aparece en el banner que hay debajo. Cambiará el encabezado para incluir en su lugar el logotipo de la ciudad. También cambiará el tema para que utilice colores y fuentes diferentes. Primero descargará el logotipo y otras imágenes que utilizará para personalizar el sitio de su iniciativa.

  1. Descargue los datos del tutorial. Busque la carpeta comprimida develop-your-own-hub-template.zip descargada en su equipo y extraiga el contenido en la ubicación que desee, como la carpeta Documentos.
    Nota:

    Dependiendo de su navegador web, puede que se le pida que elija la ubicación del archivo antes de iniciar la descarga. La mayoría de los navegadores descargan los archivos de manera predeterminada en la carpeta Descargas del equipo.

  2. En el panel Personalizar de la pestaña de la iniciativa, haga clic en Encabezado.

    Opción Encabezado en el panel Personalizar

    La apariencia predeterminada del encabezado utiliza el estilo Estándar. Tiene previsto mostrar el logotipo de su ciudad en el encabezado, así que usará el estilo Prominente más grande para asegurarse de que el logotipo se muestre a un tamaño adecuado.

  3. En Apariencia, elija Prominente.

    Opción Prominente para el aspecto del encabezado

    A diferencia de los cambios que realizó en la configuración básica, este cambio se aplica automáticamente al editor. A continuación, eliminará el nombre del encabezado.

  4. En el panel Personalizar, desactive la opción Nombre.

    Nombre desactivado para el encabezado

    El nombre se elimina del encabezado. A continuación, agregará el logotipo de Springfield. Puede agregar el logotipo desde una dirección URL o cargarlo desde su equipo.

  5. En Logo, haga clic en Cargar. Utilice las opciones Arrastrar y soltar imagen o Buscar imagen para seleccionar la imagen springfield-logo-header.jpg del contenido descargado.

    El logotipo de Springfield se agrega al encabezado, pero solo ocupa parte de la altura del encabezado. Cambiará la alineación del logotipo para que cubra toda la altura del encabezado.

  6. En Alineación del logotipo, elija la opción Logotipo vertical.

    Opción Logotipo vertical

    El logotipo se agranda en el encabezado. Tiene un fondo blanco, así que cambiará el color del fondo del encabezado para que coincida.

    Sugerencia:

    En la sección Iconos de redes sociales, tiene la opción de activar botones que se vinculen a las redes sociales de la ciudad. Hay disponibles iconos para Facebook, X, Instagram y YouTube. Dado que este tutorial presenta una ciudad ficticia, no agregará ninguna red social, pero esta opción resulta útil al crear una iniciativa para una ciudad real.

  7. En la parte superior del panel, haga clic en Personalizar.

    Botón Personalizar

    Volverá al panel Personalizar.

  8. Haga clic en Tema.

    Este panel incluye opciones para cambiar el color de varios elementos de la iniciativa, incluido el texto. Puede cambiar el color eligiendo de un selector de color o escribiendo un código hexadecimal.

    Además de cambiar el color del encabezado para que coincida con el fondo del logotipo, también usará colores grises oscuros para las fuentes e iconos en lugar del negro, ya que el negro puede resultar molesto para el público.

  9. Cambie los siguientes colores del tema:
    • En Color de fondo de navegación global, escriba #f7f7f7.
    • En Color de texto de navegación global, escriba #7d7d7d.
    • En Color de fondo del encabezado, escriba #ffffff.
    • En Color del texto del encabezado, escriba #6c6c6c.
    • Deje Color del fondo del cuerpo sin cambios, en #ffffff.
    • En Color del texto del cuerpo, escriba #3c3c3c.
    • En Color de vínculo del cuerpo, escriba #278dca.

    A continuación, cambiará las fuentes de la iniciativa.

  10. En Fuente base, haga clic en el botón de configuración.

    Botón Configuración de la fuente base

    Aparece la ventana Personalizar fuentes de tema. Puede importar una fuente basada en una URL. Se proporciona un vínculo a Google Fonts, un catálogo de fuentes gratuitas.

  11. Haga clic en Examinar su colección.

    El sitio web de Google Fonts aparece en una nueva pestaña de navegador. Enumera las fuentes como parte de una galería que permite búsquedas.

  12. Haga clic en la fuente Roboto. Si no puede encontrarla en la lista, búsquela.
  13. Una vez que vea el estilo Roboto, haga clic en Obtener fuente.

    Botón Select this style

    Aparece el panel Familia seleccionada. Incluye dos formas de utilizar la fuente, mediante el uso de código o descargando la fuente. Utilizará la opción de código.

  14. Haga clic en Obtener integrar código.

    Obtener integrar código para fuente

    Aparece el panel Integrar código.

  15. En la pestaña Web, haga clic en @import. Copie la siguiente parte de la URL:

    https://fonts.googleapis.com/css2?family=Roboto

    Dirección URL de la fuente Roboto

  16. Cierre la pestaña de navegador Google Fonts. En su iniciativa, en la ventana Personalizar fuentes de tema, en URL de @Import, pegue la URL.
  17. En Nombre de familia de fuente, escriba Roboto.

    Dirección URL y nombre de la fuente

    Utilizará la misma fuente para el encabezado.

  18. Haga clic en la pestaña Fuente de encabezado.

    Pestaña Fuente de encabezado

  19. Active la casilla de verificación Utilizar misma fuente como base.

    Utilizar misma fuente como base

    Se rellena la URL y el nombre de la fuente base correspondientes a la fuente del encabezado.

  20. Haga clic en Aplicar.

    Los cambios se aplican. Ya ha reflejado la imagen de marca de su sitio con un logotipo, personalizado el tema y agregado una nueva fuente.

Personalizar el encabezado

El encabezado es la sección de la iniciativa bajo el encabezado. Incluye el nombre de la iniciativa y tiene espacio para un subtítulo. Es importante que el banner de su iniciativa llame la atención de cualquiera que llegue al sitio. También le conviene que el título comunique claramente de qué trata la iniciativa.

Primero, sustituirá el fondo liso del banner por una imagen más llamativa.

  1. Apunte al banner.

    Banner con opciones para mover y editar

    Cuando apunta a determinados elementos del editor de iniciativas, aparecen barras de herramientas con opciones para mover, editar o eliminar el elemento. Para el banner, la barra de herramientas horizontal (sobre el banner) sirve para editar el texto. La barra de herramientas vertical (al lado del banner) sirve para editar el fondo.

  2. En la barra de herramientas vertical, haga clic en el botón de edición.

    Botón Editar

    Aparece el panel Fila. En ArcGIS Hub, una fila es una sección horizontal de un sitio, como el banner. Este panel tiene opciones para cambiar el color de fondo o cargar una imagen de fondo. Agregará una imagen que muestre el perfil urbano de una ciudad.

  3. En Imagen de fondo, haga clic en Cargar y seleccione la imagen header-image-skyline-color.jpg del contenido que ha descargado.

    La imagen se agrega al banner. También cambiará el color de fondo a negro para que la fuente blanca destaque mejor.

  4. En Color de fondo, escriba #000000. En Transparencia de la imagen, escriba 30 por ciento.

    Configuración de imagen de banner

    La imagen se actualiza. A continuación, cambiará el texto del banner.

  5. Apunte al texto del banner. En la barra de herramientas Texto, haga clic en el botón de edición.

    Botón Editar en la barra de herramientas Texto

    El texto del banner pasa a ser editable. Encima del texto aparece una barra de herramientas con opciones de formato de texto estándar, incluidas opciones para poner el texto en negrita y cursiva, agregar hipervínculos y cambiar el tamaño del texto. También puede ir a una vista HTML para agregar formato de texto más avanzado.

  6. Elimine ambas líneas del texto existente y escriba La actualización del plan general más importante de la historia de Springfield.
  7. Resalte el texto. En la barra de herramientas, haga clic en el botón Estilo y seleccione Banner.

    Opción Banner en el menú Estilo

  8. Si es necesario, haga clic en el botón Párrafo y seleccione Alinear centro.
  9. Haga clic en cualquier parte fuera del texto para quitar el resaltado del texto.

    Banner con texto con formato

    A continuación, agregará una tarjeta Separador al banner. El separador aumentará el tamaño del banner, haciendo que la imagen de fondo sea mayor y más llamativa. Puede agregar tarjetas al banner arrastrándolas a este.

  10. En el panel Diseño, localice la tarjeta Separador.

    Tarjeta Separador

  11. Arrastre la tarjeta Separador a la parte superior del banner y suéltela en la zona de colocación Insertar arriba.

    Zona de colocación Insertar arriba

    El área situada sobre el banner se vuelve más amplia. Reducirá el tamaño del separador y también lo ocultará en los dispositivos móviles, de modo que los usuarios móviles no tendrán que desplazarse tanto para ver el contenido de su iniciativa.

  12. En el panel Separador, en Altura, escriba 75 px. Active Ocultar en móvil.

    Parámetros Altura y Ocultar en móvil en el panel Diseño

    Agregará otro separador debajo del texto.

  13. Haga clic en el botón Diseño para volver a la lista de tarjetas. Arrastre una tarjeta Separador debajo del texto y suéltela en la zona de colocación Insertar abajo.

    Zona de colocación Insertar abajo

  14. En el panel Separador, en Altura, escriba 75 px. Active Ocultar en móvil.

    Con los separadores, el banner es lo suficientemente grande como para cubrir toda la pantalla. Editará el HTML del banner para eliminar algún espaciado predeterminado. El resultado será un banner de tamaño normal para los usuarios de escritorio, pero más pequeño para los usuarios móviles.

  15. Haga clic en el texto del banner para editarlo. En el texto, haga clic en Editar en HTML.

    Opción Editar en HTML

    Aparece una vista HTML del texto. En HTML, el formato se representa con código. En primer lugar, eliminará cierto código HTML que agrega saltos de línea adicionales.

  16. Elimine las dos secciones de código que tienen <br><br><br><br><br><br> en las últimas líneas del código HTML.

    Secciones del código HTML que se eliminarán

    También vamos a agregar algunas líneas de código que cambiarán el espaciado entre párrafos en todo el sitio. En la vista de código, en las líneas 1 y 20, hay una etiqueta <style>. El código que esté entre estas dos etiquetas de formato define el estilo de los elementos de la página.

  17. Agregue dos líneas vacías antes de la etiqueta de formato </style> en la línea 20, moviéndola a la línea 22. En la nueva línea 20, pegue el siguiente código:
    div.b {
      line-height: 1.6;
    }

    Código de altura de línea

  18. Haga clic en Aplicar.

    Se aplica el formato del banner. El tamaño del banner es apropiado para usuarios de escritorio y móviles.

Editar y eliminar filas

Debajo del banner hay una fila con texto. Editará este texto para contar más información a los usuarios sobre el plan general. También eliminará algunas filas que no planea utilizar.

  1. Debajo del banner, haga clic en el texto que empieza por Use this Hub site para editarlo.

    Texto bajo el banner

    Editará el texto en HTML para aplicar un formato definido en el HTML del banner.

  2. Haga clic en Editar en HTML.
  3. Elimine el texto existente y pegue el siguiente texto:

    <div class="h1"><b>Acerca de la actualización del plan general</b></div><h5><div class="b">La ciudad de Springfield utiliza la actualización del plan general de Springfield para guiar la planificación a largo plazo, la revisión de propuestas de desarrollo y otras actividades que dan forma a los entornos construidos y naturales. El plan ayuda a la comunidad a crear y conservar un futuro sostenible para la ciudad de Springfield y una alta calidad de vida.</div></h5>

    HTML con texto y formato

    La parte del código que dice <div class="b"> hace referencia al elemento div.b que agregó al código del banner. El texto después de esta etiqueta de formato tendrá una altura de línea de 1,6, lo que significa que habrá un pequeño espaciado entre cada línea de texto. Este espaciado hará que el texto sea más legible para los usuarios.

    La etiqueta <div class="h1"> hace referencia al estilo Encabezado 1 que se incluye en los estilos de texto predeterminados. El texto de esta etiqueta será más grande, como un título.

  4. Haga clic en Aplicar.

    Los cambios se aplican. También cambiará el color de fondo y el color de fuente de la fila.

  5. Apunte al texto. En la barra de herramientas vertical situada al lado de la fila, haga clic en el botón de edición.
  6. En el panel Diseño, en Color de fondo, escriba #ffffff.

    Un fondo blanco coincide con el encabezado.

  7. En Color del texto, escriba #3c3c3c.

    El texto cambia a un color gris oscuro.

    Fila con texto y formato

  8. Desplácese por la página de la iniciativa hasta la fila Achieving our Vision.

    Esta fila se incluye con la plantilla de iniciativa que eligió, pero no la necesita. La eliminará.

  9. Apunte a la fila. En la barra de herramientas vertical, haga clic en el botón de eliminación.

    Botón Eliminar

    Aparece un mensaje que le pide que confirme que desea quitar esta fila del diseño.

  10. Haga clic en Quitar.

    También eliminará la siguiente fila, con el título Progress to Date.

  11. Apunte a la fila Progress to Date. En la barra de herramientas vertical, haga clic en el botón de eliminación y en Quitar.
  12. En la cinta, haga clic en Guardar. Haga clic en el menú desplegable Guardar y elija Publicar borrador.

Agregar una fila

Hasta ahora, ha editado las filas que venían con la plantilla que eligió. A continuación, creará una fila simple que incluya una imagen y un párrafo. Esta fila explicará más información sobre la actualización del plan general.

  1. En el panel Personalizar, haga clic en Diseño.

    Usó anteriormente el panel Diseño cuando agregó separadores al banner. A continuación, lo usará para agregar una fila.

  2. Arrastre la tarjeta Fila debajo de la fila Acerca de la actualización del plan general y suéltela en la zona de colocación Insertar abajo.

    Fila arrastrada debajo de la fila Acerca de la actualización del plan general

    Se agrega una fila vacía a la iniciativa.

    Fila vacía agregada a la iniciativa

    Aparece el panel Fila. Tiene configuración básica para la fila. Primero, agregará una imagen de fondo.

  3. En el panel Fila, en Imagen de fondo, haga clic en Cargar y seleccione la imagen header-image-palms-bw.jpg del contenido que ha descargado antes.

    A continuación, ajustará el color de fondo y la transparencia de la imagen. Esta imagen está en blanco y negro, así que agregará una superposición de color para agregar profundidad a la imagen.

  4. En Color de fondo, escriba #1c1f76. En Transparencia de la imagen, escriba 50 por ciento.

    Como esta fila tiene un color de fondo oscuro, cambiará el color del texto a blanco.

  5. En Color de texto, escriba #ffffff.

    Configuración de la nueva fila

    A continuación, agregará texto.

  6. En el panel Fila, haga clic en Diseño para volver a la lista de tarjetas. Arrastre la tarjeta Texto a la fila vacía.

    Tarjeta Texto arrastrada a una fila vacía

  7. Para la nueva tarjeta de texto, haga clic en Editar en HTML. En la ventana HTML, pegue el siguiente texto:

    <div class="h1"><b>Propósito</b></div><h5><div class="b">Este sitio es la Actualización del plan general de Springfield, un nodo central de datos visionario e inspirador que incluye la hoja de ruta del proyecto, la visión para 2040 con su correspondiente marco físico (consulte la Estrategia espacial) y detalles sobre los ámbitos de actuación que guiarán la implementación. El Plan general de Springfield debería servir como hoja de ruta para todos los proyectos de ahora en adelante, lo que permita a todo el mundo comprender la intención y la trayectoria de la planificación.</div></h5>

  8. Haga clic en Aplicar.

    A continuación, agregará una imagen que irá junto al texto.

  9. Arrastre la tarjeta Imagen a la izquierda del texto y suéltela en la zona de colocación Insertar a la izquierda.

    Zona de colocación Insertar a la izquierda

    Se agrega una imagen de marcador de posición junto al texto y aparece el panel Imagen con más opciones. Cargará una imagen.

  10. En el panel Imagen, en URL de imagen, haga clic en Cargar y seleccione la imagen mic-meeting.jpg del contenido que ha descargado antes.

    También agregará separadores por encima y por debajo de esta fila, como en el banner.

  11. Haga clic en Diseño para volver a la lista de tarjetas. Arrastre una tarjeta Separador sobre la fila Propósito.
  12. En el panel Separador, active Ocultar en móvil.
  13. Vuelva a la lista de tarjetas, agregue una tarjeta Separador debajo de la fila Propósito y active Ocultar en móvil.

    Fila con separadores agregados por encima y por debajo

    A continuación, ajustará el tamaño de la imagen. Actualmente, la imagen es un poco más grande que el texto. Se vería mejor si fuera más pequeña.

  14. Apunte al borde derecho de la imagen de micrófono y haga clic en el botón de flecha.

    Botón de flecha a la derecha de la imagen de micrófono

    El tamaño de la imagen se reduce. Ahora está mejor alineada con el texto.

  15. Guarde y publique el borrador de la iniciativa.

Configurar una fila más compleja

La siguiente fila es la fila Primary Focus Areas. Esta fila es más compleja que la anterior, ya que incluye texto, imágenes y botones que pueden vincularse a otras iniciativas, sitios web o encuestas. Cambiará el texto y la configuración para proporcionar información sobre las actividades del plan general.

  1. Haga clic en el texto Primary Focus Areas para editarlo.

    Cuadro de texto Primary Focus Areas

  2. Haga clic en Editar en HTML. Elimine todo el texto existente y pegue el siguiente texto:

    <div class="banner-heading"><b>Actividades del plan general</b></div>

  3. Haga clic en Aplicar.

    Esta fila tiene dos subsecciones, cada una titulada Focus Area. Estas subsecciones tienen espacio para una imagen (actualmente en blanco). Agregará una imagen para la primera subsección y cambiará el texto.

  4. Apunte al área vacía a la izquierda de la primera subsección Focus Area. En la barra de herramientas Imagen, haga clic en el botón de edición.

    Botón Editar en la barra de herramientas Imagen

  5. En el panel Imagen, haga clic en Cargar y seleccione la imagen get-involved.jpg del contenido que ha descargado antes.

    Se agrega la imagen.

  6. Haga clic en el texto Focus Area para editarlo.

    Este cuadro de texto también incluye un botón. Conservará el botón cuando edite el texto.

  7. Haga clic en Editar en HTML. Elimine todo el texto existente y pegue el siguiente texto:
    <h1><b>1. Get Involved</b></h1>
    <h5><div class="b">There are many ways for you to get involved! The first way is to be a part of Springfield's walking tour. We need your help to make the City's walking tour successful by using our great community as volunteers to help participants navigate our city.</div></h5>
    <br>
    <p><a href="#" class="btn btn-primary" style="min-width: 200px;" target="_self">Get Involved</a></p>

    Este texto incluye un encabezado, texto descriptivo y un botón al final. El botón utiliza la etiqueta <a href="#" class="btn btn-primary" style="min-width: 200px;" target="_self">. En esta etiqueta, el símbolo # es un marcador de posición para la dirección URL a la que navegará el botón. El componente class="btn btn-primary" determina la apariencia del botón, el componente style="min-width: 200px;" determina el tamaño y el componente target="_self" garantiza que la URL se abra en una nueva pestaña de navegador, en lugar de en la misma.

  8. Haga clic en Aplicar.

    Los cambios se aplican. El tamaño de imagen es adecuado.

    Fila Get Involved completada

    A continuación, eliminará la segunda subsección Focus Area.

  9. En la subsección Get Involved, apunte al texto Focus Area. En la barra de herramientas Texto, haga clic en el botón de eliminación.

    Botón Eliminar para el texto de Focus Area

  10. Cuando se le pida que confirme si desea eliminar la tarjeta, haga clic en Quitar.

    El texto se elimina, pero se mantiene una imagen en blanco y una tarjeta de texto en blanco, así como la línea que dividía las dos subsecciones Focus Area.

  11. Apunte a la imagen en blanco. En la barra de herramientas Imagen, haga clic en el botón de eliminación y en Quitar.
  12. Apunte de nuevo al espacio vacío. En la barra de herramientas Texto, haga clic en el botón de eliminación y en Quitar.
  13. Apunte a la línea horizontal debajo de la fila Get Involved. En la barra de herramientas Texto, haga clic en el botón de eliminación y en Quitar.

    También eliminará otras filas agregadas por la plantilla y que no necesita.

  14. Bajo la fila Actividades del plan general, apunte a la fila Resources and Tools. En la barra de herramientas vertical, haga clic en el botón de eliminación y en Quitar.
  15. Elimine la fila Frequently Asked Questions.
  16. Guarde y publique su borrador.

Ha configurado la página de inicio del sitio de su iniciativa.


Crear una página para un recorrido a pie

Al actualizar un plan general, es importante implicar a su comunidad durante todo el proceso. Actualización del plan general de Springfield incluye varias actividades para fomentar la participación de la comunidad. Una de esas actividades es un recorrido a pie, que se describe en la fila Get Involved. Los recorridos a pie implican a un grupo de residentes que exploran la arquitectura, el diseño urbano y la historia de una ciudad mientras caminan por la ciudad. Suscitan conversaciones sobre la planificación, el desarrollo urbanístico y la vida en la ciudad en general.

Creará una página nueva centrada en el recorrido a pie. Esta página ayudará a los voluntarios a dirigir el recorrido a pie y será el lugar donde los residentes podrán inscribirse para asistir.

Crear una página

En primer lugar, creará una página nueva para el recorrido a pie y vinculará la página a la página de inicio.

  1. Si es necesario, abra el editor de su Actualización del plan general de Springfield 2040.
  2. En el panel Personalizar, haga clic en el botón de página.
    Nota:

    Puede que tenga que hacer clic en el botón Atrás una o varias veces para volver al panel Personalizar.

    Botón Página

    Tiene la opción de crear una nueva página o vincular una página.

  3. Haga clic en Nueva página. En la ventana Nueva página, en Guardar como página, escriba Get Involved y haga clic en Siguiente.

    Se crea una nueva página denominada Get Involved. El encabezado, el logotipo, la fuente y el tema que configuró para la primera página se aplican automáticamente a esta página. Sin embargo, el espaciado entre párrafos que agregó al HTML no se aplica a esta página, así que lo agregará de nuevo más tarde.

    Antes de editar las filas o el texto de esta página, agregará la dirección URL de la página a la fila Get Involved de la página de inicio.

  4. En la cinta, haga clic en la flecha situada junto al botón Guardar y elija Ver publicado.

    Opción Ver publicado

    El navegador navega a la versión en vivo de la página.

  5. Copie la URL de la página.
  6. En el lado izquierdo del sitio, en la barra de herramientas, haga clic en el botón Editar.

    Botón Editar

    Vuelve al editor. El editor muestra la nueva página que ha creado, así que cambiará a la página de inicio.

  7. En la cinta, haga clic en Actualización del plan general de Springfield 2040 y elija Inicio del sitio .

    Opción Sitio de la iniciativa

  8. En la página de inicio, desplácese hasta la fila Get Involved. Haga clic en el texto Get Involved y haga clic en Editar en HTML.

    El HTML de esta fila contiene código para un botón que puede vincular a la dirección URL. Cuando configuró esta fila, utilizó un signo # como marcador de posición para la URL. Reemplazará el signo # con la dirección URL a la página del recorrido a pie.

  9. En la línea de código que comienza con <p><a href="#", elimine el signo # y pegue la URL que copió.

    Dirección URL pegada en el código HTML

  10. Haga clic en Aplicar.

    El botón del final de la fila ahora vincula a la página del recorrido a pie.

  11. Guarde y publique su borrador.

Editar la página

A continuación, editará la página del recorrido a pie para agregar imágenes y texto.

  1. En el panel Personalizar, haga clic en el botón de página.
  2. Haga clic en la página Get Involved.

    Página Get Involved

    A continuación, editará el banner de la página para incluir información de estilo HTML y el título de la página.

  3. Haga clic en el texto Our Community para editarlo.

    Texto Our Community

  4. Haga clic en Editar en HTML. Elimine todo el texto y pegue el siguiente código:
    <style>
    .primary-color {
      color: #585fcc;
    }
    .primary-fill {
      fill: #585fcc;
    }
    
    .steps-wrapper li::before {
      color: #585fcc;
      border-color: #585fcc;
    }
    .steps-wrapper li::after {
      background-color: #585fcc;
    }
    div.b {
      line-height: 1.6;
    }
    </style>
    <h1 style="text-align: center;"><span style="font-weight: 700; font-family: Roboto, &quot;Avenir Next&quot;; font-size: 62px;">Get Involved</span><br></h1>
    <p style="text-align: center; font-size: 22px"><br></p>
  5. Haga clic en Aplicar.

    El banner ahora solo tiene el nombre de la página (Get Involved). También agregará una imagen al fondo del banner.

  6. Apunte a la fila Get Involved. En la barra de herramientas vertical situada al lado de la fila, haga clic en el botón de edición.
  7. En el panel Diseño, en Imagen de fondo, haga clic en Cargar y seleccione la imagen header-image-bike-lane-color.jpg del contenido que ha descargado antes.
  8. En Color del texto, escriba #ffffff y, en Color de fondo, escriba #000000. En Transparencia de la imagen, escriba 30 por ciento.

    El banner tiene ahora una imagen y un color y una superposición de texto adecuados.

    Imagen de fondo del banner

    El banner es estrecho, así que agregará separadores por encima y por debajo.

  9. En el panel Fila, haga clic en el botón Diseño para volver a la lista de tarjetas.
  10. Arrastre una tarjeta Separador por encima del banner y una tarjeta Separador por debajo. Para cada separador, active Ocultar en móvil.

    Banner Get Involved con separadores

    Bajo el banner, creará una fila con texto que describa el recorrido a pie.

  11. En el panel Separador, haga clic en Diseño para volver a la lista de tarjetas. Arrastre una tarjeta Fila debajo del banner.

    Fila vacía debajo del banner Get Involved

  12. Vuelva a la lista de tarjetas y arrastre una tarjeta Texto a la fila vacía.
  13. En el editor de texto, haga clic en Editar en HTML. En la ventana HTML, pegue el siguiente código:

    <div class="h1"><b>1. Recorrido a pie</b></div><h5><div class="b">Existen muchas formas de participar en la actualización del plan general de Springfield. La primera forma es a través del recorrido a pie. Este recorrido a pie le permitirá explorar el patrimonio, los mercados culinarios, los espacios al aire libre, los parques, los vecindarios de nuestra ciudad, ¡y mucho más! Ayúdenos a llevar a nuestra comunidad por un paseo divertido y fascinante por nuestra ciudad. </div></h5>

  14. Haga clic en Aplicar.

    El texto se agrega.

    Texto introductorio de Recorrido a pie

    Antes de continuar, eliminará algunas filas innecesarias.

  15. Cerca de la parte inferior de la página, apunte a la fila Where We're Going.

    Fila Where We're Going

  16. En la barra de herramientas vertical, haga clic en el botón de eliminación y en Quitar.
  17. Elimine la fila vacía que aparece debajo de donde estaba la fila Where We're Going.
  18. Guarde y publique el borrador de la iniciativa.

Agregar una encuesta

Un recorrido a pie permite a los miembros de la comunidad participar y conocer la historia de Springfield, pero también desea recopilar opiniones de la comunidad para fomentar la participación. Una buena forma de recopilar opiniones es utilizar una encuesta de ArcGIS Survey123. A continuación, creará e integrará una encuesta en su sitio.

  1. En la fila Recorrido a pie, agregue una tarjeta Fila.

    Fila vacía debajo de la fila Recorrido a pie

  2. Vuelva a la lista de tarjetas y arrastre una tarjeta Encuesta a la fila vacía.

    La encuesta solo incluye una imagen de marcador de posición hasta que elija una encuesta para utilizarla. La creación de una nueva encuesta lleva a una página nueva, por lo que deberá asegurarse de guardar y publicar el borrador antes de continuar.

  3. Guarde y publique su borrador. En el panel Encuesta, haga clic en Crear encuesta.

    Botón Crear encuesta

    Aparece la página Crear una encuesta.

  4. En la página ¿Qué tipo de comentarios desea?, elija Cuestionario.

    Tras unos momentos, la encuesta se crea y aparece el builder de la encuesta. Puede usar este builder para agregar preguntas a la encuesta.

  5. Junto al panel Acerca de, haga clic en el botón Más información para ocultar el panel.

    Botón Más información

  6. En la parte superior de la página, haga clic en Cuestionario para editar el encabezado de la encuesta.
  7. En el panel Editar, en Texto, escriba Encuesta sobre el plan general de Springfield.

    Texto del encabezado editado

  8. Debajo del encabezado, haga clic en el texto de la descripción de la encuesta y reemplácelo con lo siguiente:Por favor, realice esta encuesta para ayuda a la ciudad de Springfield con la actualización del plan general. Sus opiniones son muy valiosas y las utilizaremos para asegurarnos de planificar el mejor futuro para la ciudad.

    Texto de descripción editado

    La encuesta incluye algunos ejemplos de preguntas sobre el transporte público. Va a eliminar estas preguntas.

  9. Haga clic en la primera pregunta de la encuesta para seleccionarla. Haga clic en el botón Eliminar.

    Botón Eliminar

  10. Elimine también las demás preguntas.

    A continuación, agregará una pregunta. El panel Agregar incluye una lista de tipos de preguntas que puede agregar a la encuesta. Agregará una pregunta de selección múltiple sobre cómo desea el usuario que se utilicen los recursos de Springfield.

  11. En el panel Agregar, en Opción, haga clic Selección múltiple.

    Tipo de pregunta Selección múltiple

    Se agrega una pregunta de selección múltiple a la encuesta y aparece el panel Editar. En este panel, puede cambiar la pregunta y las posibles opciones de respuesta.

  12. En el panel Editar, en Etiqueta, escriba ¿Cómo priorizaría los recursos de Springfield en su comunidad? En Opciones, agregue las siguientes opciones (para agregar más opciones, haga clic en el botón para agregar situado junto a la tercera opción):
    • En Opción 1, escriba Seguridad de los peatones.
    • En Opción 2, escriba Mejoras en los autobuses.
    • En Opción 3, escriba Infraestructuras para bicicletas.
    • En Opción 4, escriba Iluminación.
    • En Opción 5, escriba Mobiliario urbano.
    • En Opción 6, escriba Programas comunitarios.
    • En Opción 7, escriba Espacio recuperado.
    • En Opción 8, escriba Arte público.
    • En Opción 9, escriba Paisaje mejorado.

    Opciones para la pregunta de selección múltiple

    Las opciones se agregan automáticamente a la pregunta de la encuesta. A continuación, agregará una pregunta de opción única para evaluar si el usuario ha participado anteriormente en las iniciativas de planificación de la comunidad.

  13. Haga clic en la pestaña Agregar. En el panel Agregar, haga clic en Selección única.

    Tipo de pregunta Selección única

  14. En el panel Editar, introduzca la siguiente información:
    • En Etiqueta, escriba ¿Ha participado en iniciativas de planificación anteriores en su comunidad?
    • En Opción 1, escriba .
    • En Opción 2, escriba No.
    • En Opción 3, haga clic en el signo menos para eliminarla de la lista.

    Opciones para la pregunta con una sola opción

    Agregará otra pregunta que los usuarios puedan responder escribiendo texto.

  15. En el panel Agregar, en Texto, número, fecha y hora, haga clic en Texto de varias líneas.
  16. En el panel Editar, en Etiqueta, escriba ¿Qué edificios tienen significado en su comunidad? En Sugerencia, escriba Explique e incluya una dirección

    Tercera pregunta agregada a la encuesta

    Por último, agregará una pregunta para que los usuarios marquen en un mapa dónde están realizando la encuesta. Esta pregunta es clave para interactuar con la comunidad. Como planificador, puede analizar de dónde proceden la mayoría de las respuestas de la encuesta y coordinar el acercamiento en áreas donde desea obtener más respuestas a la encuesta. También es importante a la hora de fomentar la participación e infundir confianza en comunidades que, históricamente, quizá no participen.

  17. En el panel Agregar, en Ubicación, haga clic en Mapa. En el panel Editar, en Etiqueta, escriba ¿Dónde está realizando esta encuesta?

    Cuarta pregunta agregada a la encuesta

    La encuesta tiene cuatro preguntas. A continuación, guardará y publicará la encuesta.

    Sugerencia:

    Si lo desea, también puede cambiar el aspecto de la encuesta cambiando las opciones de la pestaña Apariencia.

  18. En la parte inferior del panel Editar, haga clic en Guardar y en Publicar. Cuando se le pida que confirme que desea publicar la encuesta, haga clic en Publicar.

    La encuesta se publica y se abre la ventana ¿Actualizar encuesta de mapa de Hub? Elegirá no actualizar y luego compartirá la encuesta con el público.

  19. Acepte Mantener la visualización estándar y haga clic en Hecho.
  20. En la cinta, haga clic en Compartir.

    Botón Compartir de la cinta

  21. En el panel Compartir, haga clic en Encuesta. En Nivel de uso compartido, elija Público.

    A continuación, actualizará el nombre de la encuesta.

  22. Junto al panel Uso compartido, haga clic en el botón Más información.

    Botón Más información

  23. Haga clic en el botón Editar detalles. En Info básica, en Título, escriba Encuesta sobre el plan general de Springfield.
  24. En la cinta, haga clic en Guardar.

    A continuación, volverá al sitio e integrará la encuesta.

  25. En la cinta, apunte al botón Más acciones y haga clic en Plan general de Springfield 2040.

    Opción Plan general de Springfield 2040

  26. En el panel Personalizar, haga clic en el botón de página y elija la página Get Involved. Desplácese hacia abajo por la página y haga clic en la imagen de marcador de posición que representa la encuesta (bajo la sección Recorrido a pie).
  27. En el panel Encuesta, haga clic en Seleccionar encuesta.
  28. En la ventana Seleccionar una encuesta, en Desde, elija Mi contenido. Seleccione Encuesta sobre el plan general de Springfield.

    Botón Integrar

  29. Haga clic en Guardar.

    Se agrega un vínculo a la encuesta en la iniciativa. Sin embargo, al hacer clic en el vínculo, los usuarios saldrán de la página. En lugar de un vínculo, integrará la propia encuesta.

  30. En el panel Encuesta, haga clic en Integrar.

    Botón Integrar

    La encuesta está integrada directamente en la iniciativa. Se realizan preguntas a los usuarios, quienes pueden proporcionar respuestas sin tener que navegar a una nueva página. Agrandará la encuesta.

  31. En Altura, escriba 800.

Agregar un vínculo a la página de inicio

Para crear una buena experiencia web para sus usuarios, agregará un vínculo desde la página del recorrido a pie de vuelta a la página de inicio. De esta manera, los usuarios siempre podrán volver donde empezaron.

  1. Desplácese hasta la fila Intro.

    Esta fila ya incluye un botón, por lo que la modificará.

  2. Apunte a la fila Intro. En la barra de herramientas vertical situada al lado de la fila, haga clic en el botón de edición.
  3. En el panel Fila, en Color de fondo, escriba #c6d6e3.
  4. Haga clic en el texto Intro para editarlo y haga clic en Editar en HTML. En la ventana HTML, elimine todo el texto y pegue el siguiente texto:
    <h1><b>Go Home</b></h1>
    <h5><div class="b"> If you would like to learn more about Springfield's General Plan update, go back to the home page. The home page includes a high level introduction to the update's principles, planning objectives, strategies, and actions.</div></h5>
    <br>
    <p><a href="#" class="btn btn-primary" style="min-width: 200px;" target="_self">Go Home</a></p>

    Al igual que el botón de la página de inicio, este botón utiliza # como símbolo de marcador de posición para la URL.

  5. Haga clic en Aplicar. Guarde y publique el borrador de la iniciativa.

    Abrirá la página de inicio en una nueva pestaña para copiar su URL.

  6. En la cinta, haga clic en Actualización del plan general de Springfield 2040. Haga clic con el botón derecho en Inicio del sitio y elija Abrir vínculo en una nueva pestaña.
    Nota:

    La opción de abrir el vínculo en una nueva pestaña puede tener un nombre diferente en determinados navegadores o sistemas operativos.

    Opción Abrir el vínculo en una nueva pestaña

  7. En la nueva pestaña, haga clic en la flecha situada junto al botón Guardar y elija Ver publicado.

    Aparece la versión publicada de la página de inicio.

  8. Copie la URL de la página de inicio publicada. Cierre la pestaña.

    Vuelva al editor de la página Get Involved. Agregará la dirección URL que copió al botón.

  9. Si es necesario, haga clic en el texto Go Home para editarlo. Haga clic en Editar en HTML.
  10. En la ventana HTML, en la línea que comienza por <p><a href="#", sustituya el signo # por la dirección URL que ha copiado.
  11. Haga clic en Aplicar. Haz clic en la foto o en la encuesta para dejar de editar el texto.

    Fila Go Home completada

    La fila incluye ahora un botón que lleva a los usuarios a la página de inicio.

  12. Guarde y publique el borrador de la iniciativa.

Agregar la opción para seguir la iniciativa

Esta página es para los usuarios que desean participar. Ha agregado una encuesta para ayudar a implicar a la comunidad; a continuación, agregará una fila que permita a los miembros de su comunidad registrarse para seguir la iniciativa. Estos usuarios pueden apuntarse a eventos, recibir actualizaciones por correo electrónico e incluso ayudar a crear contenido para el sitio. El administrador del sitio puede supervisar a estos usuarios (lo descubrirá más adelante en el tutorial).

Nota:

Esta sección requiere que tenga ArcGIS Hub Premium y un rol de Administrador en su organización de ArcGIS.

  1. Bajo la encuesta, agregue una tarjeta Fila.

    Fila vacía agregada debajo de la encuesta

  2. Vuelva a la lista de tarjetas. Arrastre una tarjeta Seguir iniciativa a la fila vacía. (Es posible que tenga que desplazarse hacia abajo en la lista de tarjetas para encontrar la tarjeta Seguir iniciativa).

    Tarjeta Seguir iniciativa agregada a la iniciativa

    De forma predeterminada, está siguiendo la iniciativa porque la creó. El texto que aparece antes del botón para seguir se denomina llamada a la acción. Cambiará el texto para que sea más específico para su iniciativa.

  3. En el panel Seguir, en Llamada a la acción, elimine el texto existente y pegue el siguiente texto: Al seguir esta iniciativa, ¡se está registrando para ayudar a la ciudad con nuestro recorrido a pie! Puede ayudar a llevar a los miembros de la comunidad por la ciudad, suscitar debates y transmitir a los urbanistas qué es lo que nuestros vecinos desean.
  4. Guarde y publique su borrador de iniciativa.

    Su sitio ya es plenamente funcional. Hay algunas cosas más que tiene previsto agregar, pero ahora ya está listo para compartirlo con el público.

  5. En la cinta, haga clic en el botón Los grupos con acceso pueden ver esta página de Hub.

    Botón Los grupos con acceso pueden ver esta página de Hub

    Aparece el panel Compartir. Actualmente, solo el propietario (usted) puede ver su iniciativa.

  6. En Nivel de uso compartido, elija Público.

    Nivel de uso compartido definido como Público

    Ahora, cualquiera puede ver su iniciativa.

Crear un evento

A continuación, agregará una tarjeta de evento a la página. Una tarjeta de evento proporciona la hora y la ubicación de algún evento, con los detalles específicos que usted decide. Su evento será para el recorrido a pie del que se habla en la página. Con el administrador de eventos de ArcGIS Hub, puede rastrear quién va a asistir a los eventos y enviar actualizaciones a los participantes.

  1. Junto al panel Compartir, haga clic en el Botón de alternancia Personalizar.

    Botón de alternancia Personalizar

    Volverá al panel Personalizar.

  2. Haga clic en Diseño. Arrastre una tarjeta Fila debajo de la fila Seguir iniciativa.

    Fila vacía bajo la fila Seguir iniciativa

  3. Vuelva a la lista de tarjetas. Arrastre una tarjeta Evento destacado a la fila vacía. (Es posible que tenga que desplazarse hacia abajo en la lista de tarjetas para encontrar la tarjeta Evento destacado).

    Al igual que la encuesta que agregó, solo aparece una imagen de marcador de posición. Tiene que seleccionar un evento o crear uno.

  4. Guarde y publique su borrador de iniciativa.
  5. En el panel Evento, haga clic en Crear evento.

    Botón Crear evento

    Se abre una página nueva. Esta página contiene opciones para editar información sobre el evento. Primero, agregará una imagen para representar el evento.

  6. En la parte superior de la lista de parámetros de evento, en Agregar imagen de evento, haga clic en Buscar imagen. Seleccione la imagen walking-tour.jpg del contenido que ha descargado antes.

    Tiene la opción de recolocar la imagen. La posición predeterminada está bien.

  7. Haga clic en Hecho.
  8. En Título, escriba Recorrido a pie. Para Description (Descripción), copie y pegue el siguiente texto:

    En este recorrido a pie, explorará el patrimonio, los mercados culinarios y los parques de nuestra ciudad, ¡y mucho más! Ayúdenos a llevar a nuestra comunidad por un paseo divertido y fascinante por nuestra ciudad. Durante este recorrido, ¡descubrirá más acerca de la actualización del plan general de Springfield y cómo puede ayudarnos a hacer realidad nuestra visión!

    De forma predeterminada, se le agrega como organizador del evento. Puede agregar otros organizadores y también patrocinadores, si es necesario. También puede elegir si el evento será presencial, en línea o ambos. De forma predeterminada, está seleccionada la opción Presencial.

    También puede proporcionar el lugar o la dirección donde comenzará el evento. Si agrega una dirección, aparecerá en un mapa junto a la información del evento. Normalmente, elegiría una dirección específica o un hito fácil de encontrar. Para los fines de este tutorial, usará la dirección de la sede de Esri como dirección de marcador de posición, puesto que Springfield, California, es una ciudad ficticia.

  9. En Dirección, escriba 380 New York St, Redlands, California, 92373 y elija la dirección coincidente de la lista de direcciones que aparece.

    También puede definir la fecha. La fecha que elija debe estar lo suficientemente lejos en el futuro para que la gente pueda hacer planes para asistir.

  10. De manera opcional, defina una fecha de inicio y una fecha de finalización para el evento.

    Lo único que tiene que hacer es guardar y publicar el evento.

  11. En la cinta, haga clic en Guardar como borrador. Una vez que se haya guardado el evento, haga clic en Publicar y elija Público.

    Opción Público en el menú Publicar

    El evento se publica. Aparece una página con información sobre el evento. La página también incluye opciones para compartir el evento a través de las redes sociales, editar la información y llevar un seguimiento de los asistentes que se han apuntado.

    Página del evento

    Volverá al editor de su iniciativa y le agregará este evento.

  12. En el lado de la pantalla, haga clic en el botón Editar.
  13. En la cinta, haga clic en Actualización del plan general de Springfield 2040 y elija Inicio del sitio.
  14. En el panel Personalizar, haga clic en el botón de página. Haga clic en la página Get Involved.

    Volverá a editar la página Get Involved.

  15. Desplácese hacia abajo hasta el evento (entre el botón Seguir/Dejar de seguir y la fila Go Home). Haga clic en la imagen de marcador de posición del evento.

    Aparece el panel Evento.

  16. En el panel Evento, haga clic en Seleccionar evento.

    Botón Seleccionar evento

    Aparece la ventana Seleccionar un evento.

  17. En la ventana Seleccionar un evento, seleccione el evento Recorrido a pie y haga clic en Guardar.

    El evento se agrega a la iniciativa.

    Evento en la iniciativa

    El panel Evento ahora incluye opciones para cambiar la apariencia del evento, pero utilizará los valores predeterminados.

  18. Guarde y publique su borrador de iniciativa.

Mover filas

Su sitio está totalmente configurado. Sin embargo, el botón para seguir o dejar de seguir la iniciativa se encuentra entre la encuesta y el evento, por lo que no destaca demasiado. Moverá la fila por encima de la encuesta para que aparezca cerca de la parte superior de la página.

  1. Apunte al botón para seguir o dejar de seguir la iniciativa (entre la encuesta y el evento).
  2. En la barra de herramientas vertical situada al lado de la fila, haga clic en el botón de movimiento.

    Botón Mover

  3. Arrastre el botón encima de la fila de la encuesta.

    Zona de colocación Insertar arriba

    La fila se mueve más cerca de la parte superior de la página.

  4. Guarde y publique el borrador de la iniciativa.

Ha completado su iniciativa. Tiene una página de inicio y una página que impulsa la participación de la comunidad a través de encuestas y eventos.


Administrar su sitio

Ahora que ha completado su sitio, administrará el sitio y sus usuarios. ArcGIS Hub incluye varias herramientas de administración para ayudarle a realizar un seguimiento de la actividad y los miembros de la comunidad. También exportará el sitio como plantilla que otros departamentos de la ciudad podrán utilizar para sus propias iniciativas.

Administrar la comunidad

Primero, explorará el cuadro de mando que rastrea cuántas visualizaciones ha recibido su sitio y el tiempo medio que ha invertido cada usuario en el sitio, entre otra información. También explorará su lista de seguidores.

  1. Si es necesario, abra el editor de su iniciativa Actualización del plan general de Springfield 2040.
  2. En la cinta, haga clic en Actualización del plan general de Springfield 2040 y elija Cuadro de mando.

    Opción Cuadro de mando

    Aparece la página Cuadro de mando. Incluye un desglose de métricas clave, como visualizaciones, sesiones y tiempo medio en el sitio, así como un gráfico de barras que muestra la cantidad de visualizaciones a lo largo del tiempo. Como acaba de lanzar el sitio, probablemente no tenga demasiadas visualizaciones en este momento.

    Nota:

    Es posible que su página tenga un número distinto de visualizaciones y métricas distintas a las de la imagen de ejemplo.

    Página Cuadro de mando

    A continuación, explorará la página Comunidad, en la que se muestra una lista de sus seguidores.

  3. En la cinta, haga clic en Actualización del plan general de Springfield 2040 y elija Comunidad.

    Opción Comunidad

    Aparece la página Comunidad. Cuando creó su sitio, agregó un botón para seguir la iniciativa. Los usuarios que hacen clic en ese botón se agregan a esta página. Sin embargo, es probable que todavía no tenga seguidores.

    También tiene la opción de invitar a seguidores.

  4. Haga clic en el botón Invitar a seguidores.

    Botón Invitar a seguidores

    Aparece la ventana Invitar a seguidores. Puede elegir entre invitar a seguidores de su organización, de su comunidad o de todo el mundo. Puede utilizar esta ventana para invitar a miembros de la comunidad de Springfield o compañeros/as de trabajo que también participen en la iniciativa.

  5. Cierre la ventana Invitar a seguidores.

    A continuación, creará un equipo complementario. Los equipos complementarios son similares a los grupos de ArcGIS Online, pero están alojados en ArcGIS Hub. Puede usarlos para organizar colaboradores de confianza u otras categorías importantes de seguidores. Los miembros no tienen por qué ser seguidores del sitio y cualquier usuario de ArcGIS Online puede serlo. Creará un equipo complementario para organizar a los usuarios que se ofrezcan voluntarios para dirigir los recorridos a pie.

  6. En la cinta, haga clic en Actualización del plan general de Springfield 2040 y elija Equipos.

    Opción Equipos

    Aparece la página Equipos. Ya tiene un equipo, llamado Equipo central de Plan general de Springfield 2040. Cada vez que cree una iniciativa, se creará automáticamente un equipo central para ella. Un equipo central tiene acceso a todos los datos, mapas, aplicaciones y otros tipos de contenido de su sitio. También pueden editar el sitio. De forma predeterminada, usted es el único miembro del equipo central. Si desea agregar otro administrador del sitio, puede agregarlo al equipo central y otorgarle los mismos permisos que usted tiene.

    Por ahora, creará un equipo.

  7. En la cinta, haga clic en Nuevo y elija Equipo complementario.

    Opción Equipo complementario en el menú Nuevo

    Aparece la página ¿Qué tipo de equipo complementario desea? Puede otorgar acceso de visualización o edición a los miembros del equipo.

  8. Elija Acceso de edición.
  9. En Nombre de equipo, escriba Voluntarios para el recorrido a pie. Haga clic en Guardar.
    Sugerencia:

    Los nombres de equipo deben ser únicos dentro de su organización. Si se utiliza este nombre, puede agregar su nombre o sus iniciales para que el nombre sea único.

    Se crea el equipo. De forma predeterminada, se le agrega como miembro del equipo. Tiene opciones para editar el perfil del equipo, agregar miembros y enviar un mensaje a todos los miembros.

  10. Haga clic en el botón Agregar miembros.

    Botón Agregar miembros

    Aparece la ventana Agregar miembros. Puede agregar miembros de su organización, su comunidad o del mundo.

  11. Cierre la ventana Agregar miembros. Haga clic en el botón Enviar mensaje a todos.

    Botón Enviar mensaje a todos

    Aparece la ventana Enviar un mensaje. Con esta ventana, puede escribir un mensaje que se enviará a todos los miembros de su equipo. No dispone de ningún otro miembro en este momento, por lo que no enviará ningún mensaje, pero cuando se hayan registrado voluntarios para dirigir los recorridos a pie, podrá enviarles mensajes respecto a cuándo comenzarán los recorridos o qué puntos de interés que deberían cubrir los recorridos.

  12. Cierre la ventana Enviar un mensaje. En la cinta, haga clic en Equipos.

    Botón Equipos en la cinta

    Volverá a su lista de equipos, que ahora incluye el equipo que ha creado.

Guardar su iniciativa como una plantilla

Puede que otros departamentos u organizaciones de su ciudad deseen crear una iniciativa similar a la suya. Guardará su iniciativa como una plantilla para que cualquiera pueda usar lo que usted ha creado para sus propias necesidades.

  1. En la cinta, haga clic en Actualización del plan general de Springfield 2040 y elija Inicio del sitio .

    Volverá al editor de su iniciativa. No puede guardar su iniciativa como plantilla si hay cambios sin publicar. Solo por asegurarse, publicará su iniciativa una vez más.

  2. Guarde y publique su borrador.
  3. En la cinta, apunte al botón Más acciones y elija Guardar como plantilla.

    Opción Guardar como plantilla

    Aparece la ventana Creando las plantillas de su iniciativa. Tras unos momentos, las plantillas de su iniciativa están agrupadas.

    Ventana Creando las plantillas de su iniciativa

    Nota:

    Si su iniciativa contiene contenido que no está alojado en su organización, por ejemplo, un mapa web o una encuesta que no creó usted, no puede guardar su iniciativa como plantilla.

  4. Haga clic en el botón Abrir editor de plantillas.

    Puede cargar una imagen de vista en miniatura, pero no es necesario. El título, el vínculo y el resumen de la plantilla ya están rellenos basándose en la información de su iniciativa.

  5. Haga clic en el botón Compartir.

    Botón Compartir

    Puede elegir quién puede acceder a la plantilla. Solo desea compartir esta plantilla con otros departamentos de Springfield, por lo que la compartirá con su organización.

  6. En Nivel de uso compartido, elija Organización.

    Puede aparecer la ventana Actualizar uso compartido. Debe compartir todo el contenido de su iniciativa del mismo modo que la plantilla. Con esta ventana, puede actualizar rápidamente el nivel de uso compartido del otro contenido (por ejemplo, las páginas, la encuesta o cualquier mapa que agregue a su sitio).

  7. En la ventana Actualizar uso compartido, haga clic en Actualizar. En la ventana Plantillas compartidas correctamente, haga clic en Cerrar.
  8. En la cinta, haga clic en el botón Guardar.

Ha creado y compartido un sitio para la actualización del plan general de Springfield. Su sitio también se puede utilizar como plantilla para los sitios de otros departamentos de la ciudad o para cuando se produzca la próxima actualización. Al cambiar el nivel de uso compartido, puede compartir la plantilla con otras ciudades que deseen crear sitios similares. Su sitio, además de informativo, es interactivo, y ayudará a su departamento a reunir opiniones de la comunidad para planes posteriores.

Encontrará más tutoriales en la galería de tutoriales.