Gestor de Contenidos

Manual del Usuario

1

Gestor de Contenidos de Ayuntamiento

Acceso al Gestor

El acceso al Gestor de Contenidos se realiza a través de la página

http://www.emanises.es/empresarialAuthor

el usuario y password inicialmente son los mismo que el nombre de la empresa quesolicito.

2

Seguridad

Una vez ya hemos accedido al Gestor de Contenidos, tenemos a la izquierda tresbotones uno de ellos es Seguridad, al pulsar en él, se nos abrirá la opción Usuarios,donde encontraremos nuestro usuario y al pinchar encima de él se abrirá una ventanadonde podremos modificar la contraseña nuestra.

Cuando hayamos modificado la contraseña, simplemente tenemos que activar nuestrousuario.

3

Gestión de Documentos e Imágenes

Si deseamos subir al sitio Web documentos e imágenes sobre productos o serviciosde la empresa debemos seguir los siguientes pasos.

Gestión de Documentos

Desde este apartado o sección podremos “subir” a la Web aquellos documentos queconsideremos oportunos para que puedan ser visualizados por nuestros clientes y/oproveedores e incluso descargarlos.

Accederemos al apartado “Documentos” del Gestor de Contenidos, nosencontramos con la siguiente pantalla:

En este apartado guardaremos todos aquellos documentos eimágenes que queramos incorporar a la Web.

4

Importante!!! Es conveniente que todos los documentos e imágenes queincorporemos a estas carpetas estén previamente en formato pdf. Para elloutilizaremos un conversor de textos a PDF que debemos tener instalado previamenteen nuestro ordenador y debe ser visible en el panel de impresoras: por ejemplo el“PrimoPDF” o “Adobe Acrobat Professional”.

Guardaremos todos aquellos documentos que queramos incorporara la Web en formato pdf

Guardaremos todas aquellas imágenes que queramos incorporar a la Web enformato pdf o jpg.

5

¿Dónde conseguir estos programas? Alguno de ellos o similares puedes encontrarlosy descargarlos de manera gratuita desde Internet.

Ejemplo utilizando programa “PrimoPDF”?

En primer lugar crearemos una carpeta en nuestro ordenador a la que denominaremosCarpeta “Web” destinada a ubicar toda la información que deseemos “subir” al“Gestor de Contenidos”. Una vez tengamos seleccionado el documento quequeremos subir al gestor de contenidos, pincharemos sobre la opción:“Archivo/Imprimir”, seleccionando como impresora la opción de “PrimoPDF”.Este es un ejemplo:

Una vez seleccionada la opción “PrimoPDF” de la ventana “Impresoras”pulsaremos “Aceptar” y nos aparecerá esta pantalla. Antes de pulsar “OK” parainiciar la conversión del documento a formato pdf, comprobaremos en el apartado“Save” la ruta que aparece, para asegurarnos que guardamos el documento en lacarpeta “Web” de nuestro escritorio.

6

Almacenar “documentos” en el Gestor de Contenidos

Una vez tengamos el documento guardado el documento en formato pdf en la carpetaWEB del escritorio o en otra que hallamos definido, es hora de subir dicho documentoa la Web para ello realizaremos los siguientes pasos:

En primer lugar podemos crear tantas carpetas y subcarpetas como consideremosnecesario para la gestión correcta de nuestro espacio WEB teniendo en cuentaconceptos como el número de productos que queremos introducir, noticias, servicios…así como el idioma (Valenciano-Castellano) u otro.

Para crear una nueva carpeta debemos proceder de la siguiente manera.

Nos posicionaremos sobre la carpeta en la que deseemos crear una subcarpeta,presionaremos el botón derecho del ratón y aparecerá la pantalla que vemos en laimagen. Pincharemos New fólder y crearemos una subcarpeta.

7

A continuación debemos asignar un nombre a dicha carpeta tanto en el apartado Titlecomo en el apartado URL.

Al crear una carpeta nueva en el apartado Status podemos observar que el estado denuestra carpeta esta en rojo (recordad lo que explica el manual sobre este apartado)por lo que deberemos activar el nodo presionando sobre la flecha verde de la parteinferior para activar la carpeta.

