MANUAL DE USUARIO - ADMINISTRADOR DE CENTRO

GOBIERNO DEL PRINCIPADO DE ASTURIAS

Consejería de Economía y Empleo

D.G. de Tecnologías de la

Información y las Comunicaciones

CódigoProyecto, código alfanumérico del proyecto de 6 caracteres máximo

Dígito, dígito de identificación en caso de varios documentos

AAAA, año de creación

MM, mes de creación

DD, día de creación

Plantilla de Página web de centros educativos

MANUAL DE USUARIO - ADMINISTRADOR DE

CENTRO

GOBIERNO DEL PRINCIPADO DE

ASTURIAS

Consejería de Economía y empleo

Proyecto Plantilla de Página web de centros educativos

Página 2 de 102

Proceso Construcción

Documento MDU Manual de usuario – Administrador de centro

D. G. de Tecnologías de la Información y las Comunicaciones

14-018-MDU-AMINISTRADOR-DE-CENTRO-WEBS_CENTROS_EDUCATIVOS.docx

18/11/2015

ÍNDICE

1. INTRODUCCIÓN ............................................................................................................................... 4

1.1. Descripción de la aplicación ......................................................................................................... 4

1.2. Alcance de la aplicación ................................................................................................................ 4 1.3. Usuarios de la aplicación (roles) ................................................................................................... 7

1.4. Acceso a la aplicación ................................................................................................................... 7 1.4.1. Zona pública ........................................................................................................................... 7

1.4.2. Dockbar .................................................................................................................................. 8

1.4.3. Panel de control .................................................................................................................... 10

1.4.4. Cómo loguearte para acceder a la gestión y/o administración de los sitios ......................... 11

2. FUNCIONALIDADES ...................................................................................................................... 13 2.1. Gestionar sitio web base .............................................................................................................. 14

2.1.1. Modificar esquema de color, configurar enlaces de la cabecera y el pie y definir logo ...... 14

2.1.2. Gestión Portada 1 ................................................................................................................. 22

2.1.3. Gestión Portada 2 ................................................................................................................. 28

2.1.4. Gestión de Pagina Interior Listado ....................................................................................... 29

2.1.5. Gestión de Página Interior Detalle ....................................................................................... 33

2.2. Gestión de roles y usuarios .......................................................................................................... 35 2.2.1. Roles ..................................................................................................................................... 35

2.2.1.1. ¿Cómo asignar un usuario con un rol determinado? ..................................................... 37

2.2.2. Usuarios ................................................................................................................................ 40

2.2.3. Permisos ............................................................................................................................... 40

2.3. Gestión de páginas ...................................................................................................................... 42 2.3.1. Añadir una página ................................................................................................................ 44

2.3.2. Eliminar una página ............................................................................................................. 46

2.3.3. Disposición de página .......................................................................................................... 46

2.3.4. Editar página ........................................................................................................................ 52

2.3.5. Añadir imagen principal a página ........................................................................................ 53

2.4. Gestión de contenidos web .......................................................................................................... 57 2.4.1. Crear contenido web ............................................................................................................. 57


ASTURIAS



Página 3 de 102





18/11/2015

2.4.2. Modificar contenido web ..................................................................................................... 60

2.4.3. Tipos de contenidos web disponibles para los centros ......................................................... 61

2.4.3.1. Destacamos .................................................................................................................... 62

2.4.3.2. Enlaces .......................................................................................................................... 64

2.4.3.3. Carrusel ......................................................................................................................... 65

2.4.3.4. Horarios ......................................................................................................................... 66

2.4.3.5. Noticia ........................................................................................................................... 68

2.4.3.6. Imágenes o banners ....................................................................................................... 71

2.5. Gestión de documentos e imágenes ............................................................................................ 73

2.6. Gestión de categorías y etiquetas ................................................................................................ 77

2.6.1. Categorías ............................................................................................................................. 77

2.6.2. Etiquetas ............................................................................................................................... 80

2.6.3. Explotación de categorías y etiquetas .................................................................................. 82

2.7. Gestión de portlets ....................................................................................................................... 83 2.7.1. Añadir un portlet al portal .................................................................................................... 83

2.7.2. Quitar un portlet del portal ................................................................................................... 84

2.7.3. Configurar portlet ................................................................................................................. 85

2.7.4. Apariencia del portlet ........................................................................................................... 86

2.7.5. Principales portlets Liferay .................................................................................................. 86

2.7.5.1. Visor de contenido web ................................................................................................. 86

2.7.5.2. Publicador de contenido web ........................................................................................ 88

2.7.5.3. Visor de Documentos y Multimedia ............................................................................. 89

2.7.5.4. Galería Multimedia ....................................................................................................... 90

2.7.5.5. Portlet ‘portlets anidados’ ............................................................................................ 92

2.7.5.6. Portlet de navegación .................................................................................................... 92

2.7.5.7. Portlet RSS .................................................................................................................... 93

2.7.5.8. Portlet Mapa del Web .................................................................................................... 95

3. Tamaños de las imágenes ................................................................................................................... 95 4. Zona privada ..................................................................................................................................... 100


ASTURIAS



Página 4 de 102





18/11/2015

1. INTRODUCCIÓN

1.1. Descripción de la aplicación

Se ha desarrollado e implantado una plantilla de sitio web con el objetivo que desde Educastur se

pueda crear de forma sencilla la base de los diferentes sitios web de los diferentes centros educativos

de la red de Educastur que lo vayan requiriendo. Estos centros podrán ser gestionados a posteriori por

diferentes responsables de estos centros lo cuales, en función de los roles asignados, tendrán acceso a

unas gestiones y otras.

La solución creada está basada en las características técnicas y funcionales de la plataforma

corporativa de creación de Portales Liferay 6.1 y se conecta contra el metadirectorio del principado

para el acceso mediante los usuarios nominales del Principado.

1.2. Alcance de la aplicación

La solución tiene como alcance la posibilidad de crear diferentes sitios para los diferentes centros de la

red de Educastur.

Para este fin se ha creado una plantilla de sitio en Liferay de manera que los superadministradores

puedan crear estos sitios con una base mínima definida de una forma muy sencilla.

Con este objetivo se ha llevado a cabo el desarrollo de:

Una plantilla de sitio web denominada “Centro Educativo”

Dos plantillas de página:

o Plantilla para página intermedia o listado de contenidos

o Plantilla para página final o página de detalle

Cuatro layouts responsivos

o Layout de dos columnas (80% / 20%).

o Layout de dos columnas (25% / 75%).

o Layout de tres columnas (25% / 55% / 20%).

o Layout de tres columnas (35% / 40% / 25%).


ASTURIAS



Página 5 de 102





18/11/2015

.

Varias estructuras de contenido y plantillas para los diferentes tipos de contenido:

o Noticias

o Banner

o Redes sociales

o Enlaces

o Carrusel

o Horarios

o Destacamos

o Imágenes

o Enlaces cabecera

Creación de un tema responsivo con cuatro esquemas de color y posibilidades de

personalización de la cabecera (logo del centro y enlaces de interés) y del pie (enlaces de las

redes sociales y enlaces a páginas)


ASTURIAS



Página 6 de 102





18/11/2015

En cuanto a los esquemas de color, los cuatro disponibles son: azul, naranja, rosa y verde.


ASTURIAS



Página 7 de 102





18/11/2015

1.3. Usuarios de la aplicación (roles)

Nombre Descripción

Superadministrador El superadministrador podrá acceder a todas las funcionalidades

del sistema sin excepción

Superadministrador de centros

Son los usuarios que pueden acceder a Liferay y por tanto a los

sitios con todos los permisos necesarios para la configuración y

modificación de plantillas de sitio y plantillas de página así

como para la creación de los diferentes sitos de los centros

educativos.

Administrador centro

Son los usuarios que pueden acceder al Liferay para la

configuración de todas las páginas y contenidos de sus sitios

web. Solo podrán gestionar aquellos sitios web a los que se

hayan asignado.

Publicador centro

Son los usuarios que pueden acceder a los sitios web para

gestionar los diferentes contenidos y documentos e imágenes a

mostrar en el mismo. Solo podrán gestionar aquellos sitios web

a los que se hayan asignado.

1.4. Acceso a la aplicación

Los sitios web de los diferentes centros estarán divididos en dos zonas: zona pública y zona de

administración o panel de control.

1.4.1. Zona pública

La zona pública será accesible y visible para por todos los usuarios de la red. La página por defecto de

la zona pública de cada sitio y, por tanto, la primera que se muestra a los usuarios cuando introducen

en el navegador alojaweb.educastur.es/web/ nombre-del-sitio, es la página “Portada”.

http://www.alojaweb.educastur.es/%20nombre-del-sitio


