Manual de Usuario para Sitio Web

Hospital de Linares
Departamento de Informtica 01/01/2012

INDICE
1 2 Sitio Web Hospital de Linares...................................................................................................... 2 Funciones bsicas ........................................................................................................................ 2 2.1 2.2 Ingresar al panel de control ................................................................................................ 2 Crear una nueva noticia ...................................................................................................... 4 Ingresar contenido ...................................................................................................... 5 Insertar imagen o archivo ........................................................................................... 6 Editar imagen .............................................................................................................. 9 Categoras de Entradas.............................................................................................. 12

2.2.1 2.2.2 2.2.3 2.2.4 2.3

Administrar Entradas......................................................................................................... 13 Edicin de Entradas ................................................................................................... 14

2.3.1 2.4 3

Administrar Librera Multimedia ....................................................................................... 16

Gestin de Usuarios .................................................................................................................. 20 3.1 Editar Perfil ........................................................................................................................ 20

Estructura de la Pgina Web ..................................................................................................... 22

Sitio Web Hospital de Linares

El sitio web del Hospital de Linares fue desarrollado bajo la plataforma Wordpress, y siguiendo las directrices que entrega en sus normas grficas1. Gracias a estas, este sitio es dinmico y flexible, por lo cual se puede adecuar a las necesidades del Hospital. Wordpress es un sistema para la gestin de contenidos de sitios web, especialmente blogs (sitios web peridicamente actualizados) y su gran ventaja es la fcil publicacin y actualizacin del contenido y la sencillez para personalizar los sitios.

Funciones bsicas

A continuacin las funciones bsicas que nos proporciona Wordpress para poder personalizar el sitio con el contenido deseado.

2.1

Ingresar al panel de control

Para poder personalizar el sitio, se debe ingresar al panel de control, el cual nos proveer de las funcionalidades necesarias, por ejemplo, ingresar una nueva noticia o un nuevo archivo a la pgina web. Para poder acceder a este panel debe ingresar en la barra de direcciones del navegador web (Google Chrome, Mozilla Firefox, Internet Explorer, etc.), www.hospitaldelinares.cl , con esto se desplegara el sitio web, donde se deber descender hasta el final de la pgina y ubicar el link Panel de Control de la categora Panel de Administracin (ver Figura 1). Al hacer clic en este enlace se desplegara un formulario donde se debe ingresar un nombre de usuario y su contrasea respectiva, luego se debe hacer clic en el botn Acceder (ver Figura 2).

Manual de Marca Gobierno de Chile-2011 versin 2.0

Figura 1: Pgina de Inicio

Figura 2: Panel de Control Sitio Web

2.2

Crear una nueva noticia

Para aadir una nueva noticia se debe escoger la opcin aadir nueva entrada en el panel de administracin, esto se puede hacer de 3 formas distintas. La primera forma es posicionar el cursor en el botn Entradas que se encuentra en la barra izquierda y luego en el men desplegable hacer clic en Aadir nueva (ver Figura 3)

Figura 3

La segunda forma es hacer clic en el botn Entradas que se encuentra en la barra izquierda y luego hacer clic en el botn Aadir nueva que se despliega ms abajo (ver Figura 4).

Figura 4

La tercera forma es posicionar el cursor en el botn + Nuevo en la barra superior y luego en el men desplegable hacer clic en Entrada (ver Figura 5).

Figura 5

Luego de realizar una de estas 3 formas, se despliega un formulario donde se debe ingresar el Titulo y ms abajo el Contenido de la nueva Noticia.

2.2.1 Ingresar contenido

Para ingresar el contenido, se puede hacer a travs de un editor web con botones en una barra de herramientas en la parte superior, para la edicin y formato del texto similar a un procesador de texto como Microsoft Word. Tambin existe la posibilidad de ingresar, editar y formatear el contenido a travs de cdigo html, esta opcin es para los usuarios ms avanzados con conocimientos en desarrollo web (ver Figura 6).

Figura 6

Nota: Si el texto del contenido se desea copiar desde otro lugar (sitio web o desde Microsoft Word), se recomienda primero copiarlo al Bloc de Notas, para que pierda el formato, y luego copiarlo desde el Bloc de Notas a la entrada. De esta forma se mantiene el formato de texto establecido en el sitio

2.2.2 Insertar imagen o archivo

Para insertar una imagen o un archivo en la entrada, se debe hacer clic sobre la barra de herramientas, en el texto Subir/Insertar (ver Figura 6). Se desplegara una ventana donde se podrn aadir imgenes o archivos desde su computador (ver Figura 7). Para realizar esto se debe arrastrar el archivo hacia un recuadro (ver Figura 8) o hacer clic sobre el botn elegir archivos que esta al centro de este recuadro y escoger la imagen o archivo deseado.