Se pueden crear tantas carpetas como se considere oportuno para una correctaorganización del gestor de contenidos.

Tened en cuenta que cuando se entra de nuevo al apartado documentos nosencontraremos con la pantalla inicial con un signo + que implica que debemosdesplegar esta carpeta y así sucesivamente hasta encontrar la carpeta a la quequeremos subir nuestro documento.

8

Ejemplo:

Como ejemplo, vamos a introducir un nuevo documento en la subcarpeta de“Producto A”. Para ello:

1º.- Nos situamos sobre la subcarpeta “Producto A”2º.- Presionaremos sobre el botón derecho del ratón, el cual desplegará el cuadro dediálogo que aparece en la imagen siguiente.3º.- Elegiremos la opción “Nuevo documento”.

1º.- Iremos desplegando carpetas hasta llegar a la carpeta en la que nos interesaguardar nuestro documento.2º.- Nos situaremos con el ratón sobre la subcarpeta en la que queramos guardar eldocumento que queremos “subir” a la Web y presionaremos sobre el botónderecho.

9

Importante!!!: Es muy probable que al archivar el documento aparezca una pantallade error. Este error aparece en función del sistema operativo, de su versión y de otrosaspectos. En cualquier caso si nos aparece un mensaje como este presionaremos elbotón aceptar y a continuación el botón F5 para actualizar.

Al pulsar sobre la opción “Nuevo documento” se abrirá el cuadro de diálogo quevemos en la imagen anterior y a continuación debemos:1º.- En “Examinar” y a la carpeta de origen del documento que queremosguardar, es decir, buscarlo en la carpeta “Web” de nuestro escritorio.2º.- Una vez indicada la ruta para localizar el documento que queremos guardaren el Gestor de Contenidos cumplimentaremos los apartados “Asunto” y“Descripción” 3º.- Finalmente pulsar “Archivar” y ya tendremos el documento guardado.

10

Una vez hayamos guardado un documento en el Gestor de contenidoscomprobaremos que efectivamente figura en el listado de archivos que configura lasubcarpeta en la cual queríamos almacenarlo.

En esta pantalla podemos ver que, realizando los pasos anteriormente descritos,hemos almacenado en la subcarpeta “Producto A” del apartado “Documentos” delGestor de Contenidos un nuevo documento: “DOCUMENTO 1”, que a continuaciónincorporaremos a la web para hacer pública su existencia y que cualquier usuario/a denuestra página web pueda tener acceso al contenido.

11

A continuación debemos tener en cuenta:

1º.- El “Status” de cualquier documento de nueva incorporación aparecerá en rojo,señal de que no está activado y por lo tanto no puede ser pasado a la parte pública.2º.- Antes de realizar ninguna otra operación con este documento, deberemosactivarlo pulsando sobre el icono “Activar” que encontraremos al pie de la pantallaque tenemos abierta.3º.- Una vez activado el documento, veremos como su “Status” cambia y pasa aestar en verde. A partir de ese momento, ya podemos operar con este documento ytrasladarlo al lugar de la web donde queremos que aparezca en la parte pública.

12

Gestión de Imágenes

Desde este apartado o sección podremos “subir” a la Web aquellas imágenes quepreviamente hayamos subido a la carpeta de imágenes usando el mismoprocedimiento que para subir documentos.

Importante!!!: Para que la Web sea lo más ágil posible es conveniente que antes desubir cualquier imagen a la carpeta “Imagen” que le demos un tratamiento previo comoreducir el tamaño (no debe exceder de 300 Kb) y utilizar extensión jpg.

En algunos apartados simplemente deberemos “añadir” imagen para iniciar labúsqueda tal y como explicamos para los documentos, modificar o quitar una imagenpreviamente subida.

En otras ocasiones deberemos gestionar la imagen igual que lo hicimos para insertarla imagen del icono PDF para establecer un vínculo.En este caso debemos tened en cuenta el tamaño de la imagen para que no nosmodifique la configuración de la página.

13

Modificar la página web de la empresa