ASTURIAS



Página 8 de 102





18/11/2015

Ilustración 1.1 Ejemplo de Portada

1.4.2. Dockbar

El dockbar es una barra de herramientas y menús que se muestran en la parte superior de cada página

en un portal de Liferay para cada usuario que se registra. Tiene la finalidad de hacer las operaciones de

administración más comunes de fácil acceso.

Ilustración 1.2 Dockbar

Las principales áreas de la dockbar son las siguientes:

"Añadir" del menú: Permite añadir nuevas páginas y portlets a la página actual. Es sólo visible si el

usuario tiene los permisos para hacer esas operaciones.


ASTURIAS



Página 9 de 102





18/11/2015

"Administrar" menú: Permite la gestión de la página actual y el sitio, así como ir al Panel de control.

Ocultar/mostrar controles: permite indicar si los controles para la gestión de la página se muestran o

se ocultan (para simular lo que un usuario no administrador va a ver).

"Ir a" Menú: Permite ir a las páginas de cualquiera de las comunidades u organizaciones que pertenece

el usuario, así como a sus / páginas privado o público, si él / ella tiene. Si no pertenece a ninguna

comunidad ni a ninguna organización no aparecerá esta opción.

Nombre de usuario: muestra el nombre del usuario actual y le permite salir (cerrar sesión) o ir a su

perfil.


ASTURIAS



Página 10 de 102





18/11/2015

1.4.3. Panel de control

Todas las funciones que necesita para mantener el portal o sus contenidos se pueden encontrar en el

panel de control. Para acceder al panel de control se debe de ir a la Opción Administrar Panel de control

del dockbar, previo registro.

Ilustración 1.3 Acceso a Panel de control

El panel de control presenta el siguiente aspecto:

Ilustración 1.4 Panel de control


ASTURIAS



Página 11 de 102





18/11/2015

En función de los permisos de cada usuario, en la columna de la izquierda se mostrarán más o menos

opciones.

El panel de control es muy fácil de navegar. En el lado izquierdo hay un menú o lista de secciones

organizadas por grupos desplegables. Los títulos están en orden alfabético, pero las funciones son en

un orden lógico.

Nombre de usuario: La primera sección es siempre la sesión en el espacio personal del usuario. Aquí,

puede cambiar su información de cuenta y gestionar sus páginas personales.

Nombre del sitio: Esta sección contiene enlaces a todos los contenidos de Liferay funciones de gestión.

Desde aquí se puede gestionar el contenido web, categorías, documentos, agenda, encuestas y más. El

título de esta sección aparece con el nombre del sitio que se está gestionado, y se puede cambiar a otro

en cualquier momento.

Educacentros: La sección de Educacentros permite a los administradores el mantenimiento y

configuración del portal. Aquí es donde se pueden añadir y editar los usuarios, sitios, roles y configurar

una serie de ajustes del portal.

Servidor: La sección Servidor contiene las funciones administrativas para

configurar instancias del portal, plugins, etc.

Para volver al Portal desde el Panel de control sólo hay que hacer clic en el enlace “Volver” situado en

el dockbar.

1.4.4. Cómo loguearte para acceder a la gestión y/o administración de los sitios

Para acceder a la administración del sitio, deberás loguearte indicando tu nombre de usuario y

contraseña corporativa a través de la siguiente url: http://alojaweb.educastur.es

Ilustración 1.5 Login

http://alojaweb.educastur.es/

http://alojaweb.educastur.es/


ASTURIAS



Página 12 de 102





18/11/2015

Para el acceso a la zona de administración o, también llamado panel de control, el usuario podrá

acceder desde la barra superior de herramientas, Opción Administrar Panel de control

Ilustración 1.6 Acceso a Panel de control

Para volver al Portal desde el Panel de control sólo hay que hacer clic en el enlace “Volver” situado en

el dockbar.


ASTURIAS



Página 13 de 102





18/11/2015

2. FUNCIONALIDADES

Los usuarios con rol ‘administrador de centro’ tienen la opción gestionar el/los centro/s sobre el que

han sido asignados.

Inicialmente un centro, creado previamente por personal de Educastur, tendrá una serie de páginas

mínimas con una serie de contenido de ejemplo que deberá ser modificado por los responsables de

cada centro.

La estructura de páginas inicial será la siguiente:

Portada El Centro

o Secretaría o Directorio de Profesores o Directorio AMPA o Servicios o Horarios y tutorías

Actualidad

Actividades o Actividades del centro o Actividades extraescolares o Proyectos o Publicaciones o Listado de blogs del centro o Oferta educativa

Recursos o Libros de texto o Documentos o Enlaces

Galería

Departamentos

Para el menú secundario del pie las páginas que se crean por defecto son las siguientes:

Mapa web pie o Condiciones de uso o Política de privacidad o Licenciamiento o Contacto o Mapa web


ASTURIAS



Página 14 de 102





18/11/2015

La estructura de páginas podrá ser modificada en base a los requisitos del centro, pudiendo añadir

nuevas páginas o modificar o eliminar alguna de las existentes.

En los siguientes apartados, se explica de una forma detalla las diferentes funcionalidades que ofrece el

sistema para poder personalizar y gestionar el sitio en base a las preferencias de cada centro.

2.1. Gestionar sitio web base

2.1.1. Modificar esquema de color, configurar enlaces de la cabecera y el pie y definir logo

1. Elegir el esquema de color y configurar la cabecera y el pie. Para realizar esto, tenemos que

ir a la sección de “Páginas del sitio web” del sitio que estamos configurando y hacer clic en el

enlace raíz de las páginas ‘Páginas públicas’.


ASTURIAS



Página 15 de 102





18/11/2015

Tras esto en la derecha se le mostrará una pantalla para configurar el esquema de color y las los

diferentes elementos personalizables de la cabecera y el pie.

Esquema de color: deberá seleccionar el esquema de color desea haciendo clic sobre la

imagen de color que desee en la parte denominada “Esquemas de colores (4)”

Imagen de fondo de la cabecera: si desea incluir una imagen de fondo en la cabecera,

deberá marcar el check “Imagen–de-fondo” e indicar el identificador del contenido web

donde se encuentra la imagen en el campo “articleid-imagen-cabecera”. Este contenido

tiene que haberse creado previamente para poder referenciarlo.


ASTURIAS



Página 16 de 102





18/11/2015

Para crear el contenido web con la imagen de fondo deberá primero subir la imagen a la

sección “Documentos y Multimedia” desde Panel de Control Documentos y

Multimedia Añadir Basic Document.

A continuación deberá ir al Panel de Control Contenido web del centro sobre el que se está

trabajando Añadir Contenido web básico.


ASTURIAS



Página 17 de 102





18/11/2015

Tras esto se deberá añadir la imagen a través del editor y tras finalizar se deberá

Publicar la noticia mediante el botón “Publicar”.


ASTURIAS



Página 18 de 102





18/11/2015

Una vez creado el contenido y asignado el identificador del mismo, si todo ha sido correcto la

cabecera nos quedaría de la siguiente manera:

Contenidos de la cabecera y el pie: aquí deberá establecer la relación entre la cabecera

y los contenidos a mostrar en los mismos. Para ello, deberá ir a buscar a la sección de

“Contenidos web”, los siguientes contenidos, los cuales se crean automáticamente al

crear la plantilla y deberá obtener el identificador para cumplimentarlo aquí.

o Enlaces cabecera Su identificador irá en el campo “articleid-redessociales-

cabecera”

o Enlaces pie Su identificador irá en el campo “articleid-menu-pie”

o Redes sociales pie Su identificador irá en el campo “articleid-redessociales-

pie”

Por tanto quedaría así.


ASTURIAS



Página 19 de 102





18/11/2015

Tras finalizar la configurar de los parámetros le deberemos de dar al botón “Guardar”

para que estos apliquen. Tras finalizar comprobar que los contenidos del pie y de la

cabecera se visualizan correctamente desde la zona pública.


ASTURIAS



Página 20 de 102





18/11/2015

Una vez que todo se visualiza correctamente ir a estos contenidos web de la cabecera y

el pie y editarlos para que los diferentes enlaces vayan a las direcciones correctas.

2. Configuración del logo: para configurar el logo hay que ir al Panel de control Páginas del

sitio web Páginas públicas (Botón) Páginas públicas (enlace) Logo (enlace en menú

lateral derecho)


ASTURIAS



Página 21 de 102





18/11/2015

Ilustración 2.1 Modificar Logo

Una vez aquí seleccionar el logo mediante el botón “Seleccionar archivo”, buscarlo en el sistema y

subirlo.

La opción “Mostrar nombre del sitio” deberá desmarcase como se aprecia en la imagen anterior.