Figura 7

Figura 8

Luego de seleccionar o arrastrar la imagen o archivo, se desplegar un formulario donde se debe ingresar el Titulo de la imagen (archivo). Si es una imagen se puede escoger la alineacin que tendr esta en la noticia (Ninguna, Izquierda, Centrada o Derecha). Adems se puede ingresar un texto alternativo, una leyenda y una descripcin de la imagen. Para finalizar debe presionar el botn Insertar en la entrada (ver Figura 9).

Figura 9

Nota: Para una buena visualizacin de las imgenes en el sitio web, se recomiendan que estas tengan una resolucin de 640 x 480 pixeles.

9 2.2.3 Editar imagen

Si luego de insertar una imagen, se desea cambiar algn dato, se pueden editar estos haciendo clic sobre la imagen; aparecern 2 botones sobre esta, uno para editar y otro para eliminar la foto de la entrada (ver Figura 10). Se debe hacer clic sobre el primer botn, con esto se desplegar una ventana con un formulario similar al utilizado para insertar una imagen, aqu se pueden cambiar los datos deseados de la imagen, y luego se debe hacer clic sobre el botn Actualizar para guardar los cambios (ver Figura 11).

Figura 10

10

Figura 11

Los usuarios con conocimientos ms avanzados de html, pueden utilizar las opciones avanzadas de edicin de imagen, para esto se debe hacer clic en la pestaa Ajustes Avanzados, con esto se desplegar un formulario con las opciones de edicin. Para guardar los cambios de edicin se debe hacer clic en el botn Actualizar (ver Figura 12).

11

Figura 12

Si desea eliminar una imagen de una noticia se debe hacer clic en el segundo botn, que aparece al hacer clic en la imagen (ver Figura 10).

12 2.2.4 Categoras de Entradas

Para tener organizado el sitio, es necesario utilizar las categoras de entradas, estas categoras estarn determinadas segn las necesidades del sitio web. Cada vez que se crea una nueva entrada, se debe elegir a que categora pertenece, si no se escoge ninguna, la publicacin quedar en la categora Sin Categora y no se podr ver en el sitio web. Para seleccionar una categora, al lado derecho se encuentra una ventana con ttulo Categoras, en la cual estar una lista con todas las categoras disponibles del sitio y al lado de cada una un checkbox, el cual se deber seleccionar si se desea asociar una publicacin a esa categora. Una nueva publicacin puede tener asociado ms de una categora (ver Figura 13). Al momento de ingresar una noticia debe seleccionar la categora Noticias, al ingresar una nueva capacitacin se debe ingresar la categora Capacitaciones, y as para todas las publicaciones de sitio.

Figura 13

A continuacin se presenta una tabla con las categoras de archivos disponibles en el sitio web.

13

Nombre de Categora
Noticias Cuentas Publicas

Descripcin
Categora que agrupa todas las noticias subidas al sitio web Categora que incluye todas las cuentas pblicas del Hospital de Linares Categora que incluye las capacitaciones disponibles en el Hospital de Linares

Capacitaciones Archivos de Prevencin de Riesgos Archivos de GES Archivos de Estadstica Archivos de Calidad

2.3

Administrar Entradas

Para administrar las entradas publicadas en el sitio, se debe hacer clic en el botn Entradas de la barra de men izquierda, lo cual mostrar en un listado todas las entradas que usted ha publicado en el sitio. Se puede hacer un primer filtro para ver todas las entradas, las entradas publicadas, las entradas privadas, las entradas en borrador o las entradas en la papelera. Para realizar esto se debe hacer clic en el texto correspondiente a cada uno de estos filtros en la parte superior (ver Figura 14). Un segundo filtro es para visualizar las entradas segn su mes de publicacin y/o por su categora. Para esto se deben escoger estos parmetros en 2 listas, la primera para la fecha de publicacin y la segunda para la categora y luego hacer clic en el botn Filtrar. Estas opciones se encuentran en la parte superior bajo los textos del primer filtro. Se puede cambiar el tipo de visualizacin de las entradas, de solo ver la lista, a ver la lista con el extracto de cada entrada y viceversa, para esto se debe hacer clic en los iconos ubicados bajo el campo de bsqueda. El primero es para ver la lista y el segundo es para ver la lista con el resumen de la publicacin.

14

Figura 14