En esta sección será donde podemos modificar la página web, dicho de otro modo, loque el cliente verá cuando ponga nuestra dirección en el navegador, para poderacceder pincharemos en Sitio Web, previamente ya habremos guardado en la secciónDocumentos del Gestor de Contenidos cualquier documento o imagen quequeramos incorporar a la página web. Lo primero que encontramos al entrar en SitioWeb será una visión global de las páginas que tenemos en nuestra web:

Si apreciamos bien, vemos que hay varios archivos con signo “+”, esto significa queesto tienen a su vez dentro más archivos, y si té fijas bien además te das cuenta quelos archivos que encuentras en el primer nivel corresponden a todos los apartados quehay al entrar en la página, por lo tanto esto no solo nos sirve como repositorio dearchivos web, sino que además también es el menú que aparece en la portada; Siabriéramos el archivo productos, de él desplegaría otros archivos correspondientes acada uno de los productos que tenemos en nuestra web.

Una vez ya vista la jerarquía, veamos cada una de las opciones que aparecen en lapantalla:

• Página: Este es el nombre que se le pone al archivo, y es el que apareceen la URL del navegador, aquí no podemos poner ni acentos, ni espacios,ni signos extraños, pues no los acepta.

• Título: Este es el título que le ponemos a la página y que ademásaparecerá en nuestro menú, por lo que aquí si debemos poner los acentosy espacios que corresponden, es importante no poner un título demasiadolargo, solo algo representativo de lo que nos vamos a encontrar en elapartado.

14

• Estado: Aquí es donde nos dirá el estado de nuestra página, hay 3, verde,amarillo y rojo, como si fuese un semáforo, el verde significaría que estatodo bien, el amarillo significa que la página que tenemos en el servidorprivado tiene una modificación y es distinta a la que hay en el público y portanto tenemos que activarla, y en rojo significa que la página solo está en elservidor privado y no en el público

• Plantilla: Es el tipo de plantilla que la página utiliza.• Fecha de Modificación: Indica la fecha de la última modificación de ese

archivo.

Una vez visto esto, veamos cada una de las opciones que aparece cuando nosponemos encima de un archivo y picamos en él con el botón derecho:

• Abrir página: Esta opción lo que hace es abrir la página para que podamosmodificarla

• Nueva página: Crearía una página nueva, debajo justo de la que estamos,por ejemplo en la imagen anterior la crearía debajo de empresademo quenuestra principal y se convertiría en un apartado más de nuestra página.

• Eliminar página: Esta opción eliminaría la página tanto de nuestro servidorprivado como del público.

• Mover página: Mueve la página de orden, ya que el orden en el queaparece aquí es el orden del menú, por lo que sí quiero que un apartadoaparezca antes que otro, a página debe aparecer arriba de la otra.

• Copiar página: Esta opción copia la página y la deja donde le indiquemos.• Versiones: En esta opción es un historial de la página, de manera que si

nos hemos equivocado, al activar una página y vemos que esta mal hechapor alguna circunstancia, podemos recuperar la anterior activaciónrealizada.

15

• Activar página: Este es el último paso que hacemos para hacer quenuestra página sea visible en el servidor público.

• Activar página incluyendo..: Es lo mismo que el anterior apartado, peroademás si de esta página cuelgan otras, las activa todas sin necesidad de iruna por una.

• Desactivar página: Esta opción lo que hace es desactivar la página delservido público, pero no la elimina del privado, de manera que lapodemos tener ahí por si algún día deseo volver a activarla.

Una vez ya visto todas las opciones, veamos como modificar las páginas:

16

Portada

Esta es nuestra página principal, aquí es donde debemos incorporar todos los datosprincipales de nuestra empresa:

A primera vista hay muchos apartados a modificar, veamos los botones másimportantes que aparecen en esta página:

• Contactos: En este apartado tal y como aparece en la imagen pondremoslos datos de la empresa.

17

• Saludo: Aquí ponemos el saludo inicial que aparece en el centro de lapágina, tanto en castellano como en valenciano, además la pestaña Imagennos permite cambiar la imagen que aparece encima del saludo, si es que sequiere colocar alguna.