Importante: el tamaño máximo del logo debe ser de 220x90 px. El logo de ejemplo es de Logo del

diseño: 81x90.

3. Decidir si en la home se incluye el visor de contenidos, encima de la sección de blogs y en el

caso de que se quiera, añadir el portlet “Visor de contenido web” y seleccionar el artículo con

título “Horarios”.


ASTURIAS



Página 22 de 102





18/11/2015

Ilustración 2.2 Sección Horarios de la Portada

2.1.2. Gestión Portada 1

Si se ha decidido que la portada a utilizar es la Portada de tipo 1 el sitio inicial creado vendrá con una

portada que tendrá el siguiente aspecto.


ASTURIAS



Página 23 de 102





18/11/2015

Lo primero que tendremos que decidir es si mantenemos la sección de Horarios. Se puede decidir

dejarla modificando el contenido existente, añadiendo un nuevo contenido totalmente diferente o

eliminarlo directamente. La sección del horario se muestra a través de un portlet ‘Visor de contenidos’

(ver sección 3.7 Gestión de portlets donde se indica cómo utilizar este portlet).

Ilustración 2.3 Sección Horarios de la Portada


ASTURIAS



Página 24 de 102





18/11/2015

Por otro lado, deberemos modificar el contenido del carrusel de imágenes. El contenido del carrusel se

muestra a través de un portlet ‘Visor de contenido web’.

Para ello se de ir al botón de editar contenido que está justo debajo del carrusel. Tras esto se

mostrará una pantalla que contiene el contenido web que se muestra en el carrusel.

El contenido web del carrusel, como se puede observar en la siguiente captura, está basado en la

estructura Carrusel (ver apartado 3.4.3.3).

Una vez aquí se deberán modificar los contenidos con los textos, enlaces e imágenes concretas y

añadir tantas slides como se quieran o eliminar alguna de las existentes con los botones añadir y

eliminar


ASTURIAS



Página 25 de 102





18/11/2015

Lo siguiente a configurar serían los canales RSS que se quieren mostrar en las sección de Blogs. Para

ello desde la Portada vamos a la sección de configuración del portlet de RSS que es el que muestra los


ASTURIAS



Página 26 de 102





18/11/2015

blogs. Para ello pinchamos en el icono de ajustes del portlet y luego vamos a la sección de

Configuración.

Tras esto te llevará a la siguiente pantalla.


ASTURIAS



Página 27 de 102





18/11/2015

En la sección de feeds se deberán indicar las URL de los RSS de los diferentes blogs. Con los botones

+ y – se podrán añadir y eliminar todos los feeds que se deseen. El resto de configuración se deberá de

dejar como se muestra en pantalla.

Por último sobre nos quedaría la sección de las noticias. Para mostrar esta se está utilizando el Portlet

‘Publicador de contenidos’.

La configuración que está realizada sobre este portlet, es que se están mostrando todos aquellos

contenidos web de tipo noticia. Si vamos al icono de ajustes del portlet y luego vamos a la sección

de Configuración podremos ver cómo está configurado.

Si se quisiese se podría modificar el orden en el que se muestran las imágenes, mostrar imágenes de

tipo noticia con alguna etiqueta o categoría concreta,…

Para añadir una nueva noticia solo habrá que ir al botón “Añadir nuevo Noticia”

Para ver el funcionamiento del portlet ‘Publicador de contenidos’ ir a la sección 3.7.5.2. Publicador de

contenido web 3.1.2. Gestión Portada 2.

Tener en cuenta que si se utilizan las etiquetas para el filtrado de la noticia para que luego se vean las

noticias que se quieran se tendrá que clasificar los contenidos desde la sección de clasificación del

detalle del contenido.


ASTURIAS



Página 28 de 102





18/11/2015

2.1.3. Gestión Portada 2

Si en vez de utilizar la portada 1, se ha utilizado la portada 2 el contenido de la misma se visualizará

inicialmente de la siguiente manera:

Está página está construida con los mismos tipos de portlets que la portada 1. En la columna de la

izquierda se muestran un portlet ‘publicador de contenidos’ que permite visualizar los contenidos web

de tipo noticia.


ASTURIAS



Página 29 de 102





18/11/2015

En la columna central, se muestran 2 portlets ‘visores de contenidos’, uno debajo de otro, lo cuales

permiten mostrar dos contenidos web con información destacada. En este caso, los dos contenidos web

mostrados están basados en una estructura de tipo “Destacado” (ver 3.4.3. Tipos de contenido web).

Por último, en la columna de la derecha, contamos con un portlet RSS, el cual permite visualizar las

entradas de los blogs que se deseen al igual que en la portada 1.

2.1.4. Gestión de Pagina Interior Listado

Las páginas interior listado están pensadas para páginas que quieren mostrar un listado de noticias de

cualquier tipo. Estas podrán presentar la siguiente apariencia.


ASTURIAS



Página 30 de 102





18/11/2015

En el ejemplo de la imagen está formado por los siguientes portlets:

En la columna de la Izquierda:

Portlet de navegación

Portlet visor de contenidos

En la columna central

Porlet publicador de contenidos con la siguiente configuración


ASTURIAS



Página 31 de 102





18/11/2015


ASTURIAS



Página 32 de 102





18/11/2015

En la columna de la derecha

Porlet visor de contenidos.

En la captura se puede ver como la página de listado contiene una imagen destacada justo debajo del

menú. Comentar que a cualquiera de las páginas del sitio se les podrá añadir una imagen destacada en

la página la cual se visualizará de la siguiente manera. Para ver como añadir esta imagen ir al apartado

‘3.35 Añadir imagen principal a página’

Ilustración 2.4 Imagen destacada de una página


ASTURIAS



Página 33 de 102





18/11/2015

2.1.5. Gestión de Página Interior Detalle

Este tipo de páginas están pensadas para páginas de contenido informativo como por ejemplo ‘El

Centro’ o ‘Secretaria’, para páginas de detalle de una noticia y para páginas como por ejemplo la que

muestra la galería o galerías de imágenes o para la que permite visualizar los documentos.

La página de detalle se visualizará de la siguiente manera:

En este caso, la columna de la izquierda está formada por un portlet visor de contenidos que muestra

un listado de enlaces a una serie de páginas.

En la columna de la derecha todo el contenido se muestra gracias a un portlet ‘Visor de contenido web’

que permite mostrar un contenido web basado en un una estructura de tipo Noticia.


ASTURIAS



Página 34 de 102





18/11/2015


ASTURIAS



Página 35 de 102





18/11/2015

Si se quiere mostrar una galería de imágenes o documentos habría que sustituir el portlet ‘Visor de

contenido web’ por el portlet ‘Galeria multimedia’ o ‘Visor de documentos y multimedia’

respectivamente (ver apartados ‘3.7.5.3 Visor de Documentos y Multimedia’ y apartado ‘3.7.5.4

Galería multimedia’).

2.2. Gestión de roles y usuarios

2.2.1. Roles

Los roles son grupos de usuarios que comparten una determinada función dentro del

portal, de acuerdo a un ámbito determinado. A los diferentes roles se les puede conceder permisos

sobre diversas funciones del Portal.

Los roles pueden aplicarse en tres ámbitos: portal, organización o comunidad.

Por defecto Liferay incluye varios roles que no pueden ser eliminados del Portal debido a que son

necesarios para el funcionamiento correcto del mismo. Estos roles son:

Roles de comunidad: Liferay Portal proporciona tres roles por defecto a nivel de comunidad

que no pueden ser eliminados o modificados.

o Community Owner: este rol se da automáticamente al creador de una comunidad y le

da un control total sobre la gestión de la comunidad, incluyendo la configuración y

gestión de contenidos web.

o Community Administrator: los usuarios con este rol pueden administrar la

comunidad, pero no puede asignar nuevos usuarios o editar uno ya existente. Se pueden

crear nuevos contenidos en los portlets de la comunidad, pero no pueden manejar el

contenido creado por otros.

o Community Member: es un rol que se le asigna automáticamente a los usuarios que se

asignan a una comunidad. No da ningún derecho especial por defecto, pero puede ser

editado por el administrador del portal para añadir privilegios que podría ser deseables

en ciertos casos.

Roles de organización: Liferay Portal proporciona tres roles por defecto a nivel de

organización que no pueden ser eliminados o modificados.

o Organization Owner: este rol se da automáticamente al creador de una organización y

le da un control total sobre la gestión de la misma.

o Organization Administrator: los usuarios con este rol pueden administrar la

organización, pero no puede asignar nuevos usuarios o editar uno ya existente.


ASTURIAS



Página 36 de 102





18/11/2015