2.3.1 Edicin de Entradas

Al posicionar el cursor sobre alguna entrada, se despliega un men con 4 opciones: Editar, Edicin Rpida, Papelera y Ver. Al hacer clic sobre Edicin Rpida, se despliega un formulario con la informacin de la entrada seleccionada, exceptuando su contenido. Luego de realizar las modificaciones, se debe hacer clic en el botn Actualizar para guardar los cambios (ver Figura 15).

Figura 15

15 Si se quiere modificar el contenido, se debe hacer clic en la opcin Editar. Aqu se desplegar una ventana similar a cuando se crea una nueva entrada, pero con la informacin de la entrada seleccionada. Luego de modificar lo deseado, se debe hacer clic en el botn Actualizar, para guardar los cambios (ver Figura 16).

Figura 16

Si se hace clic sobre la opcin Papelera, la entrada ser enviada a la papelera y no quedara publicada en el sitio. Estando en la papelera, la publicacin puede ser borrada definitivamente o ser restaurada. Al hacer clic en la opcin Ver, se mostrar el sitio con la entrada seleccionada. Si se desea editar varias entradas a la vez, se puede hacer haciendo clic en los checkbox que anteceden a cada entrada, y luego en la lista que dice Acciones en lote que se encuentra en la esquina superior izquierda, se debe seleccionar Editar, y luego hacer clic en el botn Aplicar. Con esto se desplegara un formulario con la informacin que puede ser editada en todas las entradas seleccionadas. Luego, para guardar los cambios, se debe hacer clic en el botn Actualizar (ver Figura 17).

16

Figura 17

Siguiendo las indicaciones anteriores, tambin se pueden enviar varias entradas a la papelera, para esto debemos seleccionar en la lista la opcin Mover a la Papelera y hacer clic en el botn Aplicar.

2.4

Administrar Librera Multimedia

Al hacer clic sobre la opcin Multimedia del men de la barra izquierda, se muestran todos los elementos de la librera, los cuales son todas las imgenes u otros tipos de archivos subidos al sitio. Esto mismo se ve si se posiciona el cursor sobre la opcin Multimedia de la barra izquierda y luego se hace clic sobre la opcin Librera Multimedia del men desplegable (ver Figura18).

Figura 18

17 En la lista de elementos, los filtros, la bsqueda y las acciones en lote funcionan igual que en la administracin de entradas (seccin 2.3 de este manual). Si se posiciona el cursor sobre un elemento, el men desplegable tiene 3 opciones: Editar, Borrar permanentemente y Ver (ver Figura 19). Al hacer clic sobre Borrar permanentemente, se elimina el archivo del sitio y al hacer clic en Ver, se muestra dentro del sitio, la imagen o el vnculo al archivo seleccionado.

Figura 19

Para editar un elemento, se debe hacer clic sobre Editar en el men desplegable. Al realizar esto se muestra un formulario con la informacin de la imagen o archivo, luego de hacer las modificaciones deseadas, se debe hacer clic en el botn Actualizar medio. Si el elemento a editar es una imagen, y se desean cambiar algunos aspectos ms avanzados, se debe hacer clic en el botn Editar Imagen (ver Figura 20).

18

Figura 20

Cuando seleccionamos editar la imagen, aparecen nuevas opciones para recortar, rotar, voltear y la imagen. Adems aparece un formulario para escalar y recortar la imagen. Luego de hacer las modificaciones, se debe presionar el botn Guardar para as almacenar las modificaciones realizadas (ver Figura 21).

19

Figura 21

20

3
3.1

Gestin de Usuarios
Editar Perfil

Wordpress entrega la posibilidad a los usuarios del sistema de editar los datos de su perfil. Entre los datos que pueden ser modificados se encuentran el Nombre y los Apellidos del usuario, su correo elctrico, su biografa y la contrasea de su cuenta. Para poder modificar estos datos, debe hacer clic en la opcin Perfil del men de la barra izquierda de la pantalla (ver Figura 22). Cuando el usuario presione en Perfil, se desplegar un formulario, con los datos de cuenta. Luego de modificar la informacin deseada, se debe hacer clic en el botn Actualizar Perfil para guardar los cambios (ver Figura 23).

Figura 22

21

Figura 23

22

Estructura de la Pgina Web

Cabecera

Informacin de Contacto

Men Superior

Ultimas noticias del Hospital Men Lateral

Ms noticias Banners Obligatorios Salud Sistemas de ayuda al usuario Encuestas Campaa Actual del Minsal Otras campaas del Minsal Men Inferior

Pie de Pagina