• Color: En este apartado podemos cambiar la estética a nuestra web,eligiendo el color que queremos (rojo, azul o verde) y que elegimos aldarnos de alta de este servicio.

• Info Pie: En este apartado podemos poner un texto que aparecerá en el piede la página debajo de los enlaces de Privacidad, Nota Legal y Acerca de.

• Características: Aquí podemos encontrar las características principales dela página.

18

Las pestañas castellano y valenciano son iguales, en ellas aparecen trescampos título principal, navegación y contenido, en un principio en lasección castellano no hay que hacer nada, pero si queremos que nuestrapágina este en valenciano, en la de valenciano es tendremos que poner eltítulo de esta sección en valenciano en los tres campos.En la pestaña características es donde pondremos la imagen del logo de laempresa que aparece arriba a la izquierda, esta se carga en el apartadoImagen de Cabecera, y en el campo Texto ALT cabecera, pondremos eltexto que deseamos que aparezca cuando pasemos el ratón por encima dela imagen.Enlazar a, es para crear un enlace, por si queremos que al pinchar en laimagen abra alguna página.Dentro de Activación, lo que encontramos son dos campos de fecha, por siqueremos que nuestra página no se pueda ver directamente al activar, sinoque sea visible para el visitante a partir de una fecha en concreto y ademástambién podemos decirle que a partir de la fecha fin desaparezca, ojo estoeliminaría la página, además también hay un check que pone no mostrar enel navegador, si activamos este check lo que le decimos es que esta páginano aparezca en el menú.

• Vista Previa: Al pinchar aquí nos muestra la página como quedara cuandola vea un visitante, es como una última comprobación antes de activarla.

Aparte de estos botones que aparecen en la parte superior, también podemosencontrar en la parte baja los botones:

• Nuevo Destacado: Este botón lo que hace es crear un nuevo destacadoaparte de los tres que aparecen y dentro de cada uno de ellos los botones:

• Editar, Mover y Eliminar, los dos últimos son bastante obvios lo quehacen, y editar abre una ventana que permite poner el texto que aparecedebajo de Destacado.

El caso de la Plantilla 2, los apartados destacados no aparecen, pero aparece unbotón de Nuevo contenido que básicamente es igual que Nuevo Destacado, creaapartados debajo, pero la diferencia es que aparece un editor distinto que másadelante explicaremos.

El resto de paginas son iguales para los dos tipos de plantillas, la únicadiferencia entre una y otra esta en la portada.

19

Empresa

En esta página definiríamos nuestra empresa, aquí a diferencia de la anterior página,solo tenemos un par de botones que definir estos son Introducción y la Edición delNuevo Contenido, el resto de botones son iguales, o simplemente ya no están.

Si pulsamos Introducción, aparece una ventana donde podemos poner el texto queaparece debajo del título verde que pone “Empresa”Y el botón Editar, editará el contenido de “Introducción a la Empresa”

En esta ventana aparecen varias pestañas, castellano y valenciano, donde pondremosla información que deseamos que aparezca y la pestaña Imagen que podemos ircolocando varias imágenes de un tamaño pequeño de nuestra empresa.

20

Productos

Esta es la página donde aparecen las categorías de los productos que nuestraempresa ofrece, básicamente es igual que las anteriores.

Lo único a destacar sería en el botón Editar de una categoría, pues aparece unapestaña nueva llamada enlace, esta pestaña lo que hace es enlazar el texto queponemos, con la página de esa categoría que ya previamente habremos creado enel Sitio Web.

21

Categoría

Aquí encontramos todos los productos de la categoría que hemos seleccionado, lapágina es muy parecida a la que hemos definido anteriormente de empresa, podemoscrear tantos productos como queramos y añadir tantas fotos en pequeñas a laderecha, como queramos.

Servicios

Esta sección es idéntica a la de Productos solo que en vez de hablar de productos,aquí lo que mostramos son servicios, la única diferencia es que además a la derechatenemos una sección de destacados, y que cada servicio se van encolando.

22

Noticias