o Organization Member: es un rol que se le asigna automáticamente a los usuarios que

se asignan a una organización. No da ningún derecho especial por defecto, pero puede

ser editado por el administrador del portal para añadir privilegios que podría ser

deseables en ciertos casos.

Roles de portal: Liferay Portal proporciona tres roles por defecto a nivel de portal que no

pueden ser eliminados o modificados.

o User: los usuarios autentificados pueden tener este rol.

o Power User: los usuarios con este rol pueden tener sus propiar páginas públicas y

privadas.

o Owner: Esta es una función implícita con respecto a los objetos creados por los

usuarios. El usuario que crea un contenido web, por ejemplo, es owner o propietario de

ese contenido.

o Guest: Los usuarios no identificados poseen siempre este rol.

o Administrator: este rol permite a los usuarios que lo tengan asignado acceder a todas

las funcionalidades del Portal. Este rol es el que tendrán los usuarios

“superadministradores” de Educacentros.

Para cubrir las necesidades en cuanto a roles para los centros educativos fue necesaria la creación de

diversos roles adicionales a nivel de portal.

Superadministrador de centro: Rol asociado a los usuarios de Educastur que pueden acceder

al Liferay a crear nuevos centros educativos y a asignar administradores de centros a los

mismos.

Administrador de centro: Rol asociado a los usuarios que pueden acceder a Liferay para la

configuración de todas las páginas y contenidos de sus sitios web.

Publicador de contenido: Rol asociado a los usuarios que pueden acceder a los sitios web

para gestionar los diferentes contenidos y documentos e imágenes a mostrar en el mismo.

Visor de plantillas de página: Rol que se tendrá que dar a aquellos usuarios (en principio solo

serían para los administradores de los centros) que se quiera que puedan crear páginas a partir

de plantillas de página.

Gestor de Portlets Básicos: Rol que se tendrá que dar a aquellos usuarios que se quiera que

gestionen los portlets básicos de Liferay pudiendo añadir estos a páginas, modificarlos de

posición o eliminarlos. Estos portlets básicos son:

o Portlet Camino de migas (migas de pan)

o Portlet Navegación

o Portlet Publicador de contenidos

o Portlet Visor de contenido web

http://www.e2000.es/group/control_panel/manage?p_p_id=128&p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view&doAsGroupId=10156&refererPlid=10159&_128_struts_action=%2Fenterprise_admin_roles%2Fedit_role&_128_redirect=http%3A%2F%2Fwww.e2000.es%2Fgroup%2Fcontrol_panel%2Fmanage%3Fp_p_id%3D128%26p_p_lifecycle%3D0%26p_p_state%3Dmaximized%26p_p_mode%3Dview%26doAsGroupId%3D10156%26refererPlid%3D10159%26_128_struts_action%3D%252Fenterprise_admin_roles%252Fview%26_128_tabs1%3Droles%26_128_tabs2%3D%26_128_tabs3%3D%26_128_cur%3D1%26_128_delta%3D20%26_128_keywords%3D%26_128_advancedSearch%3Dfalse%26_128_andOperator%3Dtrue%26_128_description%3D%26_128_name%3D%26_128_type%3D0%26_128_orderByCol%3Dname%26_128_orderByType%3Ddesc&_128_roleId=10141








ASTURIAS



Página 37 de 102





18/11/2015

Gestor de Agenda: Rol que se tendrá que dar a aquellos usuarios que se quiera que puedan

gestionar la agenda y los eventos de las misma.

2.2.1.1. ¿Cómo asignar un usuario con un rol determinado?

Para ello será necesario ir a Panel de control Elegir Centro Educativo sobre el que se va a trabajar

Administración de la Membresía del sitio web.

Una vez aquí se podrá observar desde la vista ‘Resumen’ los usuarios que están asignados al sitio web

o son miembros del mismo, con los roles que tienen asignados.

Para asignar un nuevo usuario como miembro se deberá de ir a la opción Buscar miembros Usuario.


ASTURIAS



Página 38 de 102





18/11/2015

´

Una vez aquí buscar el usuario que se quiere asignar y marcar el check. Cuando esté marcado

Tras esto, vamos a la pestaña de Ver Miembros Usuarios, buscamos el usuario que seleccionamos

anteriormente y sobre este vamos al menú de Acciones Asignar roles de usuario.


ASTURIAS



Página 39 de 102





18/11/2015

Esto nos redirigirá a la siguiente pantalla donde deberemos chequear los permisos que le queremos dar

al usuario para sitio web del centro educativo sobre el que estamos trabajando.

Tras seleccionar los roles darle al botón ‘Modificar asignaciones’.


ASTURIAS



Página 40 de 102





18/11/2015

2.2.2. Usuarios

Los usuarios representan a cada persona física para acceder a las zonas no públicas del portal. Estas

son las cuentas de usuario que usa la gente para entrar en el sistema.

Todo usuario posee un rol que determina lo que puede hacer dentro del portal. Podemos distinguir

entre usuarios ‘invitados’ y usuarios autenticados.

El ‘invitado’ (guest) es aquel que únicamente puede visualizar las páginas públicas del portal. En

principio, todo internauta es invitado.

El usuario autenticado, es aquel que se dio de alta en el portal. Posee usuario y clave de acceso y se le

pueden asignar privilegios (roles).

Los usuarios se pueden agrupar en Grupos de usuarios. Son colecciones de usuarios creados por el

administrador. Cada grupo tiene un determinado rol asignado.

2.2.3. Permisos

Liferay permite aplicar permisos a prácticamente todos los recursos del mismo. Estos permisos serán

asignados a los diferentes roles. Los permisos se podrán aplicar entre otros a los siguientes

componentes:

Portlets


ASTURIAS



Página 41 de 102





18/11/2015

Páginas

Usuarios

Foros de discusión

o Categorías

o Hilos de discusión

o Mensajes

Contenidos web

Plantillas

Estructuras

Categorías

Biblioteca de documentos

o Carpetas

o Subcarpetas

o Documentos (imágenes, pdf, Word,…)

Enlaces

o Carpetas

o Subcarpetas

o Enlaces

Roles

Destacar que si se da permiso a un rol concreto para realizar determinada tarea, por ejemplo, visualizar

todos los contenidos, luego no se podrá indicar dentro de este rol a un usuario que no pueda ver un

contenido concreto.

O por ejemplo si le damos permiso al rol asociado para que vea todos los portlets, si hay alguno luego

que no quiera ver, no se podrá especificar porque para todos los portlets en la opción ‘Ver’ el rol

asociado tendrá esa opción chequeada y no podrá ser modificada.


ASTURIAS



Página 42 de 102





18/11/2015

Por lo tanto, a la hora de dar permisos genéricos a los roles (en la gestión de roles del panel de

control), tener en cuenta esta premisa.

2.3. Gestión de páginas

Una página es un contenedor de portlets que pueden ser distribuidos por la misma en base a un layout

definido. Pueden ser públicas o privadas y se organizan de forma jerarquizada: existe una página padre

de la que dependen todas las demás. Cada página puede contener subpáginas.


ASTURIAS



Página 43 de 102





18/11/2015

La jerarquía de páginas es también la jerarquía de menús.

Hay dos formas de acceder a la interfaz para Gestionar páginas. Una de ellas es a través del dockbar en

la opción Administrar Página. Si se hace accede desde aquí, si estás en la zona pública sólo te

permitirá gestionar las páginas de la zona pública y, si estás en la zona privada sólo podrás gestionar

las de esta zona.

También se puede acceder a la gestión de páginas desde el Panel de control en la opción de menú

Páginas del sitio web del menú de la izquierda.

Ilustración 2.5 Panel de control: Gestión de páginas

Si sólo necesita agregar una página muy rápidamente, usted puede ir simplemente a Añadir → Página en

el dockbar, y una página se añadirá inmediatamente. A continuación, haga clic en la página en la barra

de navegación y comience a trabajar en ella inmediatamente.


ASTURIAS



Página 44 de 102





18/11/2015

2.3.1. Añadir una página

Si sólo necesita agregar una página muy rápidamente, puede ir simplemente a

Añadir Página en el dockbar, y una página se añadirá inmediatamente. Esta página será una página

principal. Esta opción no sirve para crear subpáginas.

La mejor forma de añadir una página es accediendo a la “Gestión de páginas”. Una vez aquí

seleccionas donde quieres crear la página en el listado de páginas e ir a la pestaña Subsecciones. Una vez

aquí aparecerá el formulario para la adición de una nueva página hija de la página seleccionada.

Ilustración 2.6: Añadir página

Una vez aquí deberá indicar los siguientes datos:

Nombre: nombre de la página

Plantilla: plantilla desde la que se va a crear la página. Existen una serie de plantillas de página