En esta página colocaremos las noticias sobre nuestra empresa, en un principio solomuestra las 5 últimas noticias publicadas, pero si picamos en Mostrar todas, nosmuestra un listado con todas las noticias, siempre mostrará el título y el resumen de lanoticia, para ver la noticia al completo debemos pulsar sobre el título de esta.

Es este apartado lo único más interesante a comentar es que dentro del botónIntroducción nos permitirá colocar un texto de introducción como se ve en la imagen.

23

Formulario Contacto

Por medio de esta página el usuario podrá enviarle alguna sugerencia o duda quetenga sobre la web, evidentemente tendremos que configurarla antes, rellenando cadauno de los apartados que aparecen arriba a la derecha.

• Introducción: En este apartado podemos rellenar algún tipo de informaciónaclarativa que queramos poner debajo del título Formulario Contacto, comoaparece en la imagen

• Información contacto: En este apartado hay que rellenar una serie de datos paraque aparezcan en la pantalla y de esta manera aportéis al usuario másinformación, esta se coloca en la parte de abajo como podéis observar en laimagen.

• Propiedades e-mail: Esta opción es la más importante pues aquí es donde debéisponer el mail a donde queréis recibir la información del formulario, al abrir laventana de propiedades e-mail aparecen tres campos, Para, De, Asunto,evidentemente en para es donde debéis poner vuestro mail, De y Asunto esopcional en principio, aunque es aconsejable rellenar Asunto, para que al recibirlosepamos que es exactamente lo que recibimos.

24

Editor de Texto

En algunas opciones de la web aparece un editor de texto cuando vamos a introducirinformación, este tiene el siguiente aspecto:

Este editor nos permite hacer una página web, donde podemos colocar diversosobjetos como imágenes o enlaces a documentos pdf's de nuestro repositorio, o fuerade nuestra web e incluso hacer listados, colocar algún tipo de tabla para ordenarinformación o incluso formatear nuestro texto, ya sea alineándolo o colocando estilos aestas.Cada uno de los iconos que aparecen en la barra de herramientas, permite hacer loanteriormente comentado.

Veamos a continuación un ejemplo de cómo introducir una imagen, un texto yenlazarlos con un documento nuestro previamente subido al repositorio.

Escribimos el texto del documento que queremos que sea hipervínculo al documentopdf que tenemos guardado, a continuación nos colocamos delante del texto ypondremos una imagen característica del formato pdf (este paso es solo para sabercomo colocar una imagen, no es necesario que siempre que hagamos un enlace a undocumento lo hagamos así), para esto debemos pulsar en el botón amarillo, demanera que se nos abrirá otra ventana en la que nos pide la URL o dirección de laimagen, en nuestro caso como esta en nuestro repositorio pulsaremos en el botón VerServidor, que nos abrirá otra ventana con nuestro repositorio, donde buscaremos laimagen que necesitamos. Una vez encontrada Autorizamos, y nos devuelve a laventana anterior, con la URL ya rellenada, ahora solo queda poner el TextoAlternativo, este texto es una breve explicación de lo que aparece en la imagen y soloaparece cuando el ratón se pone encima, pero es necesario ponerlo, sobre todo enimágenes grandes, ya que es un requisito para cumplir la ley de Accesibilidad, cuandohayamos hecho todo lo anterior solo nos quedará alinear la imagen a la izquierda, estose encuentra un poco más abajo del Texto Alternativo, y después pulsamos OK

25

En la imagen siguiente podéis observar todos los pasos realizados:

Importante!!!: Para que la Web sea lo más ágil posible es conveniente que antes desubir cualquier imagen a la carpeta “Imagen” que le demos un tratamiento previo comoreducir el tamaño (no debe exceder de 300 Kb) y utilizar extensión jpg.

Una vez hecho este paso solo quedará enlazar el texto y la imagen con el documentoque tenemos en el repositorio, para conseguir hacer el hipervínculo, para ello picamosen el botón azul que hay en la barra de herramientas que aparece la bola del mundo.