base de Liferay como son Blog, Content Display Page o Wiki que para el caso que nos ocupa

no deberán de ser utilizados.

Pero, existen otras dos plantillas, que nos pueden ser útiles a la hora de crear una nueva página.

Estas son la de Página Listado y Página contenido. Estas se corresponden con páginas de

ejemplo de Interior listado y páginas de ejemplo de interior detalle respectivamente.


ASTURIAS



Página 45 de 102





18/11/2015

Por tanto, si queremos tener una ayuda a la hora de crear una página, de manera que se nos cree

esta con una estructura base deberemos seleccionar una de estas plantillas de página.

Tipo: indica el tipo de página que quieres crear. Puede ser de tipo Portlets, Web insertada,

URL, Panel o enlace a página. Las páginas de Educacentros son de tipo portlets, URL o enlace

a página.

o Portlet: Este es el tipo original de diseño de apoyo y el valor por defecto al añadir una

nueva página. Permite a los usuarios poner los portlets en algunas zonas determinadas.

La mayoría de las páginas del Portal Educacentros son de este tipo.

o URL: Este tipo de página tiene la intención de añadir un enlace a un recurso externo

desde el menú del Portal. Aunque este tipo de páginas no muestran ningún contenido

propio.

Use esta opción si desea facilitar un enlace a otros sitios web en el menú de principal o

lateral del Portal. Tenga en cuenta que los usuarios dejan su sitio a través de este enlace.

o Enlace a la página: este tipo de página es una especialización en el caso anterior para

hacer enlaces a otras páginas del mismo Portal. Se ofrece una lista desplegable de

páginas disponibles para vincular.

Se usa cuando se quiere que una página que se encuentra en un punto en la jerarquía de

páginas que se puede acceder desde otro lugar también.

Oculto: indica si la página se muestra o no en el portal.

Copiar página padre: permite que la página padre sea exactamente igual a la página padre.

Esta funcionalidad es muy útil para ayudarnos a crear páginas que son similares entre sí.

Una vez creada la página se puede modificar el orden por el que se muestra arrastrando la página y

colocándola entre las páginas que se desee.


ASTURIAS



Página 46 de 102





18/11/2015

2.3.2. Eliminar una página

Para eliminar una página se ha de ir a la zona de “Gestión de páginas”, seleccionar la página que se

desea eliminar del listado de páginas y hacer clic en el botón Eliminar del formulario.

Ilustración 2.7: Eliminar página

2.3.3. Disposición de página

La disposición de una página o layout establece la forma en la que se organizarán los portlets dentro de

la misma.

Estos layouts conforman el cuerpo de su página, la gran superficie en la que arrastrar y soltar los

portlets para organizar las páginas.

Para establecer la disposición de una página hay que ir a ella a través del Portal y, una vez en ella ir al

dockbar a la opción Administrar Disposición de página.

Liferay viene con varios layouts por defecto y, a estos, se han añadido cuatro más para cubrir las

necesidades del Portal de Educacentros (2 Columns (80/20), 2 Columns (25/75), 3 Columns

(25/55/20) y 3 Columns (35/40/25)). Estos layouts adicionales son que se deberán utilizar para todas

las páginas que se creen para los sitios de los centros.


ASTURIAS



Página 47 de 102





18/11/2015

Ilustración 2.8 Layouts o disposiciones de página educacentros

Veamos algún ejemplo de uso de estos cuatro layouts:


ASTURIAS



Página 48 de 102





18/11/2015

2 Columns (80/20): Página Portada

Ilustración 2.9 Portal Educacentros: Ejemplo de uso layout 2 Columns (80/20)


ASTURIAS



Página 49 de 102





18/11/2015

2 Columns (25/75): Página Actividades

Ilustración 2.10 Portal Educacentros: Ejemplo de uso layout 2_Colums (25/75)


ASTURIAS



Página 50 de 102





18/11/2015

3 Columns (25/55/20): Página Actualidad

Ilustración 2.11: Portal Educacentros: Ejemplo de uso del layout 3 Columns (25/55/20)


ASTURIAS



Página 51 de 102





18/11/2015

3 Columns (35/40/25): Portada 2

Ilustración 2.12: Portal Educacentros: Ejemplo de uso del layout 3 Columns (35/40/25)


ASTURIAS



Página 52 de 102





18/11/2015

Ilustración 2.13 Portal Educacentros: Ejemplo de uso del layout 3 Columns (35/40/25)

2.3.4. Editar página

Desde cualquier página del portal seleccione Administrar → Página de la dockbar. Esta pantalla debe

ser familiar para usted, pero todavía no hemos mirado todas sus opciones.

La ficha de página le permite:

Cambiar el nombre de la página

Introducir el código HTML para el título

Modificar el tipo de página

Ocultar la página para que no se muestre en el Portal

Definir una URL amigable


ASTURIAS



Página 53 de 102





18/11/2015

Ilustración 2.14 Portal Educacentros: Editar página

2.3.5. Añadir imagen principal a página

A cada página de un sitio web tendrá la opción de añadírsele una imagen destacada en la página la cual

se visualizará de la siguiente manera.

Ilustración 2.15 Imagen destacada de una página

Para ello ir a la zona pública a la página concreta sobre la que se quiere añadir la imagen. Una vez en

ella ira al Dockbar Administrar Página.


ASTURIAS



Página 54 de 102





18/11/2015

A continuación ir al menú de la derecha a la opción Campos personalizados y activar la opción

“Imagen contenido” poniéndole el valor ‘Si’. Tras esto darle al botón Guardar y cerrar el popup.


ASTURIAS



Página 55 de 102





18/11/2015

Verá que se le ha añadido un nuevo portlet Visor de contenido web en la página.

Para incluir la imagen le damos al botón añadir nuevo contenido web e indicamos el título y el

contenido en el cual incluiremos la imagen.


ASTURIAS



Página 56 de 102





18/11/2015

Hacemos clic en el botón “Publicar” y observaremos que la imagen ya se visualiza de forma correcta.


ASTURIAS



Página 57 de 102





18/11/2015

2.4. Gestión de contenidos web

Contenido es toda información que puede mostrarse en un portal web.

2.4.1. Crear contenido web

Existen dos caminos para poder ir al formulario de creación de un contenido web. Una de ellas es

desde los portlet ‘Visor de contenido web’ y ‘Publicador de contenido web’.

Desde el portlet ‘Publicador de contenido web’ se accederá a la creación de un contenido web

haciendo clic en Añadir nuevo Contenido web.


ASTURIAS



Página 58 de 102





18/11/2015

Desde el portlet ‘Visor de contenido web’ se accederá a la creación de un contenido web haciendo clic

en el icono Añadir contenido web desde la barra de herramientas inferior del portlet.

La otra forma de acceder al formulario de creación de un contenido web es yendo a Panel de control

Contenido web Seleccionar el tipo de contenido a añadir (Ej: banner, noticia,…).

A la hora de crear un contenido web existirán una serie de campos que serán comunes a todos y otros

que serán específicos en función del tipo de contenido a crear.

Campos comunes a destacar:

Nombre: Nombre del contenido web.

Categorías: la categoría es otra forma de categorizar más concretamente los diferentes

contenidos web. Puede categorizarse un contenido desde la pestaña Clasificación.

Etiquetas: sirven para etiquetar los contenidos web. Puede etiquetarse un contenido desde la

pestaña Clasificación.

Fecha de publicación: fecha de publicación del contenido. Configurable desde la pestaña de

Planificación temporal.

Fecha de expiración: fecha de expiración en la que se dejará de mostrar el contenido.

No expira automáticamente: indica si el contenido expirará o no automáticamente.


ASTURIAS



Página 59 de 102





18/11/2015

Ilustración 2.16 Portal Educacentros: Crear contenido web

Destacar que sólo se pueden visualizar en el portal los contenidos aprobados. Expirar un contenido,

desde la opción de Planificación temporal, en una fecha concreta des-publica el contenido y Eliminar

lo borra definitivamente.

También se puede decidir la fecha y hora exactas en que se publicará o expirará un contenido.

En general, para que un contenido pueda visualizarse en el portal deben cumplirse tres requisitos:

Que el contenido esté publicado.

Que existan permisos suficientes para los usuarios.

Que se inserte un portlet Visor De Contenido en una página para poder visualizarlo.


ASTURIAS



Página 60 de 102





18/11/2015

2.4.2. Modificar contenido web

Existen varias formas de modificar un contenido web:

A través del portlet ‘Publicador de contenidos web’ desde el botón Editar de cada contenido.

A través del portlet ‘Visor de contenido web’ desde el icono editar contenido de la barra

inferior del portlet.


ASTURIAS



Página 61 de 102





18/11/2015

A través del Panel de control Contenidos web Contenido concreto Acciones Editar.

Es importante saber que cada vez que se modifica un contenido web se crea una nueva versión del

mismo.

2.4.3. Tipos de contenidos web disponibles para los centros

Los centros educativos podrán crear contenidos de los siguientes tipos con estructuras personalizadas:

Destacamos

Enlaces

Carrusel

Horarios


ASTURIAS



Página 62 de 102





18/11/2015

Noticia

Imágenes

De modo general cabe considerar que:

Los campos con símbolo son campos repetibles. Al pulsar sobre dicho botón, el bloque al

que está asociado se replicará pudiendo añadir otro elemento similar dentro del contenido web.

Los campos relativos a enlaces deberán tener por valor una url válida, del tipo

http://www.educastur.es

Los campos de tipo imagen requieren que dichas imágenes hayan sido subidas previamente a la

galería de documentos y multimedia (ver apartado Gestión de documentos e imágenes).

2.4.3.1. Destacamos

Permite crear un bloque de contenido destacado mostrando una imagen y una descripción. Consta de

los campos que a continuación se indican.

http://www.educastur.es/


ASTURIAS



Página 63 de 102





18/11/2015

Titulo (requerido): es el propio título del contenido web.

Campos concreto de cada Item del carrusel (repetible)

titulo: es el título del destacado que se muestra en justo debajo de la imagen.

descripcion: es la parte de contenido textual que se muestra debajo del título.

imagen: imagen que se muestra encima del título. Proviene de la sección de Documentos y

multimedia. Esta imagen debe tener formato .jpg y contar con las siguientes proporciones: 394

x 167px

o nombreimagen: nombre necesario por accesibilidad. Este nombre es para incluir en la

propiedad ‘alt’ de la imagen.

Ejemplo de contenido de tipo Destacamos:


ASTURIAS



Página 64 de 102





18/11/2015

2.4.3.2. Enlaces

Tipo de contenido destinado a mostrar listados de enlaces. Consta de los siguientes campos:


Campos concreto de cada Item o enlace (repetible)

Ítem: nombre simbólico que se le quiere dar al enlace. Ejemplo: enlace 1, enlace 2,…

o Enlace: url del enlace. Tiene que empezar por http:// o https://

o Nombre: nombre del enlace que se muestra al usuario en pantalla. En el ejemplo

siguiente sería por ejemplo el texto ‘Educastur’

Ejemplo de contenido de tipo Enlaces:


ASTURIAS



Página 65 de 102





18/11/2015

2.4.3.3. Carrusel

Tipo de contenido utilizado para crear galerías de imágenes dinámicas. Consta de los siguientes

campos:


Campos concreto de cada Item o slide (repetible)


ASTURIAS



Página 66 de 102





18/11/2015

Item: nombre simbólico que se le quiere dar al ítem del carrusel. Ejemplo: slide 1, slide 2, slide

3,…

o imagen: es la imagen del slide. Proviene de la sección de Documentos y Multimedia

del panel de control. La imagen del slide debe de ser en formato .jpg y ha de tener las

siguientes proporciones: 820 x 275px

o titulo: título del slide. En el ejemplo sería “Salida extraescolar Cangas de Narcea y

Covadonga”

o descripcion: descripción del slide. En el ejemplo sería “Lorem Ipsum es simplemente

el texto de relleno de las imprentas y archivos de texto”.

o enlace: url de la página a la que se quiere ir al hacer clic en el texto “Seguir leyendo”.

La url tiene que empezar por http:// o https://

Ejemplo de contenido de tipo Carrusel:

2.4.3.4. Horarios

Tipo de contenido utilizado para crear listados de horarios en los que se incluye uno o varios bloques

de rango horario y descripción. Consta de los siguientes campos:


ASTURIAS



Página 67 de 102





18/11/2015


Campos concreto de cada Item u horario (repetible)

Item: nombre simbólico que se le quiere dar al ítem del horario. Ejemplo: horario 1, horario 2

o horario secretaria, horario AMPA.

o titulo: título del horario. En el ejemplo sería “Secretaría” o “AMPA”

o contenido: contenido del horario. En el ejemplo sería “Mañanas de 10:00 a 13:00

Tardes: de 17:00 a 19:00”. Para el salto de línea entre las mañana y las tardes se deberá

introducir un elemento html <br/>.

Ejemplo de contenido de tipo Horarios:


ASTURIAS



Página 68 de 102





18/11/2015

2.4.3.5. Noticia

Tipo de contenido destinado a la creación de noticias del centro educativo. Consta de los siguientes

campos:


ASTURIAS



Página 69 de 102





18/11/2015


Campos concreto de cada Item o noticia

titulo: título del contenido. En el ejemplo “Premio a la excelencia educativa”


ASTURIAS



Página 70 de 102





18/11/2015

imagen: es la imagen principal de la noticia. Proviene de la sección de Documentos y

Multimedia del panel de control.

o nombreimagen: nombre necesario por accesibilidad. Este nombre es para incluir en la

propiedad ‘alt’ de la imagen.

descripcion: texto que se muestra en negrita justo debajo de la imagen.

contenido: contenido detallado de la noticia.

nombrearchivo: campo repetible. Aquí se incluirá el nombre simbólico del enlace. Por

ejemplo archivo 1, archivo 2,…

o tipo: desplegable que permite indicar si vamos a mostrar un documento o un enlace.

o enlace: url del documento o url de la página a enlazar. En el caso de que sea un

documento la url la tenemos que coger de la página de detalle del archivo desde el panel

de control.

Ejemplo de contenido de tipo Noticia:


ASTURIAS



Página 71 de 102





18/11/2015

2.4.3.6. Imágenes o banners

Tipo de contenido destinado a la creación de listados de imágenes o banners con un enlace asociado a

cada una de ellas. Consta de los siguientes campos:


ASTURIAS



Página 72 de 102





18/11/2015


Campos concreto de cada Item o imagen

Item: nombre simbólico que se le quiere dar al ítem de la imagen. Ejemplo: imagen 1, imagen

2,..

o titulo: título de la imagen a mostrar en el banner. En el ejemplo sería “información

matrícula”, “calendario evaluaciones”, “viaje de estudios 2015”.

o enlace: url del enlace. La url tiene que empezar por http:// o https://

o imagen: es la imagen principal del banner. Proviene de la sección de Documentos y

Multimedia del panel de control. La imagen deberá de ser en formato .jpg y deberá

tener las siguientes dimensiones: 165 x 117px

nombreimagen: nombre necesario por accesibilidad. Este nombre es para

incluir en la propiedad ‘alt’ de la imagen

Ejemplo de contenido de tipo Imágenes:


ASTURIAS



Página 73 de 102





18/11/2015

2.5. Gestión de documentos e imágenes

Cada sitio web creado asociado a cada centro permite el almacenamiento y gestión de documentos en

imágenes que posteriormente podrán ser utilizadas para el enriquecimiento de los contenidos web

creados. Las imágenes y documentos a incluir dentro de contenidos web, han de ser creados en el

repositorio documental de manera previa a su utilización. Para ello, un usuario perteneciente a

cualquiera de los roles disponibles en el portal, superadministrador de centros, administrador de sitio

web o publicador de sitio web, podrá acceder desde el panel de control a la sección “Documentos y

Multimedia”.

Dentro de esta sección el usuario podrá almacenar dentro de una organización jerárquica de carpetas

aquellos documentos e imágenes que desee. Para llevar el control de dicha organización de carpetas el

usuario podrá crear, eliminar y editar las carpetas existentes.

Para ello desde dicha sección podrá, pulsando el botón AñadirCarpeta, crear una nueva carpeta.


ASTURIAS



Página 74 de 102





18/11/2015

Para cada una de las carpetas existentes en el repositorio documental, el usuario podrá editar sus

propiedades, así como moverla de una localización a otra.


ASTURIAS



Página 75 de 102





18/11/2015

Una vez creada la estructura de carpetas deseada, el usuario podrá añadir a cada carpeta tantos

documentos e imágenes como desee. Para ello, el proceso es idéntico si el usuario desea subir al

repositorio una imagen o un documento. Para esta acción los pasos a seguir son:

1. Navegar por la estructura de carpetas creada hasta situarse en la carpeta en la cual deseamos

subir la imagen o el documento.

2. Desde esa carpeta pulsar el botón “AñadirBasic Document”


ASTURIAS



Página 76 de 102





18/11/2015

3. En la pantalla de subida del documento o imagen, seleccionar del ordenador local el documento

o imagen a subir, indicar un título y una descripción para el mismo y aplicar la clasificación