Ahora los pasos serán parecidos a los anteriores, tenemos una pantalla en la que nospide la URL, y el botón Ver Servidor, como antes pulsamos el botón y nos abre otrapantalla en la que debemos buscar el documento en cuestión, si nos fijamos en estapantalla aparece un desplegable en la que podemos ver Documentos o Sitio web,esto es por si en vez de hacer un hipervínculo a un documento queremos hacerlo auna página web que tengamos en nuestro servidor elegiremos la opción Sitio web yaparecerá la estructura de nuestra web donde podemos elegir la página a la quedeseamos apuntar el enlace, como en este caso es un documento lo que necesitamos,elegimos la otra opción, buscamos el documento en cuestión y Autorizamos, ahora laURL se nos rellena, solo queda aceptar en esta pantalla y el enlace ya estarárealizado.

1

2 3

4

5

26

En la imagen siguiente podéis observar todos los pasos realizados:

Con esto ya habríamos acabado de hacer todo (el resto de elementos que aparecenson muy parecidos a la barra de herramientas del Word con lo que es muy intuitivoaveriguar cada uno de ellos lo que hace), solo nos queda ir a la pestañaCaracterísticas, en esta pestaña aparecen 3 campos importantes, Fecha Inicio, FinFecha, y un check de Publicar al Activar Página, expliquemos cada uno de ellos:

• Fecha inicio: Este campo es donde colocamos la fecha que queremos queesta información sea visible para el resto del mundo, es decir, imaginemosque tenemos un producto que saldrá dentro de una semana, y ahora quetengo un momento decido poner la información en la web pero noqueremos que aparezca en la web hasta dentro de una semana porque aunno lo tenemos, pues si ponemos la fecha de la semana que viene estoaunque lo publiquemos no aparecerá hasta la semana que viene.

• Fin Fecha: Este campo es justo lo contrario al anterior, ahora imaginemosque este producto anterior deja de venderse el mes que viene, con lo queya no lo tendremos y no queremos que aparezca en la página más, pero senos puede olvidar quitarlo, pues para que no ocurra esto, si ponemos aquíla fecha del mes que viene, esto automáticamente desaparecerá.

OJO: Hay que tener en cuenta que desaparece todo el párrafo, tanto de laparte pública como de la privada, así que una vez pase la fecha, no cabe laposibilidad de recuperarlo

1 3

2 4

27

• Publicar al Activar Página: Este check es muy importante, por normageneral siempre lo activaremos, pero cabe la posibilidad de no activarlo,que conseguimos con esto, pues es algo parecido al ejemplo anterior, si noactivara este check, al publicar la página este párrafo no aparecería en laparte pública, aunque si en la privada, de esta manera yo tendría el texto yasubido y pero el problema es que la semana que viene tendría que activareste check y publicar de nuevo para que los usuarios pudieran verlo, pornorma esta opción viene muy bien para hacer la segunda parte del ejemplo,si queremos que este producto deje de estar en la web, pero no queremosdeshacernos del párrafo porque en un futuro próximo puede que volvamosa tener el mismo producto, simplemente lo desactivamos y así no apareceráen la parte pública, pero sí en la privada.

Una vez acabado todo simplemente pulsaremos el botón Archivar y volveremos a lapantalla anterior donde veremos como ha quedado el párrafo.

28

Conclusión

Para finalizar ya una vez tengamos toda la web hecha solo queda activar nuestra webpara que en la parte pública se vea lo que hemos hecho, y así los usuarios finalespuedan ver nuestra página, pulsaremos el botón Administración Central que hay enla parte superior, y volveremos a la pantalla inicial donde aparece nuestra estructurade la web, podemos pulsar el botón Actualizar, para que actualice toda la web encaso de que no se hayan actualizado los estados, y observaremos que ahoraaparecen varios estado en amarillo, en el caso que antes hubieran estado en verde,son las página que hemos modificado, o en rojo si aun no las hemos publicado nunca.

Así pues solo queda activar todas las páginas que aparecen en amarillo o rojo quedeseamos que los usuarios vean, para actualizar la parte pública del servidor, para elloseleccionaremos las páginas y pulsaremos el botón Activar esta página, una a una ovarias a la vez con la opción Activar incluyendo...

Una vez hecho esto ya hemos acabado de actualizar nuestra web, solo cabe esperarque tengamos muchas visitas, suerte.