deseada mediante etiquetas o categorías.

4. Una vez realizados los pasos anteriores, el documento o imagen ya estará disponible para ser

utilizados desde los contenidos web que se desee o desde los portlets visores de imágenes o

documentos que hayan sido utilizados en el site.


ASTURIAS



Página 77 de 102





18/11/2015

2.6. Gestión de categorías y etiquetas

En lo relativo a la clasificación de elementos de los distintos elementos del portal, contenidos web,

eventos, documentos e imágenes, Liferay nos permite la asociación de etiquetas y categorías a cada

uno de ellos.

Ambas clasificaciones pueden ser realizadas por los perfiles de usuario administrador de sitio y

publicador de sitio.

Nótese que los conceptos de categoría y etiqueta responden a distintas necesidades dentro del ámbito

de la operación del portal. Para distinguir la necesidad de uso de uno u otro elemento en cada caso, a

continuación procederemos a comentar las particularidades de cada uno.

2.6.1. Categorías

Las categorías son elementos del portal que permiten la creación de una taxonomía mediante la cual

aplicar la clasificación necesaria en cada momento siguiendo una serie de parámetros. Las categorías

son elementos con las siguientes características:

Se organizan en vocabularios de categorías.

Son organizaciones jerárquicas de elementos, permitiendo crear grupos de categorías y

subcategorías.

Han de ser creadas de manera previa a la asignación de las mismas a un elemento del portal.

En base a lo anterior, los pasos para la creación y uso de categorías dentro del ámbito del portal son:

1. Creación de un vocabulario de categorías. Para tal fin, desde el panel de control el usuario

accederá a la sección “Categorías” y dentro de esta pulsando “Añadir vocabulario”. Mediante

esta acción el usuario podrá crear un nuevo vocabulario de categorías simplemente con

introducir el nombre que desee para el vocabulario, que deberá ser identificativo del grupo de

categorías que albergará.


ASTURIAS



Página 78 de 102





18/11/2015

2. Creación de una o varias categorías dentro del vocabulario anterior. Una vez creado el

anterior vocabulario, lo seleccionaremos y con él seleccionado mediante el botón “Añadir

categoría” el usuario podrá rellenar tanto el nombre como la descripción de la nueva categoría.


ASTURIAS



Página 79 de 102





18/11/2015

3. Durante la creación o edición de un contenido, evento, imagen o documento, asociar la

categoría al elemento en cuestión. Desde la pantalla de edición de un contenido, evento,

imagen o documento, si vamos a la pestaña “Clasificación” podremos seleccionar del

vocabulario que deseemos aquellas categorías que queramos asociar al elemento tratado.


ASTURIAS



Página 80 de 102





18/11/2015

2.6.2. Etiquetas

Las etiquetas permiten la clasificación de elementos del portal a través del concepto de folksonomía, el

cual responde a una clasificación desestructurada, dinámica y no jerarquizada. La creación y

asociación de etiquetas a elementos del portal se basa en las siguientes características:

Son conjuntos de elementos sin organización jerárquica ni relación entre unos y otros.

Las etiquetas pueden ser creadas antes o durante la clasificación de los contenidos, eventos,

imágenes o documentos.

Los pasos para la creación y uso de etiquetas dentro del ámbito del portal son:

1. Creación de la etiqueta. La etiqueta puede ser creada previamente a su utilización, desde el

gestor de etiquetas. Para ello, desde el panel de control, situado en la sección “Etiquetas“ el

usuario pulsando el botón “Añadir etiqueta” podrá introducir el nombre de la nueva etiqueta a

crear.

Otra alternativa para la creación de las etiquetas consiste en la creación de estas desde la propia

gestión del alta de elemento a etiqueta. En este sentido, desde la pantalla de creación o edición de

un contenido web, evento, imagen o documento, pulsando en la pestaña clasificación, el usuario

puede escribir en la sección de “Etiquetas” el nombre de la nueva etiqueta que desea crear y

asociar al elemento y dicha etiqueta en un solo paso será creada y asociada al elemento.


ASTURIAS



Página 81 de 102





18/11/2015

Del mismo modo, desde la pantalla anterior puede seleccionarse una etiqueta creada previamente.


ASTURIAS



Página 82 de 102





18/11/2015

2.6.3. Explotación de categorías y etiquetas

Ambos elementos, categorías y etiquetas pueden una vez creadas y asociadas a diversos contenidos,

eventos, imágenes o documentos explotarse enriqueciendo la información mostrada por el portal y

creando medios de publicación de contenidos en base a las agrupaciones creadas.

El primero de los medios en el cual se reflejan las categorías y etiquetas creadas es el buscador del

sitio web. Dicho buscador mostrará todas las categorías y etiquetas asociadas a los resultados de

búsqueda encontrados, permitiendo filtrar aquellos grupos de elementos que estén asociados a una de

esas categorías o etiquetas.

Otro medio para la explotación de categorías y etiquetas consiste en la configuración del portlet

publicador de contenidos para mostrar contenidos relacionados con alguna de las categorías o etiquetas

existentes (Véase apartado “Publicador de contenido web”).


ASTURIAS



Página 83 de 102





18/11/2015

2.7. Gestión de portlets

Los portlets son componentes modulares de las interfaces de usuario gestionadas y visualizadas en un

portal web. Los portlets producen fragmentos de código de marcado que se agregan en una página de

un portal. Típicamente, siguiendo la metáfora de escritorio, una página de un portal se visualiza como

una colección de ventanas de portlet que no se solapan, donde cada una de estas muestra un portlet.

Por lo tanto un portlet (o colección de portlets) se asemeja a una aplicación web que está hospedada en

un portal.

2.7.1. Añadir un portlet al portal

Para añadir un portlet al Portal deberá situarse en la página en la que lo desea añadir y, una vez allí,

deberá ir al dockbar a la opción Añadir Más…

Una vez aquí deberá seleccionar el portlet que desea insertar en el Portal y pulsar en el botón Añadir o

hacer clic en el nombre del portlet y arrastrar hasta la localización deseada.


ASTURIAS



Página 84 de 102





18/11/2015

Ilustración 2.17 Portlets disponibles

Importante: cuando se añada un nuevo portlet será necesario inmediatamente después ir a la

Apariencia del mismo e indicar que no muestren los bordes con la propiedad “Mostrar bordes = No”.

En el punto 3.7.4. Apariencia del portlet se puede como ir al formulario donde se puede modificar esta

propiedad.

2.7.2. Quitar un portlet del portal

Para eliminar un portlet del portal deberá ir a la barra de herramientas superior del mismo y hacer clic

en la aspa.


ASTURIAS



Página 85 de 102





18/11/2015

2.7.3. Configurar portlet

A la pantalla de configuración de los portlets se accede a través de la barra de herramientas superior,

desde el icono de la llave , y luego yendo a la opción de configuración. Aquí se podrán

establecer una serie de características concretas del portlet y los permisos, entre otras cosas.

Por otro lado, en algunos casos nos puede resultar conveniente visualizar el título del portlet. Veáse

algunos ejemplos:

En estos casos, la apariencia del portlet (en la pestaña configuración del portlet) debe de quedar de la

siguiente manera. Tener en cuenta que en la zona ‘Título del portlet’ ha de indicarse el título a mostrar

en los usuarios como se puede ver en los ejemplos anteriores.


ASTURIAS



Página 86 de 102





18/11/2015

2.7.4. Apariencia del portlet

La apariencia del portlet se podrá modificar desde la barra de herramientas superior, desde el icono de

la llave , y luego yendo a la opción de apariencia. Aquí se podrá cambiar el nombre del portlet,

quitar los bordes y aplicar estilos definidos en el tema a través de nombres de css e incluso, introducir

código css para aplicar cambios más concretos de visualización que se requieran y que no estén

contemplados en el tema.

Ilustración 2.18 Apariencia de un portlet

2.7.5. Principales portlets Liferay

A continuación se describen los principales portlets de Liferay utilizados para los sitios de los centros

educativos.

2.7.5.1. Visor de contenido web

La publicación de los contenidos web en el Portal se puede a través del portlet ‘Publicador de

contenido web’ o mediante el portlet ‘Visor de Contenido Web’. En este apartado trataremos este

último.

Para añadir el portlet, en primer lugar, tendrá que añadir el ‘Visor de Contenido Web’. Para ello,

seleccione Añadir Visor de contenido web de la dockbar.


ASTURIAS



Página 87 de 102





18/11/2015

Ilustración 2.19 Añadir portlet Visor de contenido web

A una página se pueden añadir tantos portlets ‘Visor de contenido web’ como se desee. Para la

publicación de un contenido existente, seleccione el icono de engranaje en la parte inferior

izquierda del portlet.

Una vez aquí se le mostrará el listado de todos los contenidos web. Si su contenido aparece en la lista,

sólo lo tiene que seleccionar. Si no encuentra el contenido, puede buscar el mismo por nombre, ID,

tipo, versión, contenido,… (Haga clic en el vínculo Avanzado para ver todos las opciones).

En la barra de inferior del portlet visor de contenidos también se puede editar el contenido existente,

modificar la plantilla o añadir un nuevo contenido web que será publicado automáticamente en

este portlet en vez de ir al panel de control.

Por otro lado recordar que los portlets ’Visor de contenido web’ incrustados en la cabecera y en el pie

a través del tema, son estáticos, no se pueden eliminar, solamente se puede modificar el contenido de

los mismos.

Importante: una de las primeras cuestiones que se deberá hacer cuando se comience a gestionar el

sitio web será modificar los contenidos del pie y de la cabecera para que muestren la información

concreta de cada centro educativo.


ASTURIAS



Página 88 de 102





18/11/2015

2.7.5.2. Publicador de contenido web

El publicador de contenidos es un portlet que permite mostrar varios contenidos. Las opciones más

utilizadas del publicador son las permitidas desde el formulario de configuración del mismo (

Configuración Configuración).

La selección de contenidos será dinámica. El tipo de contenido deberá ser ‘Filtro…’, y luego,

seleccionar sólo como ‘Actual’ el tipo de contenido ‘Contenido web’.

Por otro lado, además de filtrar por tipo de contenido, también se puede filtrar por categorías o por

etiquetas añadiendo reglas.


ASTURIAS



Página 89 de 102





18/11/2015

Los contenidos a mostrar podrán ser ordenados y agrupados por diferentes criterios desde la sección de

‘Ordenación y agrupación’.

También se podrán indicar las preferencias de presentación indicando el estilo de presentación.

Importante: El estilo de presentación para los publicadores de los sitios de los centros educativos

debe ser “Resumen”.

Además se puede indicar el número máximo de elementos a mostrar por página, el tipo de paginación,

que de existir alguna deberá de ser la paginación ‘Normal’, activar la impresión,…

2.7.5.3. Visor de Documentos y Multimedia

El portlet Visor de Documentos y Multimedia es otro de los portlets utilizados. Entre otras cosas, se

empleará para los listados de documentos en la página de Documentos.

Este portlet se añade a las páginas del mismo modo que los que hemos visto en los apartados

anteriores. Podemos configurarlo para mostrar el contenido de la carpeta que queramos.

Lo que hará este portlet será generar un listado de los documentos y carpetas que contiene la carpeta

configurada y permitirá al visitante navegar por ella y ver el contenido.


ASTURIAS



Página 90 de 102





18/11/2015

Puede configurarse, entre otras muchas cosas, la información sobre los contenidos de la carpeta que

queremos mostrar (autor, fecha de subida, número de documentos por carpeta…).

2.7.5.4. Galería Multimedia

El portlet Galería Multimedia es otro de los portlets utilizados. Este portlet permite mostrar diferentes

galerías de imágenes que estén ubicadas en distintas carpetas o mostrar todas las imágenes ubicadas en

una carpeta a modo de galería.


ASTURIAS



Página 91 de 102





18/11/2015

La configuración del portlet de deberá ser la siguiente:


ASTURIAS



Página 92 de 102





18/11/2015

2.7.5.5. Portlet ‘portlets anidados’

Se utiliza para organizar varios portlets según el layout que se indique dentro de una página que puede

tener diferentes disposiciones.

En la configuración del portlet se deberá indicar el layout que se desea aplicar de entre todos los

existentes.

Dentro de un portlet anidado se podrán añadir tantos portlets anidados como se desee.

2.7.5.6. Portlet de navegación

El portlet de navegación es el utilizado en la columna izquierda en la mayoría de las páginas excepto

en la portada pública y en aquellas páginas que no cuenta con menú secundario o submenú como por

ejemplo la página de ‘Actualidad’.

Este portlet permite mostrar el menú lateral secundario dinámicamente, en función de la sección en la

que nos encontremos.

Una vez insertado el portlet en la zona a mostrar se podrá modificar el título haciendo clic sobre el

mismo.

En la configuración del portlet se deberá de indicar la siguiente configuración.


ASTURIAS



Página 93 de 102





18/11/2015

Y, en la apariencia del portlet indicar que no muestre los bordes con la propiedad “Mostrar bordes =

No”.

2.7.5.7. Portlet RSS

El portlet RSS permite mostrar varias entradas de blogs procedentes de tantos canales RSS como se

desee. Un ejemplo de portlet RSS lo podemos ver en la Portada.


ASTURIAS



Página 94 de 102





18/11/2015

La configuración del portlet deberá de ser la siguiente:

Destacar que en la zona de feeds se podrán añadir tantos canales RSS como se deseen. Para ello se

deberá de hacer uso de los botones + - de la derecha.


ASTURIAS



Página 95 de 102





18/11/2015

2.7.5.8. Portlet Mapa del Web

Este portlet se utiliza en el pie de página secundario para mostrar las páginas de Política de privacidad,

Licenciamiento, Condiciones de Uso,… Este portlet permite mostrar todas las páginas en forma de

enlace desde la página raíz que se indique.

Para mostrar los enlaces del pie de página, la configuración del portlet de Mapa del web ha de ser

exactamente la siguiente.

3. Tamaños de las imágenes

A continuación se indican los tamaños que deberán tener las imágenes de los sitios web para una

correcta visualización de acuerdo al diseño base.

CABECERA

Logo del centro: Máximo 275 x 115px.

Iconos de la derecha de la cabecera (RSS, email y centros educastur): 24 x 24 px


ASTURIAS



Página 96 de 102





18/11/2015

Imagen de fondo de cabecera que sustituye al color (opcional): 1920 x 142. Imagen

usada de muestra actualmente 1060 x 240. La imagen se redimensiona al 100%, cuanto

más pequeña sea perderá más calidad.

CONTENIDOS

Imagen de imagen destacada superior de cada página: Ancho mínimo 1060px. Óptima

1060x240px

Imágenes del Carrusel de la portada : 820 x 275px

Imágenes pequeñas de cada noticia para el listado de la portada y para la página de actualidad:

100 x 100px.


ASTURIAS



Página 97 de 102





18/11/2015

Imágenes de la sección “Hoy Destacamos”: Ancho mínimo: 394px. Óptima 394 x 167px

Imágenes de los banners destacados de la columna derecha: 165 x 117px


ASTURIAS



Página 98 de 102





18/11/2015

Imágenes detalle noticia con texto a cada lado: Ancho máximo 738px. Óptima 280 x 94 px.


ASTURIAS



Página 99 de 102





18/11/2015

PIE

Iconos Redes Sociales: 32 x 32.

Las extensiones de las imágenes pueden ser ambas JPG o PNG, pero para evitar que insertar imágenes

muy pesadas es mejor utilizar JPG, excepto en los logos e iconos de cabecera y pie que no pueden ser

JPG porque tienen que ser transparentes.


ASTURIAS



Página 100 de 102





18/11/2015

4. Zona privada

Para crear una zona privada con diferentes páginas el procedimiento a seguir es el siguiente:

1. Ir a Panel de Control Paginas del sitio web Paginas privadas. Una vez aquí añadir una página

mediante el botón “Añadir página”.


ASTURIAS



Página 101 de 102





18/11/2015

2. Crear un enlace en la parte pública que permita el acceso a esta zona privada. En nuestro caso, el

enlace lo hemos incluido en el pie con fondo gris. Para ello hemos ido a editar el contenido web

‘Enlaces pie’ y sobre el hemos añadido el enlace ‘Zona privada’ de la siguiente manera.

Una vez guardado el cambio el pie de la parte pública aparecerá con este enlace.

Si cerramos sesión e intentamos acceder a la zona privada veremos que nos pide usuario y contraseña

para el acceso a la misma.

3. Ir al panel de control a la página privada a la que se le quiera dar acceso al rol “AccesoPrivado”

Permisos (botón) y en el popup que aparecerá marcar para el rol “AccesoPrivado” el check de “Ver”.


ASTURIAS



Página 102 de 102





18/11/2015

4. Crear los usuarios con rol ‘AccesoPrivado’ que vayan a poder acceder a la zona privada.

5. La forma de crear el resto contenido para las páginas se haría de la misma manera. Lo único a tener

en cuenta es que es importante quitarle los permisos de visualización para “Guest” a todos los recursos

que se vayan a mostrar en la misma (imágenes, documentos, contenidos, portlets,…)

Documents

MANUAL DE USUARIO - ADMINISTRADOR DE CENTRO