2014-03-27_Manual de Operacion KAIOA - Usuarios finales

Portal Web de Centros
de Educación basado en
KAIOA V1 Multi-Centro
Administración y gestión
de contenidos
20 de Octubre de 2009
HOJA DE REVISIONES
Portal Web de Centros de Educación basado en KAIOA V1
Multi-Centro
Administración y gestión de contenidos
20 de Octubre de 2009
Nº Revisión
00
Fecha
15 de Junio de
2009
Revisión
Primera Edición
17 de
01
Septiembre de
Segunda Edición
2009
21 de
02
Septiembre de
Tercera Edición
2009
03
20 de Octubre
de 2009
Cuarta Edición
Índice
Página
1.
2.
INTRODUCCIÓN .......................................................................................... 8
1.1
Descripción del proyecto ..................................................................... 8
1.2
Objetivo del documento ...................................................................... 9
1.3
Conceptos básicos ............................................................................ 10
ESTRUCTURA DEL PORTAL .......................................................................... 11
2.1
2.2
2.3
3.
Estructura general de todas las páginas del portal ................................ 11
2.1.1
La Cabecera ......................................................................... 13
2.1.2
Área de Contenidos ............................................................... 13
2.1.3
Pie de página ........................................................................ 14
Secciones principales del portal ......................................................... 15
2.2.1
Sobre el centro ..................................................................... 15
2.2.2
Formación ............................................................................ 15
2.2.3
Servicios .............................................................................. 15
2.2.4
Proyectos ............................................................................. 17
2.2.5
Actualidad ............................................................................ 17
2.2.6
Otras opciones ...................................................................... 19
Estructuras de las páginas del portal .................................................. 19
ADMINISTRACIÓN DEL PORTAL ................................................................... 20
3.1
Páginas y contenidos ........................................................................ 21
3.2
Menú de Administración .................................................................... 23
3.3
Panel de Control .............................................................................. 25
3.3.1
Opciones de administración .................................................... 26
3.3.1.1 Contenidos ............................................................... 26
3.3.1.2 Portal ...................................................................... 26
3.3.1.3 Opciones más usadas del panel de control ................... 27
3.3.2
Especificar los datos de contacto y personalización del portal ...... 27
3.3.2.1 Nombre del Centro .................................................... 27
3.3.2.2 Números de Teléfono ................................................ 28
3.3.2.3 Dirección de correo del centro .................................... 29
3.3.2.4 Logo del Centro ........................................................ 30
3.3.2.5 Imagen de cabecera .................................................. 31
3.3.2.6 Gama de colores ....................................................... 34
4.
GESTIÓN DE LAS PÁGINAS DEL PORTAL ....................................................... 34
4.1
Configuración de páginas .................................................................. 34
4.2
5.
4.1.1
Edición de página .................................................................. 36
4.1.2
Sub-secciones ...................................................................... 36
4.1.3
Apariencia ............................................................................ 36
Plantilla de página ............................................................................ 38
GESTIÓN DE CONTENIDOS ......................................................................... 40
5.1
Administración de contenidos ............................................................ 40
5.1.1
Conceptos ............................................................................ 40
5.1.2
Lógica de Plantillas ................................................................ 42
5.1.3
Gestión de artículos ............................................................... 42
5.1.3.1 Cómo encontrar un artículo o contenido ....................... 42
5.1.3.2 Cómo crear / editar artículos ...................................... 44
5.1.4
5.2
Uso de los artículos ............................................................... 48
Portlets ........................................................................................... 50
5.2.1
Cómo añadir portlets a las páginas del portal............................ 50
5.2.2
Portlet de Camino de Migas .................................................... 51
5.2.3
Portlet de Navegación ............................................................ 51
5.2.4
Portlet Visor de contenido web ................................................ 54
5.2.4.1 Cómo seleccionar un contenido a presentar en un
visor de contenidos ................................................... 55
5.2.4.2 Cómo
añadir
un
contenido
desde
el
visor
de
contenidos ............................................................... 57
5.2.4.3 Cómo
editar
un
contenido
desde
el
visor
de
contenidos ............................................................... 58
5.2.4.4 Cómo quitar el contenido de un visor de contenidos ...... 58
5.2.5
Portlet de KAIOA Listado ........................................................ 58
5.2.5.1 Cómo configurar un listado ........................................ 58
5.2.5.2 Visión del Listado ...................................................... 63
5.2.6
Portlet de KAIOA Contenido .................................................... 64
5.2.7
Portlet de KAIOA Búsqueda .................................................... 65
5.2.7.1 Cómo configurar la búsqueda ..................................... 65
5.2.7.2 Búsqueda General ..................................................... 67
5.2.7.3 Búsqueda Avanzada .................................................. 67
5.2.8
Portlet de KAIOA Agenda ....................................................... 69
5.2.8.1 Cómo obtener el identificador de un artículo que se
quiera asociar a un evento ......................................... 69
5.2.8.2 Cómo asociar el identificador de un artículo a un
evento ..................................................................... 71
5.2.8.3 Visualización de eventos ............................................ 71
5.2.9
5.3
Portlet Mapa del Web ............................................................. 73
Búsqueda general del portal .............................................................. 75
5.3.1
Resultados de una Búsqueda .................................................. 75
5.4
6.
Estructuras definidas en el Portal ....................................................... 76
5.4.1
Modelo General para listados .................................................. 76
5.4.2
Modelo multimedia ................................................................ 78
5.4.3
Modelo Formaciones EPAs ...................................................... 78
5.4.4
Modelo Hemeroteca ............................................................... 79
HOW – TO’S .............................................................................................. 79
6.1
Cómo añadir un nuevo módulo copiando uno existente ......................... 79
6.1.1
Acceder a la gestión de páginas y copiar la página de un
modulo existente .................................................................. 79
6.1.2
Copiar el contenido del Módulo ............................................... 80
6.1.3
Modificar el Módulo copiado con los datos ................................ 80
6.1.4
Mostrar el nuevo módulo en la nueva página creada .................. 81
6.2
Cómo añadir un nuevo módulo desde 0 .............................................. 81
6.3
Cómo montar una nueva página de listado de proyectos en modo
Listado – Contenido.......................................................................... 81
6.4
6.3.1
Creación de páginas .............................................................. 81
6.3.2
Introducir contenidos en las páginas ........................................ 82
6.3.3
Configurar el KAIOA Listado ................................................... 82
Cómo montar una nueva página de listado de proyectos en modo
Listado – enlace a página .................................................................. 83
6.4.1
Crear la página de un proyecto ............................................... 83
6.4.2
Configurar el listado en la página de proyectos ......................... 84
ANEXOS .......................................................................................................... 86
7.
8.
A1: CAMBIOS DE URL ................................................................................ 87
7.1
Cambios en la instancia de portal ....................................................... 87
7.2
Cambios en la DNS........................................................................... 87
A2: CENTROS DE FP: POSIBLES PROBLEMAS EN LA IMPORTACION DE
CONTENIDOS ............................................................................................ 88
9.
A3: ESTRUCTURAS Y PLANTILLAS ................................................................ 89
9.1
ESTRUCTURAS ................................................................................. 89
9.1.1
Introducción ......................................................................... 89
9.1.2
ARTÍCULO ............................................................................ 89
9.1.3
BACK ................................................................................... 90
9.1.2.1 Plantillas .................................................................. 90
9.1.3.1 Plantillas .................................................................. 90
9.1.4
BANNER ............................................................................... 90
9.1.5
CICLO, CICLO2 ..................................................................... 91
9.1.4.1 Plantillas .................................................................. 90
9.1.5.1 Plantillas .................................................................. 92
9.1.6
CURSO ................................................................................ 93
9.1.7
ENLACES.............................................................................. 94
9.1.6.1 Plantillas .................................................................. 93
9.1.7.1 Plantillas .................................................................. 94
9.1.8
CALENDARIO ........................................................................ 94
9.1.9
CENTROS GOOGLE ................................................................ 94
9.1.8.1 Plantillas .................................................................. 94
9.1.9.1 Plantillas .................................................................. 95
9.1.10 FORMACIÓN REGLADA SECUNDARIA ....................................... 95
9.1.10.1 Plantillas .................................................................. 95
9.1.11 FORMACIÓN NO REGLADA...................................................... 95
9.1.11.1 Plantillas .................................................................. 96
9.1.12 FORMACION REGLADA ........................................................... 96
9.1.12.1 Plantillas .................................................................. 96
9.1.13 MÓDULOS ............................................................................ 96
9.1.13.1 Plantillas .................................................................. 97
9.1.14 PESTANAS ............................................................................ 97
9.1.14.1 Plantillas .................................................................. 97
9.1.15 EVENTO 97
9.1.15.1 Plantillas .................................................................. 98
9.1.16 HEMEROTECA ....................................................................... 98
9.1.16.1 Plantillas .................................................................. 98
9.1.17 IMPORTANT .......................................................................... 98
9.1.17.1 Plantillas .................................................................. 99
9.1.18 INFO GENERAL ..................................................................... 99
9.1.18.1 Plantillas .................................................................. 99
9.1.19 LINK RSS ............................................................................. 99
9.1.19.1 Plantillas .................................................................100
9.1.20 MÁS CONTENIDO .................................................................100
9.1.20.1 Plantillas .................................................................100
9.1.21 MULTIIDIOMA ......................................................................100
9.1.21.1 Plantillas .................................................................100
9.1.22 MULTIMEDIA PHOTO ............................................................100
9.1.22.1 Plantillas .................................................................101
9.1.23 MULTIMEDIA VIDEO .............................................................101
9.1.23.1 Plantillas .................................................................102
9.1.24 NOTICIA 102
9.1.24.1 Plantillas .................................................................103
9.1.25 PONENCIA ...........................................................................103
9.1.25.1 Plantillas .................................................................103
9.1.26 PREGUNTA RESPUESTA .........................................................104
9.1.26.1 Plantillas .................................................................104
9.1.27 PROYECTO ..........................................................................104
9.1.27.1 Plantillas .................................................................104
9.1.28 SECCION CONTENIDO ..........................................................105
9.1.28.1 Plantillas .................................................................105
9.1.29 TÍTULO 105
9.1.29.1 Plantillas .................................................................105
1.
INTRODUCCIÓN
1.1
Descripción del proyecto
El Portal Web de los Centros de Educación persigue los siguientes objetivos:

Proporcionar un canal de comunicación a través de internet, que
centralice la información que los centros están interesados en
transmitir al público en general y a sus potenciales “clientes” en
particular.

Potenciar la imagen del centro, como una organización avanzada y
comprometida con la mejora.
Disponer un diseño estético
agradable y versátil, de alto impacto facilitará la normalización del
acceso a la información en los distintos centros de educación de la Red
Pública.

Facilitar
la
actualización
de
los
contenidos,
utilizando
herramientas que permitan ahorrar tiempo dedicado al mantenimiento
de la información más viva.
Para ello se ha hecho uso de la plataforma de portales Liferay. Liferay es una
plataforma Open Source que permite corregir los problemas que se
identifiquen sin tener que esperar a la siguiente versión, y que además posee
una amplia comunidad de usuarios e implantaciones que permite tener
documentación y apoyo en la resolución de los problemas que ya hayan
podido ser detectados por otros.
Además, Liferay admite un modelo centralizado de forma que todos los
portales de los centros compartan la misma infraestructura albergada en el
Gobierno Vasco, proporcionando los siguientes beneficios:

Eficiencia y ahorro de costes, debido a la economía de escala que
supone la compartición de infraestructuras comunes y de recursos para
su gestión tecnológica.

Facilitar el soporte y mantenimiento de la plataforma: Las
actuaciones preventivas, correctivas y de mejora, se realizan en un
único sitio en lugar de en “n”.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
8 de 106

Facilitar la Escalabilidad: para agilizar el despliegue de la solución
de forma, evolutiva, gradual y controlada en toda la red de Centros
Públicos, contemplando los diferentes ciclos formativos.

Uniformidad
de
servicios
básicos
y
compartición
de
evoluciones: partiendo de una base común, las nuevas versiones
(que
incluyen
nuevos
servicios
y
funcionalidades)
estarán
potencialmente disponibles para todos los centros.

Orientación hacia soluciones estándar, que permitan sacar el
máximo partido de las funcionalidades de la plataforma evitando
siempre que sea posible los desarrollos a medida.

Centralización de la documentación funcional y técnica de la
solución.
1.2
Objetivo del documento
El objetivo de este documento es describir cómo administrar los portales
desarrollados en el marco de este proyecto para los centros de educación.
Como se ha comentado previamente, la infraestructura de portales está
basada en la plataforma de creación de Portales Liferay en su versión 5.2.3.
En el contexto de este proyecto se ha usado la propia gestión de contenidos
de la plataforma, con lo que éste documento inicialmente va a describir la
estructura básica de páginas del portal para los centros para luego introducir
cómo gestionar y modificar dicha estructura de páginas.
Las páginas en Liferay principalmente son agregadores de los distintos
contenidos y aplicaciones existentes en el portal (componentes). Dicha
agregación se realiza a través de plantillas de páginas que especifican la
división en áreas de contenidos. Los componentes que pueden ser añadidos
sobre dichas áreas se denominan Portlets.
Cada portlet o componente se representa visualmente como una caja y tiene
un objetivo funcional independiente. Dentro de la infraestructura del portal se
proveen componentes con distintos objetivos: blogs, foros, gestión de
documentos, galería de imágenes, etc. En concreto, en este documento nos
fijaremos en aquellos componentes / portlets que gestionan los contenidos del
portal (independientemente de si son provistos por la plataforma o han sido
desarrollados específicamente).
Portal Web de Centros de Educación: Administración y Gestión de contenidos
9 de 106
Antes de empezar a describir la plataforma, vamos a introducir una serie de
conceptos y términos básicos que se utilizan a lo largo del documento.
1.3
Conceptos básicos
En esta sección se describen unos conceptos básicos necesarios para
comprender como se gestiona un portal de Liferay. En algunos casos, dicha
descripción será extendida a lo largo del documento, pero al mostrarlas aquí
se ofrece una visión global unificada de dichos conceptos.

Comunidad: Espacio en el portal Liferay que aglutina un conjunto de
páginas web. Cada comunidad puede tener páginas públicas y
privadas. Existe una comunidad que se invoca por defecto en cada
portal. Dicha comunidad se llama Guest y sobre ella se monta el portal
público de los centros.

Preferencias: Conjunto de datos que configura una sección del portal
y/o portlet.

Gestión de contenidos (CMS): Herramientas que provee el portal
para crear y mantener los contenidos del portal (noticias, secciones,
etc.).

Contenido: Unidad de publicación en el portal (p.e. noticia, evento,
etc.). También llamado Artículo. Todos los contenidos, estructuras y
plantillas están asociados a una comunidad.

Estructura: Una estructura define los campos que requiere un tipo de
contenido o artículo (p.e. las noticias tienen un título, un resumen, un
destacado que incluye una imagen y una descripción larga).

Plantilla: Define como se presenta un contenido de una estructura.
Una estructura puede tener más de una plantilla, pudiendo decidir que
plantilla se usa para presentar un contenido. (p.e. para las noticias
podemos tener una plantilla de detalle que visualiza la noticia
completa, una plantilla de resumen que muestra un destacado de la
noticia o una platilla de listado que muestra como se visualiza la
noticia en un listado de noticias).

Tipo: Todos los contenidos están clasificados por un Tipo predefinido
en el portal. Las opciones por defecto incluyen general, noticias,
prueba, etc.

Etiqueta: Los contenidos del portal pueden ser etiquetados o
clasificados. Las etiquetas (o tags) son palabras clave que describen el
contenido.

Rol: Caracterización de un usuario que se conecta al portal y que
garantiza unos permisos u otros sobre los componentes del portal. En
Portal Web de Centros de Educación: Administración y Gestión de contenidos
10 de 106
este portal existen 2 roles: (1) el administrador que gestiona los
contenidos; y (2) el de guest, o público en general, que consume los
contenidos.

Plantilla de página o layout: Plantilla que establece cómo se
distribuyen los contenidos en una página.
2.
ESTRUCTURA DEL PORTAL
El objetivo de esta sección es introducir la estructura básica de un portal, así
como su estructura de páginas y contenidos. En concreto y a modo de
ejemplo se usará el portal del centro de formación profesional de Erandio.
2.1
Estructura general de todas las páginas del
portal
Toda página del portal se descompone en 3 áreas que se describen a
continuación (ver ilustración 1):
1.- CABECERA: Área donde se presenta una imagen personalizada del centro
y el logo del centro, junto con la navegación principal del portal. La
navegación se divide en 2 áreas: La superior donde se incluyen ciertos
enlaces globales al portal (Mapa Web, Formulario de contacto, etc.), el cambio
de idioma y el menú principal de Liferay; y la inferior donde se visualizan las
páginas de primer nivel del árbol de páginas (más información en la sección
dedicada a la gestión de las páginas).
2.- ÁREA DE CONTENIDOS: Área editable de las páginas del portal y donde se
pueden colocar los contenidos. La ilustración 1 presenta la página home del
portal. La página de la home una página más como cualquier otra del portal.
3.- PIE: Zona similar para todos los centros donde aparecerán los datos
específicos de contacto de cada centro, así como más enlaces globales.
A continuación se describen más a fondo dichas áreas.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
11 de 106
Ilustración 1 Página principal del portal
Portal Web de Centros de Educación: Administración y Gestión de contenidos
12 de 106
2.1.1 La Cabecera
La cabecera de las páginas tiene 2 objetivos principales: Personalizar el portal
al centro y ser punto principal de apoyo en la navegación del portal. La
cabecera se descompone en 3 secciones:

La fila superior, que contiene la selección del idioma; los enlaces
globales a la página de inicio, página de contacto y mapa Web; el
buscador que te permite realizar búsquedas generales (ver sección
5.3) en los contenidos del portal; y por último el acceso de
administración que nos permite modificar los contenidos del portal.

Después aparece una imagen de cabecera que personaliza e identifica
al centro, así como el logo del centro a la izquierda y el logo del
“Departamento de Educación del Gobierno Vasco” a la derecha.

Por último, aparece la navegación principal del portal que permite
acceder a las distintas secciones. Dichas secciones hacen referencia a
las páginas de primer nivel en el árbol de páginas (más información en
la sección dedicada a la gestión de las páginas). Dicha sección actúa
de separación entre la cabecera y la sección de contenidos.
Ilustración 2 Detalle de la cabecera
2.1.2 Área de Contenidos
El área de contenidos presenta los contenidos correspondientes a dicha
página. Por ejemplo, la página de inicio del portal presenta los contenidos en
2 columnas (ver ilustración 3).
Portal Web de Centros de Educación: Administración y Gestión de contenidos
13 de 106
Ilustración 3 Área de contenidos de la página de inicio
La columna 1 ocupa la mayor parte de la página de inicio del portal, ya que
presenta los contenidos principales. En la parte superior se presentan los
avisos destacados que el centro considere oportunos. Dichos destacados son
seguidos por listados de los últimos contenidos añadidos al portal. En este
caso se muestra un listado con las últimas noticias, aunque también se
podrían mostrar los últimos eventos o proyectos.
La columna 2 presenta una serie de banners importantes que permiten
acceder directamente a las páginas deseadas.
Esta distribución en 2 columnas puede ser cambiada estableciendo una
plantilla de página diferente. Por ejemplo, basada en 3 columnas de forma
que se puedan incluir banners a ambos lados del listado de contenidos (más
información en la sección dedicada a la gestión de las páginas).
2.1.3 Pie de página
El pié de todas las páginas del portal contiene información básica de contacto
con el centro, así como otros enlaces globales de importancia secundaria. La
ilustración 4 muestra el píe del centro.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
14 de 106
La información básica de contacto del centro comprende el nombre del centro,
teléfonos e e-mail de contacto, mientras que los enlaces no dirigen a páginas
que describen la información legal, accesibilidad y contenidos RSS.
Ilustración 4 Pie de las páginas del portal
2.2
Secciones principales del portal
Además de la página de inicio del portal, éste contiene una serie de secciones
principales a las cuales se accede a través del menú de navegación de la
cabecera.
Las secciones son configurables a través de la administración de páginas (ver
sección 4.1). Por defecto las secciones para los centros son las siguientes:
2.2.1 Sobre el centro
Esta sección contiene todas aquellas páginas que describen el centro. Entre
otras contiene la página de presentación del centro, historia del centro,
localización, horarios y contacto, reconocimientos, empresas colaboradoras,
misión, etc. Es una sección que una vez desarrollada no posee una alta
frecuencia de cambio, y por lo tanto la mayoría de los contenidos son
estáticos. La ilustración 5 muestra la página de presentación del centro para
el portal de Erandio.
2.2.2 Formación
Esta sección describe la formación que el centro educativo imparte (reglada o
no). En la página principal de formación en Erandio se listan tanto los ciclos
formativos de grado medio como los de grado superior del centro (ver
ilustración 6). Entre las sub-secciones se encuentran formación reglada,
formación no reglada, bachillerato, etc. ofreciendo detalles sobre los horarios,
calendario, oferta educativa, evaluaciones, exámenes, etc.
2.2.3 Servicios
Esta sección se centra en describir los servicios de los que el centro dispone,
tales como bibliotecas, servicios de orientación, bolsas de empleo, etc. Por ej.
la ilustración 7 presenta el servicio de biblioteca del centro integrado en el
portal.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
15 de 106
Ilustración 5 Sección "Sobre el Centro" presentando el centro
Ilustración 6 Sección de Formación
Portal Web de Centros de Educación: Administración y Gestión de contenidos
16 de 106
Ilustración 7 Sección de Servicios: Biblioteca
2.2.4 Proyectos
Sección que describe los proyectos en los que participa el centro. En el caso
de Erandio, se ha decidido prescidir de esta sección.
2.2.5 Actualidad
La sección de actualidad ofrece información de actualidad sobre el centro,
tales como noticias, eventos, publicaciones del centro, colaboraciones y
proyectos en los que participa el centro, etc. Esta es la sección más dinámica
y por lo tanto las páginas (ver ilustración 8) presentan un listado de
contenidos (en el ejemplo, noticias) y un buscador especifico para dicho tipo
de contenidos (en el ejemplo, noticias).
Dicho buscador posee una opción de búsqueda avanzada que permite realizar
una búsqueda especificando campos concretos de la estructura del contenido
(la ilustración 9 presenta los campos de la estructura de noticias: título de la
noticia, autor, etc.) (para más información en las especificidades de la
búsqueda, ver la sección Error! Reference source not found.). Se admiten
2 tipos de búsqueda (OR y AND): el primero (OR) hace referencia a que si se
encuentra un contenido que concuerde con un campo, éste se presenta
mientras
que
una
búsqueda
(AND)
requiere
que
todos
los
campos
introducidos concuerden.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
17 de 106
Ilustración 8 Sección de Actualidad: Noticias
Ilustración 9 Sección de Actualidad: Búsqueda Avanzada de noticias
Por último, en la sección de eventos se muestra un calendario con los eventos
del centro. En el caso del ejemplo usado en el documento no hay eventos
introducidos (ver ilustración 10).
Portal Web de Centros de Educación: Administración y Gestión de contenidos
18 de 106
Ilustración 10 Sección de Actualidad: Eventos
2.2.6 Otras opciones
Además de éstas opciones, se pueden añadir opciones adicionales, tales como
un acceso a la Intranet (ver el menú de navegación en las ilustraciones 1 a 7)
del centro en el caso de que ésta exista, o incluso ocultar aquellas opciones
que no se quieran usar. En el ejemplo (Erandio), la sección de proyectos ha
sido eliminada.
También pueden existir páginas que solo se visualicen en el caso de que el
usuario tenga permisos de acceso a ellas. Éste es el caso de la sección de
administración que solo se le permite el acceso al administrador del portal, y
por lo tanto solo él puede verla. Dicha sección contiene las páginas de
administración de contenidos y documentos del portal.
2.3
Estructuras de las páginas del portal
La estructura para incluir los contenidos en las páginas no es estática y puede
variar según las secciones y sus necesidades. Por ejemplo, en la home se han
usado 2 columnas, con la pequeña a la derecha para los banners. En las otras
páginas normalmente se presenta el camino de migas en la parte superior, el
menú de navegación en una columna lateral izquierda y los contenidos en la
columna principal a la derecha (ilustraciones 5, 6 y 8).
Sin embargo, las páginas no solo sirven para alojar espacios de contenidos
sino que también pueden corresponderse con enlaces a aplicaciones externas
no alojadas en el propio portal. Este es el caso de la formación no reglada en
Erandio como se puede ver en la ilustración 11. Las páginas de formación
continua y ocupacional nos redirigen a las aplicaciones internas del centro
destinadas a su gestión.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
19 de 106
Ilustración 11 Navegación a páginas externas con los contenidos de
formación no reglada
Por último, decir que no solo se puede redireccionar a contenido externo (o
interno del portal) sino que éste también se puede integrar. En la ilustración 7
se muestra cómo el servicio de biblioteca ha sido integrado en el portal. El
área de contenido de la página se ha convertido en un frame que integra la
página externa http://www.ierandio.com/web/Biblioteca/administracion1.php.
3.
ADMINISTRACIÓN DEL PORTAL
Ésta sección describe las secciones de administración que el portal ofrece, sin
entrar en detalle ni a la gestión de páginas ni a la gestión de contenidos que
se presentan en las siguientes secciones.
Para acceder en modo de administración al portal, requisito para publicar y
gestionar el portal, deberemos seguir los siguientes pasos:
1. Ir a la página de Login. Para ello clicaremos en Acceder (esquina
superior derecha de la cabecera (ver ilustración 2).
2. Identificarse. Para identificarse al usuario se le muestra la pantalla de
la
ilustración
12.
Por
defecto,
el
usuario
administrador
Portal Web de Centros de Educación: Administración y Gestión de contenidos
es
el
20 de 106
test@$PORTAL$, donde $PORTAL$ debe sustituirse por el del portal en
concreto
contra
el
que
nos
estemos
conectando,
por
ej:
[email protected]. La palabra clave por defecto
así mismo es test.
Ilustración 12 Pantalla de acceso a la administración
Una vez se accede con el usuario administrador, se nos habilitan nuevas
opciones sobre las páginas del portal.
3.1
Páginas y contenidos
Al acceder al portal desde la página de inicio, ésta se nos vuelve a mostrar
pero esta vez con las opciones de administración (ver ilustración 13).
Ilustración 13 Página de inicio en modo administración
Como se ha mencionado, liferay es un portal basado en tecnología de portlets
o componentes, identificando en las páginas cada componente como una caja.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
21 de 106
Si nos fijamos, a cada uno de los contenidos le ha aparecido una barra
superior, y algunas opciones por debajo. Dichos elementos en este caso
marcan los límites del componente.
Sin querer entrar en detalle, pasamos a describir dichos elementos. La barra
superior se compone de:

un texto, que se refiere al título del portlet. Este puede ser editado
pero inicialmente identifica el tipo de portlet o componente. En el caso
de la ilustración 13, todos son “Visor de contenido web”. Estos
componentes permiten mostrar contenidos de la gestión de contenidos
del portal.

Unos botones, que permiten:
o
Los 3 puntos: Acceder a opciones de personalización.
o
El menos: Minimizar el portlet de forma que solo se visualiza la
o
El más: Maximiza el portlet ocupando todo el área de contenido
barra de título.
con este portlet. Tanto la maximización como la minimización
son opciones para trabajar mejor a nivel de administración ya
que no afectan a los usuarios públicos.
o
La cruz: Elimina este componente de la página.
Las opciones que se visualizan debajo pertenecen al propio portlet “Visor de
contenido web” y son relativas a la gestión de contenidos. Más información
en la sección dedicada a la gestión de contenidos.
Los portlets o componentes se pueden desplazar a la posición deseada hacia
arriba o abajo en la columna o bien a otra columna. Para ello deberemos
arrastrar el componente por la página. Para arrastrar el componente
deberemos mantener un clic sobre la barra de titulo del portlet y mover el
raton. Ello nos mostrará las distintas áreas de la sección de contenidos (en
este caso 2 columnas) y los espacios marcan donde se va a dejar el portlet en
cuanto se suelte el clic. La ilustración 14 nos muestra dicha situación.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
22 de 106
Ilustración 14 Cómo mover un portlet dentro de una página
La flecha verde indica la posición del cursor, el cuadrado verde donde está la
barra del portlet que estamos moviendo como referencia y la flecha roja el
espacio reservado indicando la posición en el caso de soltar el portlet.
Podemos ver que al arrastrar el portlet hacia la columna de la derecha (I a II)
desplazamos hacia abajo los contenidos de dicha columna. Lo mismo pasa al
volver a la columna de la derecha por debajo del otro destacado (III).
Esta es una pequeña parte de la gestión de contenidos, sin embargo tenemos
más opciones de administración.
3.2
Menú de Administración
Si nos fijamos en la cabecera, una vez hemos accedido, en la esquina superior
derecha donde ponía acceder, ahora pone Salir. Si hacemos clic, saldremos
del modo de administración. En cambio, si simplemente nos ponemos
encima, aparecerá el menú de administración del portal (ver ilustración 15).
Este menú también se llama contextual ya que también aparece con menos
opciones para el resto de usuarios si existen y según los permisos que
tengan. El administrador los tiene todos.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
23 de 106
Ilustración 15 Menú de administración
Pasamos pues a enumerar y explicar brevemente las distintas opciones del
menú:

Inicio: Nos lleva a la página principal de la comunidad en la que
estemos navegando. Ya que para el portal Web solo es necesaria una
comunidad, su comportamiento será similar al del enlace global de la
cabecera (Inicio).

Panel de control: Área de gestión del portal que nos permitirá
controlar todos los aspectos de administración del portal.

Mi Cuenta: Permite a los usuarios acceder a los datos demográficos
del usuario y modificarlos. También permite pequeñas gestiones como
el cambio de la clave de acceso.

Añadir Portlet: Esta opción nos muestra un cuadro de dialogo que
nos permite seleccionar y añadir componentes a la página actual del
portal.

Plantilla de página: Nos permite cambiar la plantilla de distribución
de contenidos de la página actual. P.e. la plantilla de la home
especifica 2 columnas.

Administrar páginas: Nos lleva a la administración de páginas de la
comunidad actual.

Ocultar/Mostrar controles: Nos permite ocultar / mostrar los
controles de administración existentes en la página actual.

Mis espacios Web: Muestra un submenú con las comunidades a las
que pertenece el usuario conectado y permite navegar a ellas. Por
Portal Web de Centros de Educación: Administración y Gestión de contenidos
24 de 106
defecto solo existe la comunidad pública, o guest, y la privada del
usuario administrador (único usuario).
Éste menú está provisto por el portal para que los usuarios puedan localizar,
navegar y administrar sus datos. Si el usuario es el administrador, además
dispondrá de más opciones.
3.3
Panel de Control
El panel de control es el lugar único desde el que gestionar cualquier aspecto
del portal. La ilustración 16 nos muestra un pantallazo.
Ilustración 16 Panel de control
El panel de control está dividido en 2 columnas: La de la izquierda que
muestra un menú con las distintas opciones divididas en 4 secciones y la de la
derecha que contiene el área de trabajo.
Las 4 secciones del
menú se corresponden con distintos niveles de
administración: la primera sección trata la administración de los datos y
secciones personales del usuario (mi cuenta y mis páginas o comunidad
privada); la segunda presenta las opciones de gestión de contenidos para la
comunidad actual; la tercera muestra las opciones de administración global
Portal Web de Centros de Educación: Administración y Gestión de contenidos
25 de 106
del portal; mientras que la última solo es accesible si se es superadministrador del portal para gestionar el servidor (personal de soporte y
administración de la plataforma).
A continuación describiremos las opciones de administración de la segunda y
tercera secciones:
3.3.1 Opciones de administración
3.3.1.1
Contenidos
Estas opciones permiten editar los contenidos asociados a la comunidad
actual. En los portales web de los centros solo se utilizará la comunidad guest,
que es la que contiene los datos del portal.

Contenido Web: Sección principal de administración de contenidos
del portal. Más información en la sección del documento dedicada a la
gestión de contenidos.

Biblioteca de documentos: Espacio en el portal donde se pueden
colgar documentos para ser publicados en el portal. Más información
en la sección del documento dedicada a la gestión de contenidos.

Galería de Imágenes: Permite gestionar la galería de imágenes del
portal.

Enlaces: Permite gestionar el directorio de enlaces o links a páginas

Agenda: Permite gestionar los eventos de la agenda del portal.

Foro de discusión: Gestiona los foros. No usado en el portal web de
Web.
los centros ya que solo existe un usuario.

Blogs: Gestiona los blogs publicados en el portal. No usado en el
portal web de los centros ya que solo existe un usuario.

Encuestas: Permite generar encuestas simples de una pregunta que
se pueden publicar en el portal.

Catálogo de software: Permite gestionar un catalogo de software.
Opción no utilizada en el portal web de los centros.

Etiquetas y categorías: Permite gestionar los conjuntos de etiquetas
(tags) que permiten clasificar los contenidos del portal.
3.3.1.2

Portal
Usuarios: Nos presenta la gestión de usuarios del portal. De poco uso
ya que por defecto solo existe el usuario administrador. Aquí se
podrían crear nuevos usuarios y asignarles permisos.

Organizaciones: Para aquellos casos en los que exista mas de un
usuario, nos permite gestionar las organizaciones. Una organización a
Portal Web de Centros de Educación: Administración y Gestión de contenidos
26 de 106
nivel del portal es similar a una comunidad ya que puede contener
páginas solo accesibles por sus miembros.

Comunidades: Presenta los espacios Web del portal no relacionados
con una organización.

Grupos de usuario: Nos permite gestionar los grupos de usuarios del
portal.

Roles: Permite gestionar los roles de usuario del portal.

Política de contraseñas: Permite gestionar la política de contraseñas
del portal.

Configuración: Permite configurar los datos del portal.

Monitorización: Permite monitorizar las sesiones abiertas con el
portal.

Configuración de Plugins: Permite establecer que roles de usuario
pueden trabajar con los plugins del portal (portlets, etc.).
3.3.1.3
Opciones más usadas del panel de control
Las opciones más usadas del panel de control en el día a día del portal son las
de Contenido Web y Biblioteca de documentos. Después, en base al uso que
se haga en el portal, también se usarán la de Agenda, Encuestas y Etiquetas y
categorías.
En principio de la sección del portal solo se usará la de Configuración para
establecer los datos de contacto y el logo del centro; y el de Comunidades
como vía alternativa para acceder a la gestión de páginas de la comunidad
Guest.
3.3.2 Especificar los datos de contacto y personalización
del portal
El portal Web de los centros ha sido desarrollado con una serie de opciones
que permiten personalizar el portal con la imagen del centro. A continuación
se enumeran dichas opciones y como se pueden personalizar.
3.3.2.1
Nombre del Centro
Para cambiar el nombre del centro, que se muestra en el PIE de las páginas
del portal en la zona de contacto, deberemos ir a la configuración del portal
dentro del panel de control (ver ilustración 17).
Portal Web de Centros de Educación: Administración y Gestión de contenidos
27 de 106
Ilustración 17 Pantalla de configuración del portal
Dicha pantalla muestra la configuración general del portal. De esta pantalla
debemos fijarnos en el Nombre del portal ya que es lo que vamos a modificar.
Los otros campos mejor no tocarlos ya que afectaría al comportamiento del
portal Web. Por ejemplo, cambiar el servidor virtual afectará de forma que el
portal dejará de estar disponible en dicha dirección y pasará a estar disponible
en la actualizada. Ello conllevara por lo tanto una actualización de la DNS para
que la dirección puesta en este campo apunte a la dirección IP del servidor. Es
por ello que de dichas operaciones se deberá encargar el equipo de soporte.
Una vez actualicemos el campo nombre, haremos clic sobre el botón Guardar,
que registrará el cambio y nos mostrará el mensaje de confirmación en verde
que se puede ver en la ilustración 17.
3.3.2.2
Números de Teléfono
Los números de teléfono se muestran en el pie en la zona de contacto. Estos
se muestran en una línea. Para modificar dichos datos, accederemos a la
configuración del portal, y los introduciremos en la sección de identificación > números de teléfono. La ilustración 18 nos presenta la pantalla.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
28 de 106
Ilustración 18 Añadir números de contacto telefónico
En esta pantalla se pueden introducir más teléfonos dándole al (+). Podremos
eliminar teléfonos usando el icono de papelera. Se recomienda usar solo los
tipos de teléfono (local y fax) que presentarán los prefijos Tlf: y Fax: antes de
los teléfonos. En el caso de proveer una extensión, ésta se visualizará entre
paréntesis.
Una vez realizados los cambios deseados haremos clic sobre Guardar.
3.3.2.3
Dirección de correo del centro
Al igual que con los números de teléfono, en la sección de configuración
podremos especificar el email de contacto. Para ello accederemos a la sección
con las direcciones de correo adicionales y modificaremos o especificaremos el
correo de una forma similar a como lo hemos hecho con los números de
teléfono (ver ilustración 19). Se recomienda poner un único correo de
contacto.
Ilustración 19 Dirección del correo de contacto con el centro
Portal Web de Centros de Educación: Administración y Gestión de contenidos
29 de 106
Tras realizar estos cambios en el nombre, teléfonos y correo obtendremos en
el pie el resultado mostrado en la ilustración 20.
Ilustración 20 Visualización de los datos del centro en el pie del portal
3.3.2.4
Logo del Centro
Para cambiar el logo del centro, visualizado en la cabecera a la izquierda,
deberemos ir a la configuración del portal dentro del panel de control (ver
ilustración 17) y nos moveremos a la sección de Varios -> Preferencias de
Presentación donde podremos modificar el logo (ver ilustración 21).
Ilustración 21 Cambiar el logo del portal
Al hacer clic en cambiar, nos abrirá una ventana para seleccionar y subir una
imagen. Una vez subida, deberemos hacer clic en el botón Guardar para
confirmar el cambio de la imagen del logo.
Hay que tener en cuenta que el tamaño de la cabecera depende del tamaño
del logo y de la imagen de la cabecera, y éstos deben ser proporcionales. Se
Portal Web de Centros de Educación: Administración y Gestión de contenidos
30 de 106
recomienda especificar un logo con 130 píxeles de altura y 136 píxeles de
anchura. En el caso de no poder cumplir con este tamaño, se recomienda que
al menos la altura se respete lo máximo posible. La altura de los logos de la
cabecera es la que establece la altura de la cabecera. El logo del gobierno
vasco ocupa una altura de 117px y una anchura de 224px.
Por otro lado es muy importante mantener la opción de “Permitir que los
administradores de comunidades utilicen su propio logo” habilitada ya que
dicha opción nos permitirá establecer la imagen de la cabecera para la
comunidad pública.
3.3.2.5
Imagen de cabecera
La imagen de la cabecera, al contrario de los datos anteriores no se especifica
en la configuración del portal, sino en la configuración de la comunidad. Para
ello deberemos ir a la sección de comunidades (ver ilustración 22).
Ilustración 22 Pantalla de administración de comunidades del portal
Y sobre la comunidad Guest (que contiene las páginas del portal) hacer clic
sobre acciones (ver ilustración 23) y seleccionar Administrar Páginas.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
31 de 106
Ilustración 23 Menú de acciones asociadas a una comunidad
Ello nos lleva a la pantalla de gestión de las páginas de la comunidad, tema
que se trata en su correspondiente sección. Sin embargo, en dicha pantalla
hay una opción que nos interesa: Configuración (ver ilustraciones 24 y 25).
Ilustración 24 Administración de una comunidad: Acceso a la configuración
Portal Web de Centros de Educación: Administración y Gestión de contenidos
32 de 106
Ilustración 25 Pantalla de configuración del logo de una comunidad
A través de la pantalla de configuración del logo de la comunidad,
introduciremos la imagen de fondo para la cabecera del portal.
Es importante que para que nos permita especificar un logo a la comunidad,
tengamos habilitada dicha opción en la configuración del logo del portal (ver
configuración anterior).
A la hora de generar la imagen de cabecera para un centro hay que tener en
cuenta las siguientes recomendaciones:
-
La cabecera se muestra desde el lateral izquierdo y se presenta por
debajo del logo. La cabecera no empieza donde termina el logo. En
concreto en la imagen del centro de IERANDIO el logo también está
incorporado en la imagen de cabecera. En realidad el logo del portal
está cubriendo la parte del logo en la imagen de la cabecera.
-
La cabecera debe acabar en color blanco, recomendando el uso de un
degradado. El fondo donde no llegue la imagen de cabecera será
blanco. Ello permite que el diseño se estire añadiendo blanco por la
derecha en pantallas más anchas.
-
El logo del centro se desplazará aproximadamente 13 pixeles desde el
lateral izquierdo sobre la imagen de la cabecera dependiendo del
navegador.
-
Se recomienda un tamaño de 153 píxeles de alto por 971 de ancho.
Hay que tener en cuenta que para una resolución de 1024px de
pantalla, el logo del gobierno aparecerá por encima ya que el logo
ocupa 224px desde el lateral derecho. Se recomienda que el
degradado de la imagen hacia el blanco empiece antes de los 800px de
ancho en la imagen de cabecera. La Ilustración 26 nos muestra la
cabecera para una resolución de pantalla de 1280px.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
33 de 106
-
La altura de los logos de la cabecera es la que establece la altura de la
cabecera y por lo tanto el comienzo del área de contenidos. La imagen
de cabecera deberá tener una altura 23 píxeles más alta que los logos
para que se integre perfectamente con el menú de navegación. Ver
ilustración 26. Las líneas azules marcan las 2 alturas de los logos
actuales, y se ve como la línea donde acaba el logo del centro indica
dónde empieza el menú de navegación.
Ilustración 26 Alturas usadas en la cabecera
3.3.2.6
Gama de colores
También se dispone de una gama de 5 colores para personalizar el aspecto
del portal. Cómo seleccionar la gama de colores para una o todas las páginas
del portal se describe en la sección 4.1.3.
4.
GESTIÓN DE LAS PÁGINAS DEL PORTAL
Para administrar las páginas del portal tenemos 2 vías de acceso que hemos
visto en la sección anterior. Desde el menú de administración (ilustración 15)
y desde el panel de control, sección de comunidades. Desde esta segunda
opción te permite configurar también la comunidad (ver ilustración 24) para
establecer la imagen de cabecera. Por lo demás, se acceda por donde se
acceda, las funcionalidades son las mismas.
4.1
Configuración de páginas
Accediendo desde el menú de administración nos encontramos con el gestor
de las páginas del portal visualizado en la ilustración 27. La gestión de
páginas nos presenta una sección de administración en la que en la parte
derecha aparece el árbol de páginas del portal. En aquellos nodos del árbol
que contienen subpáginas aparece una flecha al lado que permite visualizar o
no sus páginas hijas. Por ejemplo, la página de formación aparece desplegada
mostrando sus subpáginas. Para desplegar o colapsar todas las subpáginas
existe una opción justo encima del árbol.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
34 de 106
En éste punto es recomendable fijarse cómo las páginas de primer nivel de la
comunidad coinciden con las páginas del menú de navegación. Salvo una
excepción, la página inicial (Inicio) de acceso al portal o primera página hija
de la comunidad Guest (Guest hace referencia a la comunidad actual, es
decir, la comunidad pública sobre la que se monta todo el portal Web). Dicha
página principal se muestra en la cabecera junto con las opciones de
Formulario de contacto y Mapa del Web.
Ilustración 27 Gestión de las páginas del portal
Haciendo clic sobre cualquier página del árbol, en la parte de la derecha se
nos muestra su detalle pudiendo modificar la configuración de dicha página.
Por defecto, al acceder a la gestión de las páginas del portal se nos muestra
para editar la página desde la cual hemos accedido a la gestión de páginas.
Para asegurarse sobre qué página se está editando, justo encima aparece un
mensaje con el camino de migas a la página. En el ejemplo se está editando
la página: Guest >> Inicio.
Entre las opciones que nos permite trabajar la edición de una página son las
siguientes:
Portal Web de Centros de Educación: Administración y Gestión de contenidos
35 de 106
-
Pestaña Página: Nos muestra los detalles de edición de la página
actual.
-
Sub-secciones: Nos permite añadir o reorganizar las páginas hijas de
la sección actual.
-
Apariencia: Nos permite modificar la forma de presentar la página
actual.
4.1.1 Edición de página
Esta es la pestaña seleccionada en la ilustración 27 y nos permite modificar:
-
el nombre de la página (y en los distintos idiomas del portal),
-
el título que aparece en la ventana del navegador (por defecto aparece
el nombre de la página),
-
decidir si la página actual está oculta (es decir, si aparece en los
menus de navegación),
-
la URL amigable (permite asignar una URL de acceso rápido a esta
página desde el navegador, en este caso configurado con “/inicio” para
la página de inicio),
-
Metadatos y elementos adicionales a añadir a la página.
Además aparecen otras opciones que nos permiten por ejemplo copiar una
página origen, con su distribución de contenidos y sus contenidos.
Por último, es interesante mencionar el tipo de página. El tipo de página
configura el comportamiento de la página. Por defecto, todas las páginas son
de tipo portlet, es decir, que albergan contenidos del portal. Pero existen
otros tipos tales como enlace a página (que permite seleccionar una página
del portal a la que debe navegar); o URL (que permite especificar una URL a
la que navegar, del portal o no).
4.1.2 Sub-secciones
La pestaña de sub-secciones nos permite añadir nuevas páginas o modificar el
orden de las páginas. La ilustración 28 muestra como se añadirían nuevas
páginas hijas de la página de Inicio. Se recomienda siempre crear las páginas
ocultas
inicialmente
mientras
que
se
trabaja
con
ellas,
para
luego
visualizarlas. De esta forma evitaremos que la gente navegue a ellas cuando
todavía no están listas para el público.
4.1.3 Apariencia
La pestaña de apariencia permite cambiar el diseño a utilizar en el portal
(Theme o Tema). Por defecto se está usando el KAIOA THEME V1 desarrollado
específicamente para los portales web de los centros (ver ilustración 29).
Dicho tema nos permite seleccionar entre 5 gamas de colores, según la
Portal Web de Centros de Educación: Administración y Gestión de contenidos
36 de 106
identidad del centro. Desde esta pestaña se cambia el tema y la gama de
colores para la página actual, sobre-escribiendo el estilo general (usar la
apariencia general SI/NO). La apariencia general para todas las páginas de la
comunidad se modifica en la pestaña de apariencia que aparece arriba del
todo entre las pestañas Páginas y Exportar/Importar.
El resto de las opciones son para la gestión avanzada, pudiendo modificar los
estilos concretos para una página añadiendo código CSS, entre otras cosas.
Ilustración 28 Formulario de adición de una página nueva hija
Portal Web de Centros de Educación: Administración y Gestión de contenidos
37 de 106
Ilustración 29 Selección de la gama de color
4.2
Plantilla de página
Hasta ahora hemos visto como crear y estructurar las páginas en el árbol del
portal, pero desde el principio estamos diciendo que la estructura interna del
área de contenidos de una página es configurable (para aquellas páginas de
tipo portlet). Dicha estructura interna se llama plantilla de página.
Para modificar la plantilla de página asociada a una página del portal,
deberemos navegar a la página objetivo y seleccionar desde el menú de
administración (ver ilustración 15) la opción “plantilla de página”. Con ello nos
aparecerá la pantalla de la ilustración 30 que nos permite seleccionar una
estructura para la página.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
38 de 106
Ilustración 30 Pantalla de selección de una plantilla de página
Portal Web de Centros de Educación: Administración y Gestión de contenidos
39 de 106
5.
GESTIÓN DE CONTENIDOS
Una vez se conoce cómo crear y gestionar el árbol de páginas, solo queda
incluir los contenidos. Para ello se proveen varios componentes que nos van a
permitir tanto crear contenidos como añadirlos a las páginas.
Antes de entrar en harina, es importante mencionar que por un lado tenemos
páginas, y por otro se gestionan contenidos. Las páginas son espacios donde
se incrustan contenidos. Un contenido se puede añadir en distintas páginas, y
si es modificado en una de ellas, también se modificará en las otras en las
que ha sido añadido. Si un contenido se borra de una página, simplemente se
está eliminando la referencia desde la página, no el contenido. Para borrar un
contenido, éste hay que borrarlo desde la gestión de contenidos.
Dicho esto, se dispone de una serie de portlets / componentes que nos
permiten presentar los contenidos y estructura de páginas del portal. Ésta
sección describe los conceptos que utiliza la gestión de contenidos, los
portlets que se han usado para montar el portal, cómo se añaden a las
páginas y como se usan para incluir publicar contenidos.
5.1
Administración de contenidos
Esta sub-sección nos va a presentar la administración de contenidos en
Liferay, aunque para conocer cómo funciona la gestión de contenidos de
Liferay primero vamos a introducir los conceptos que se manejan. En el día a
día de mantenimiento del portal dichos conceptos no sean los más
importantes o no se actúe sobre ellos, permitirán coger una base para
comprender cómo funciona el portal.
Para poder acceder a la administración de contenidos, primero deberemos
identificarnos contra el portal como administradores (ver sección 3). Para ir a
la administración de contenidos deberemos entrar en el panel de control
usando el menú de administración de Liferay (ver sección 3) y una vez allí,
seleccionaremos “Contenido Web”. Esto nos abrirá la administración de
contenidos de Liferay (ver Ilustración 31).
5.1.1 Conceptos
La gestión de contenidos se basa en tres conceptos, que se pueden apreciar
en las pestañas superiores:
-
Estructuras: Definen que campos tiene un tipo de contenido. Por ej:
Una noticia tiene un resumen, un autor, una fecha, etc.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
40 de 106
-
Plantillas: Definen como se visualizan los contenidos creados en base a
una estructura (toda estructura debe por lo menos tener una plantilla
de visualización). Por ejemplo, cuando se visualiza una noticia en un
listado solo aparece el titulo. Una plantilla contiene un fichero con un
“Script” o programa que especifica cómo se presenta en HTML un
contenido.
-
Artículos: Un artículo es la unidad de contenido del portal. Si al crearlo
se especifica una estructura (por ejemplo noticia), el nuevo artículo se
consideraría la noticia en sí. La unidad de información.
Ilustración 31 Administración de contenido web
Por último, las otras 2 pestañas, Feeds y Reciente, permiten publicar accesos
RSS a los contenidos (p.e. a las noticias) y acceder a los últimos contenidos
editados.
Dada la complejidad y conocimiento necesario que implica la realización de las
plantillas, en el portal de los centros las estructuras y plantillas en principio no
se tocan a no ser que se tenga un conocimiento avanzado.
Así mismo, dichas plantillas y estructuras podrían sufrir evoluciones en el
tiempo, de forma que para garantizar que son las mismas para todos, la parte
Portal Web de Centros de Educación: Administración y Gestión de contenidos
41 de 106
de modificación y gestión de las estructuras y sus plantillas se realizará por
parte de la administración del portal. Este documento no describe por lo tanto
como administrarlas pero si conceptualmente cómo se han usado.
5.1.2 Lógica de Plantillas
Para aquellas estructuras que son listables, y de cara a proveer una cierta
variabilidad en la publicación de listados (p.e. Noticias) normalmente en los
portales Web de los centros, las estructuras tendrán asociadas 3 plantillas:
Visualización en formato Linea, Visualización en formato Destacado y
Visualización en formato Completo (o detalle).
Es decir, por ejemplo, cuando creemos una noticia, podremos visualizarla
simplemente como una línea que contiene el titulo y la fecha de la noticia;
como una noticia destacada donde además del título y la fecha se incluyen la
foto, el texto de resumen y el autor; o bien en detalle donde se mostrará con
todos los campos para llenar una página de contenido.
Los distintos modelos de plantillas usados en los portales se describen en la
sección 0.
5.1.3 Gestión de artículos
La gestión del portal se basa principalmente en la creación y modificación de
artículos.
5.1.3.1
Cómo encontrar un artículo o contenido
Si nos fijamos, la administración de contenido web, en su página principal nos
provee directamente un buscador o filtro para encontrar los artículos que
queramos. El buscador simple busca por todos los campos de un articulo,
mientras que el buscador avanzado permite buscar por los atributos genéricos
de los artículos (id, título, contenido, etc.). Sin embargo, el buscador
avanzado tiene una limitación, solo busca sobre aquellas palabras que estén
en minúscula. La Ilustración 32 muestra los 2 tipos de búsqueda.
Ilustración 32 Búsqueda simple vs. Búsqueda avanzada
Portal Web de Centros de Educación: Administración y Gestión de contenidos
42 de 106
Además del buscador, también podemos localizar directamente aquellos
contenidos asociados con una estructura. Para ello deberemos localizar la
estructura en la que estamos interesados, y entre las opciones disponibles,
seleccionar la de “Ver contenido web” (ver Ilustración 33).
Ilustración 33 Acceso a los artículos asociados a una estructura
Entonces accederemos a la pestaña de contenido web donde se ha activado
un filtro por la estructura. En el ejemplo de la ilustración visualizaremos todas
las noticias del portal (ver Ilustración 34).
Ilustración 34 Acceso a todas las noticias del portal
Portal Web de Centros de Educación: Administración y Gestión de contenidos
43 de 106
La tabla de resultados se puede ordenar por el campo deseado (nombre,
fecha de publicación, estado, etc.) de forma que nos permitirá localizar el
artículo deseado más rápidamente.
5.1.3.2
Cómo crear / editar artículos
Para crear un nuevo artículo deberemos hacer clic sobre el botón “Añadir
contenido web” debajo del formulario de búsqueda. Por defecto al crear un
artículo se nos muestra un formulario solicitando una serie de campos (ver
Ilustración 35).
Ilustración 35 Estructura de la pantalla de edición de contenidos
La pantalla de edición tiene las siguientes secciones:
La edición de contenidos tiene 4 bloques independientes:
-
La cabecera:
o
Metadatos: Nos permite introducir el nombre del artículo. Dicho
nombre debe ser los suficientemente identificativo para una
localización posterior fácil. Éste campo solo se usa en la
administración de contenidos.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
44 de 106
o
Idioma: Una vez se ha guardado el artículo se habilitarán las
opciones del idioma.
-
El pie:
o
Metadatos:
Abriendo
las
opciones
de
Resumen
se
nos
mostrarán campos que nos permitirán describir el artículo. Se
recomienda no usarlos ya que son simplemente campos
descriptivos para el artículo actual. Sirven para que al editar el
contenido tengamos un resumen (para el administrador) sobre
dicho artículo y sepamos de que trata. Dichos campos no se
usan en ningún otro lugar del portal.
o
Acciones: Muestra las acciones que se pueden realizar sobre un
artículo.
-
Las cajas laterales. Contienen distintos aspectos funcionales de los
artículos:
o
Selección de Estructura y Plantilla por defecto: Nos permite
asociar una estructura al artículo actual. Por ejemplo, si
queremos crear una noticia, seleccionaremos la estructura de
noticias. Ello nos habilitará también la selección de una plantilla
de visualización por defecto.
o
Estado del Artículo: Permite gestionar el estado del articulo y
sus versiones.
o
Clasificación y etiquetado del artículo: Permite clasificar los
artículos en base al tipo (aviso, general, noticias, test, etc.
configurados en el portal) o bien en base a etiquetas definidas
por el usuario. Se recomienda que el tipo sea general. Sirve
para generar distintos listados asociados a una estructura (p.e.
podremos generar listados de noticias asociadas a proyectos
etiquetando cada noticia con el nombre del proyecto).
o
Fechas de publicación, expiración, etc. Sirve para controlar
cuando estará disponible públicamente la noticia.
-
Por último, el área central muestra el editor de contenido: Cuando no
se selecciona una estructura de datos, el portal te permite introducir
directamente el texto del artículo; sino muestra los campos asociados
a la estructura seleccionada. Todos los campos tienen un check de
localizado que permite especificar si el contenido introducido es igual
para todos los idiomas o es diferente por cada idioma (ver Ilustración
37).
5.1.3.2.1
Acciones
Las acciones que se pueden ejecutar sobre un contenido están asociadas al
ciclo de vida del contenido: Creado o Nuevo => Aprobado => Expirado. Un
artículo necesita estar Aprobado para ser publicado.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
45 de 106
En este sentido destacamos 3 opciones:
-
Guardar: Permite guardar el articulo actual y volver al listado.
-
Guardar y continuar: Permite guardar el artículo actual y seguir
editándolo. Por ejemplo, esto se utiliza mucho para añadir o editar
idiomas.
-
Guardar y aprobar: Como el guardar, pero además se aprueba el
artículo para ser publicado.
5.1.3.2.2
Idiomas
Al editar un artículo en la cabecera se muestran las opciones de selección de
idioma. Cuando creamos un artículo, y se introducen datos, por defecto
estamos rellenando lo
correspondiente al idioma en el que estemos
navegando. Una vez lo guardemos, se habilitaran en el artículo las opciones
de selección de idioma.
Por defecto, al acceder a la edición de un artículo, se accede en el idioma en
el que se está navegando. Es importante antes de editar el artículo, fijarse
que estamos editando el idioma correcto.
Para editar el articulo en otro idioma, deberemos guardar primero los cambios
efectuados con el actual (guardar y continuar) y luego seleccionar el idioma
en la opción de selección. Por defecto, si dicho idioma no ha sido introducido
previamente se mostrarán los datos correspondientes al idioma por defecto,
que se editaran al nuevo idioma; si no se cargaran los datos existentes para
el artículo seleccionado.
Es importante acordarse de:

Guardar antes de cambiar de idioma.

Una vez guardado y continuado, no seguimos en el idioma por defecto
sino que se carga el idioma con el que estamos navegando.

Cerciorarse de que estamos editando el idioma correcto.
5.1.3.2.3
Selección de una estructura / cómo añadir una p.e.
Noticia
Al crear un artículo, en la caja superior se permite seleccionar un artículo. Al
hacer clic en el botón de selección de una estructura se nos abrirá el diálogo
mostrado en la Ilustración 36. Una vez seleccionada una estructura (p.e.
Noticia) se actualizarán los campos correspondientes a la edición del artículo
(ver Ilustración 37). También nos permite asociar una plantilla por defecto.
La plantilla por defecto asociada es importante ya que ésta se usará en ciertos
portlets al presentar el contenido en las páginas. Se recomienda establecer la
Portal Web de Centros de Educación: Administración y Gestión de contenidos
46 de 106
plantilla de Detalle o Completo. La plantilla por defecto se usa en las
siguientes secciones sin posibilidad de cambio:

Búsqueda general del portal: Se utiliza esta plantilla para visualizar los
artículos que se han encontrado. Ver sección 5.3.1.

Agenda: Al asociar un artículo a un evento de la agenda, la plantilla
por defecto se usa para mostrar el artículo.

RSS: Al publicar un RSS, se usa la plantilla por defecto para mostrarlo.
Ilustración 36 Pantalla de selección y asociación de una estructura en la
edición de un articulo.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
47 de 106
Ilustración 37 Edición de una noticia
5.1.3.2.4
Edición de un artículo
Una vez se ha localizado el artículo deseado (ver 5.1.3.1), para editarlo, solo
hay que hacer clic sobre éste en el listado de resultados y pasaremos a
visualizarlo en modo edición.
El modo de edición de un artículo es el mismo que el de creación de un
artículo descrito previamente donde se han actualizado tanto las acciones y
los campos con los datos correspondientes.
5.1.4 Uso de los artículos
Una vez se ha creado un artículo (o contenido web), p.e. una noticia o un
proyecto, este se puede mostrar de diversas maneras en las páginas. Todas
ellas a través de portlets que publican dichos contenidos. Principalmente se
usarán los siguientes portlets para presentar los contenidos:
1. En un contenido único (Portlet visor de contenido web).
2. En un listado con más noticias (portlet KAIOA Listado).
En los portales de los centros se usan ambos portlets. El de contenido se usa
para la mayor parte de los contenidos presentados, principalmente cuando
Portal Web de Centros de Educación: Administración y Gestión de contenidos
48 de 106
son estáticos o con poca frecuencia de cambio y actualización. En cambio, el
de
listado
se
usa
para
generar
un
listado
con
p.e.
las
últimas
noticias/proyectos/etc. Dichos contenidos se caracterizan por una frecuencia
de actualización alta, de forma que automáticamente se listan en las páginas
las nuevas noticias creadas sin tener que añadirlas manualmente.
Es importante tener en cuenta que los contenidos, una vez creados, pueden
ser visualizados en las páginas que se crea oportuno. Es decir, al crear un
contenido, este no tiene por qué visualizarse solo sobre la página para la cual
ha sido creado sino que también se puede añadir en otras páginas. Por
ejemplo, el titulo de la sección de actualidad aparece en tanto en la home
como en la página de actualidad. Cambiando el título, éste se modifica en las
2 páginas en las que ha sido incluido.
La siguiente sección introduce qué portlets se han usado y cómo para generar
las páginas del portal.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
49 de 106
5.2
Portlets
Antes de describir los portlets, vamos a ver cómo podemos añadirlos a las
páginas.
5.2.1 Cómo añadir portlets a las páginas del portal
Una vez se ha creado una página y asignado una plantilla de página (ver
sección 4), solo nos queda añadir los contenidos a dicha página. Para ello,
una vez se haya navegado a la página objetivo, sobre el menú de
administración de liferay (ver sección 3.2) tendremos la opción de añadir
portlets. Al seleccionarla se nos mostrará la ventana de la Ilustración 38.
Ilustración 38 Menú de adición de portlets a una página
Portal Web de Centros de Educación: Administración y Gestión de contenidos
50 de 106
Bajo la sección de “Gestión de contenidos” se encuentran los portlets usados:
1. Camino de Migas: Portlet que muestra el camino de migas a la página
actual.
2. KAIOA Agenda: Portlet que muestra la agenda.
3. KAIOA Búsqueda: Portlet que permite realizar búsquedas especificas
sobre una estructura.
4. KAIOA Listado: Portlet que permite construir un listado de contenidos.
5. KAIOA Contenido: Portlet que integrado con el KAIOA Listado, presenta
los contenidos al navegar desde el listado.
6. Mapa del Web: Presenta las secciones principales del portal.
7. Navegación: Permite mostrar un menú con las subsecciones de la
página actual del portal.
8. Visor de Contenido Web: Permite incluir contenidos sobre las páginas.
Una vez que se añade un portlet a una página, este se puede mover entre las
distintas áreas de la página. Para moverlo, simplemente hay que hacer clic
sobre el nombre y arrastrarlo a la zona donde queremos moverlo (ver sección
3.1). También se podrá configurar para que quede como se pretende, junto
con otras opciones generales descritas en la sección referenciada. A
continuación describimos cómo se usan los distintos portlets.
5.2.2 Portlet de Camino de Migas
Este portlet presenta el camino de migas desde la sección principal a la
página actual. La Ilustración 39 presenta el portlet de camino de migas sobre
la página de presentación e historia de descripción del centro.
Ilustración 39 Camino de migas a la página Presentación e historia del portal
5.2.3 Portlet de Navegación
El portlet de navegación permite construir los típicos submenús encontrados
en la columna de la izquierda de las páginas del portal. La Ilustración 40
presenta el portlet al añadirlo a una página (en concreto, presentación e
historia).
Ilustración 40 Portlet de navegación al añadirlo a una página, sin configurar
Portal Web de Centros de Educación: Administración y Gestión de contenidos
51 de 106
Ahora hay que configurar el portlet. Haciendo clic sobre los 3 puntos, nos
presenta el menú de configuración del portlet (ver ). Las otras opciones ya
han sido descritas en la sección 3.1.
Ilustración 41 Acceso a la configuración del portlet de navegación
Estas opciones del menú de configuración son generales a todos los portlets
de liferay.
La opción de Exportar/Importar permite exportar/importar la configuración o
contenidos del portlet en concreto. No se usa en el día a día de la
administración del portal.
La opción de Apariencia permite especificar estilos CSS específicos para este
portlet en ésta página. Esta opción puede ser usada por usuarios avanzados
con conocimientos específicos de HTML y CSS, aunque se sugiere no tocar
nada sin antes consultar.
Ilustración 42 Configuración del portlet de navegación
Portal Web de Centros de Educación: Administración y Gestión de contenidos
52 de 106
Por último, la sección que nos interesa es la de configuración. Al hacer clic
sobre configuración el portlet se maximiza (es decir, ocupa todo el área de
contenidos de la página). La pantalla de configuración (ver Ilustración 42) nos
permite especificar un estilo de presentación. Nos da 6 opciones por defecto,
pero recomendamos usar la opción de personalizado ya que nos permite
obtener de una manera más fácil lo que se desea hacer. Encima del estilo de
presentación hay una preview del portlet una vez se le da a guardar. Al
especificar personalizado nos presenta las opciones de la Ilustración 43.
Ilustración 43 Configuración personalizada del portlet de navegación
Las opciones que se presentan son las siguientes:

Cabecera: Si se quiere una cabecera o título sobre el menú de
navegación. Por defecto aparece el camino de migas. Se recomienda
no poner nada.

Disposición de la página raíz: Desde qué página se presenta el menú
de navegación. 2 opciones:
o
Página padre en el nivel: Del árbol de páginas, desde que nivel
del árbol se parte hasta la página actual. Por defecto 1. Opción
recomendada.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
53 de 106
o
Página padre subiendo: Del árbol de páginas, desde que página
inmediatamente superior se parte. Por defecto 1, es decir, se
sube 1 nivel en el árbol.

Qué páginas hijas se incluyen: Automático, comportamiento normal y
recomendado; Todos, incluye todas las subpáginas.

Subpáginas jerarquizadas: Si se presentan los menús en jerarquía o se
presentan como distintos menús uno seguido del siguiente. Se
recomienda mostrar las páginas jerarquizadas.
Con las opciones recomendadas (Ilustración 43) para el portlet de navegación
en la página de “Presentación e historia”, éste se presenta como en la
Ilustración 44.
Ilustración 44 Portlet de navegación sobre la página Presentación e historia
5.2.4 Portlet Visor de contenido web
El visor de contenido web, como su propio nombre indica, permite publicar
contenidos de la gestión de contenidos sobre las páginas del portal. Al
añadirlo sobre una página, este portlet inicialmente está vacío (ver Ilustración
45) y por lo tanto no publica nada. Si
nos salimos del modo de
administración, veremos que este portlet ni siquiera ocupa espacio.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
54 de 106
Ilustración 45 Visor de contenido web vacio
El portlet nos provee de 2 opciones. Si nos fijamos al final de la Ilustración 45
podemos ver 2 imágenes que hacen referencia a dichas opciones: la rueda de
selección, el documento con un + la adición.
5.2.4.1
Cómo seleccionar un contenido a presentar en un visor
de contenidos
Si hacemos clic en la rueda al final del portlet, entraremos en la pantalla para
seleccionar un contenido que queramos mostrar (ver Ilustración 46). A esta
pantalla también se puede acceder desde la opción de configuración del
portlet.
Ilustración 46 Selección de un contenido web en el visor
Si nos fijamos, en esta pantalla nos muestra el buscador de contenidos que
hemos visto previamente sobre el panel de control, seguido de un listado de
contenidos que se pueden seleccionar. Al seleccionar un contenido (Ilustración
47), se muestra un aviso especificando el ID del contenido mostrado (en este
Portal Web de Centros de Educación: Administración y Gestión de contenidos
55 de 106
caso MATRICULA09). También, en el caso de que el artículo disponga de
varias plantillas de visualización, se permite seleccionar con cual se mostrará
el artículo.
Las demás opciones que aparecen no son interesantes y pueden distorsionar
la visualización del artículo en el portal.
Ilustración 47 Selección del destacado de la home de matriculación
El resultado de realizar esta selección se puede apreciar en la Ilustración 48.
Al seleccionar un contenido, ahora se nos muestran 2 opciones adicionales:
editar el contenido web, y editar la plantilla utilizada para mostrar el
contenido web. Se recomienda no usar esta segunda opción ya que afectará
globalmente a todos los contenidos que utilicen dicha plantilla.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
56 de 106
Ilustración 48 Visor con el contenido de matriculación seleccionado
5.2.4.2
Cómo añadir un contenido desde el visor de contenidos
Haciendo clic sobre el documento con un (+) nos permite añadir un contenido
al gestor de contenidos. Es una acción similar a la realizada desde la
administración de contenidos al añadir un contenido web, y el resultado es el
mismo, solo que queda asociado para ser presentado en el visor actual. La
Ilustración 49 nos presenta el mismo formulario visto previamente en la
administración de contenidos (sección 5.1.3.2).
Ilustración 49 Añadir contenido desde un visor
Al crear el contenido, si se guarda y no se aprueba, el visor de contenido no
mostrará nada ya que el contenido creado no ha sido aprobado.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
57 de 106
5.2.4.3
Cómo editar un contenido desde el visor de contenidos
El contenido visualizado a través de un visor puede ser editado directamente
desde el visor. Para ello, haremos clic sobre el documento con un lápiz que
aparece como la primera de las opciones (ver Ilustración 48). Dicha acción
nos llevará a la pantalla de edición de contenidos web. Dicha pantalla es la
misma que la de la administración de contenidos web en el panel de control al
editar un artículo.
5.2.4.4
Cómo quitar el contenido de un visor de contenidos
No se puede. La forma de hacerlo es quitando el visor deseado de la página y
añadiendo uno nuevo.
Si
lo
que
se
pretende
es
cambiar
el
contenido,
podremos
hacerlo
seleccionando un contenido nuevo a través de la selección de contenidos (ver
sección 5.2.4.1).
5.2.5 Portlet de KAIOA Listado
El objetivo del portlet KAIOA Listado es la de permitir mostrar los contenidos
de Liferay listados. Este portlet funciona integrado con el portlet KAIOA
Contenido. Al seleccionar un elemento del listado, según se especifique en la
configuración se navega a una página que contiene el portlet de KAIOA
Contenido. Este portlet se encargará de mostrar tal y como ha sido
configurado el contenido seleccionado. El portlet de KAIOA Contenido no
puede funcionar por si solo.
Al añadir el portlet de listado por primera vez en una página de Liferay, éste
se mostrará avisando de que la configuración del portlet está aún por
especificar (ver Ilustración 50).
Ilustración 50 Portlet de KAIOA Listado no configurado
5.2.5.1
Cómo configurar un listado
Portal Web de Centros de Educación: Administración y Gestión de contenidos
58 de 106
Ilustración 51 Opciones de configuración de un portlet sobre KAIOA Listado
Liferay provee 2 métodos para configurar un portlet. Dichas opciones están
accesibles al hacer clic sobre los 3 puntos en la barra de título superior sobre
el portlet (ver Ilustración 51). Las opciones son Configuración y Preferencias.
No todos los portlets tienen ambas. Por ejemplo, el portlet de navegación
visto anteriormente solo tiene la de Configuración.
La lógica de las opciones es la siguiente:

Configuración: Permite configurar elementos específicos e inherentes al

Preferencias: Permite adaptar el funcionamiento del portlet a las
portal.
preferencias de visualización especificadas por el usuario.
El portlet de KAIOA Listado hace uso de las Preferencias. La Ilustración 52
presenta la pantalla la primera vez que se accede a las preferencias.
Ilustración 52 Pantalla de configuración del listado
Para configurar el portlet primero se debe seleccionar la comunidad de la cual
queremos obtener los contenidos (la comunidad que contiene el portal es la
Guest). Una vez seleccionada una comunidad, nos permite seleccionar la
estructura de dicha comunidad a la que asociaremos el listado.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
59 de 106
Por ejemplo, si queremos crear un listado de noticias, seleccionaremos la
estructura Noticia (ver Ilustración 53). Si queremos crear un listado de
proyecto, seleccionaremos la estructura Proyecto.
Ilustración 53 Selección de una estructura en la configuración del listado
Ilustración 54 Configuración completa de un listado de noticias
A continuación, al seleccionar una estructura, se cargan las plantillas
disponibles
en
tres
listas
desplegables:
“Plantilla
principal”,
“Plantilla
secundaria” y “Plantilla para el contenido”. Las plantillas de Liferay son
“patrones” que guían la forma en la que se visualizan los contenidos. Por
tanto, este portlet hace uso de las plantillas para mostrar los contenidos de
distintas formas.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
60 de 106
La plantilla seleccionada en la lista desplegable “Plantilla principal” se usa para
mostrar el primero de los contenidos. El motivo de diferenciar el primer
contenido del resto es que suele ser habitual querer destacar el primero de los
contenidos mostrando más detalles del mismo. La “Plantilla secundaria” por
tanto se usará para mostrar el resto de los contenidos del listado.
La última de las plantillas, “Plantilla para el contenido”, es la plantilla con la
que se mostrará el contenido de forma más detallada una vez se selecciona
una noticia en el listado. Esta plantilla no afecta directamente a este portlet
sino que afecta al portlet de contenido, ya que especifica la forma en que se
mostrarán los contenidos en este segundo portlet.
En la Ilustración 54 se muestra la configuración del listado para construir un
listado de Noticias, en el cual la primera noticia se muestra destacada y el
resto se muestran como líneas.
Las dos siguientes listas desplegables, sirven para seleccionar si se quieren
mostrar los contenidos paginados o no, y cuantos contenidos se mostrarán en
cada página. En el ejemplo no se pagina el listado y solo se mostrarán las 5
primeras noticias.
Los dos siguientes campos indican cómo se quieren ordenar los datos. Se
pueden ordenar por fecha de publicación, modificación, etc. en orden
ascendente o descendente. Lo normal es ordenar por la fecha de publicación
(cuando se publican en el portal) y en orden descendente (las más nuevas
primero).
También hay que configurar los filtros que se aplican a los contenidos. Es
decir, no se van a publicar todas las noticias sino solamente aquellas que
cumplen con un determinado criterio. Dicho criterio se establece a través de
dos campos: Tipo y Tags. Dichos datos se especifican al crear los contenidos
(ver sección 5.1.3.2).
La lista desplegable “Tipo” se usa para filtrar los contenidos de un tipo
concreto. Normalmente los contenidos se crean con el tipo “General” pero se
pueden distinguir entre los contenidos usando distintos tipos.
El campo “Tags” nos permite introducir etiquetas que se hayan asociado a los
artículos. Aquellos artículos que tengan asociada alguna de esas etiquetas,
serán presentados en el listado.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
61 de 106
Por eficiencia, se recomienda usar el filtro “Tipo” ya que es más eficiente. Sin
embargo, el uso de tags es más versátil y permite adoptar soluciones de
listado más complejas.
Finalmente, en el campo “Url”, se definirá la url amigable (Friendly URL de
Liferay, ver sección 4.1.1) de la página en la que se sitúa el portlet de KAIOA
Contenido que se usará para mostrar los contenidos aplicando la plantilla
especificada en el campo “Plantilla para el contenido”.
Hay que destacar un detalle que afecta a la redirección dependiendo del
comienzo del contenido de este campo. Si el contenido aquí introducido
comienza por el carácter “/”, se tomará como una dirección absoluta en el
portal.
Por
ej.
si
el
portal
es
www.kaioa.es,
siendo
la
redirección
/web/guest/formacion/detalle, la dirección donde se encontrará la
página
con
el
portlet
de
visualización
de
contenidos
será
www.kaioa.es/web/guest/formacion/detalle.
En caso contrario, se tomará como dirección relativa a la dirección de la
página en la que está el portlet. A continuación mostramos un ejemplo:
http://servidor/pagina
URL Destino
detalle
http://servidor/pagina
URL Destino
/detalle
http://servidor/pagina/detalle
“Texto detallado
del artículo”
http://servidor/detalle
“Texto detallado
del artículo”
Como se puede ver en el ejemplo, un portlet de listado cuyo parámetro “URL
Destino” sea “detalle” y esté situado en “http://servidor/pagina”, nos llevará a
la página “http://servidor/pagina/detalle”, en cambio, si el valor de “URL
Destino” es “/detalle”, nos llevará a “http://servidor/detalle”.
Una vez concretados los parámetros de configuración, se almacenarán las
preferencias en la base de datos pulsando en botón “GUARDAR”. En cualquier
caso, después de pulsar el botón, el portlet nos avisará si las preferencias se
han almacenado correctamente.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
62 de 106
En caso de que no se haya seleccionado alguno de los campos mostrara un
aviso de error informado cual es la información que falta.
5.2.5.2
Visión del Listado
Una vez que se ha configurado el listado, la Ilustración 55 nos muestra como
se visualiza el listado normalmente.
Ilustración 55 Listado de las ultimas 5 noticias, la primera destacada
Como se puede ver en la ilustración, el primero de los contenidos muestra
más información mientras que el resto de los contenidos no son tan
detallados.
Finalmente, haciendo clic en el título de los contenidos, la navegación se
redireccionará a la página asociada en la que debería haber un portlet de
KAIOA Contenido. Dicho portlet de KAIOA Contenido mostrará el contenido
con mayor detalle. Es importante que esto sea así ya que si la página no
existe, el portal mostrará un error especificando que “el recurso no ha sido
encontrado”. Por otro lado si la página si existe y no contiene el portlet de
Portal Web de Centros de Educación: Administración y Gestión de contenidos
63 de 106
KAIOA Contenido, solo se visualizarán los contenidos de dicha página y no los
que el usuario se espera (detalle del contenido seleccionado).
5.2.6 Portlet de KAIOA Contenido
La funcionalidad del Portlet contenido es mostrar contenidos de Liferay
teniendo en cuenta los parámetros que le llegan desde el portlet listado.
En ningún caso se debería acceder a este portlet o a la página en la que se
encuentra este portlet directamente. Este portlet está diseñado para mostrar
un único contenido cuyo identificador le llegara como parámetro junto con el
identificador de la plantilla con la que se quiere formatear. La Ilustración 56
muestra el portlet recién añadido a una página, y por lo tanto sin recibir los
parámetros.
Ilustración 56 Portlet de KAIOA Contenido sin el contenido a mostrar
El funcionamiento normal de este portlet sería acceder a él bien a través del
portlet KAIOA Listado o a través del portlet de KAIOA Búsqueda ya que estos
dos últimos están pensados para interactuar con el portlet de contenido. La
Ilustración 57 muestra una noticia navegada desde el listado de noticias.
Ilustración 57 Visualización de una noticia
El portlet de contenido se suele colocar en una página hija de detalle de la
página en la que se encuentra el portlet KAIOA Listado. Dicha página de
detalle suele así mismo estar oculta para que no aparezca en los menús de
navegación y sólo se pueda acceder directamente desde el listado. De esta
Portal Web de Centros de Educación: Administración y Gestión de contenidos
64 de 106
forma conseguiremos un efecto de listado – detalle que se refleja en los
caminos de migas del portal.
Para que este portlet funcione correctamente es importante configurar el
KAIOA Listado para que la URL que se pone apunte a la página donde está
este portlet (ver sección 5.2.5.1). Para ello también es importante establecer
la Friendly URL de la página donde se pone el portlet de contenido (ver
sección 4.1.1).
5.2.7 Portlet de KAIOA Búsqueda
La funcionalidad del Portlet KAIOA Búsqueda es, dado un tipo de contenido
(p.e. Noticia) permitir a los usuarios buscar aquellos contenidos del tipo
configurado (p.e. noticias), que cumplen con los términos de búsqueda
especificados.
Además permite realizar búsquedas avanzadas por los campos de los
contenidos. Es decir, dada una Noticia, permite buscar Noticias por el Autor,
Título, etc.
Al insertar el portlet listado por primera vez en una página de Liferay se
mostrará como en la Ilustración 58, avisando de que las preferencias están
aún por especificar.
Ilustración 58 Portlet de KAIOA Búsqueda sin configurar
Una vez realizada una búsqueda, se mostrará un listado con aquellos
contenidos que concuerdan con los términos de búsqueda. Al seleccionar un
contenido, al igual que en el portlet de KAIOA listado, se navegará a una
página que presentará el contenido tal y como se ha especificado en la
configuración de la búsqueda.
5.2.7.1
Cómo configurar la búsqueda
Al igual que el listado, al editar las preferencias seleccionaremos la comunidad
sobre la cual queremos habilitar las búsquedas, la estructura por la que
filtraremos, y el modo en el que los visualizaremos.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
65 de 106
Ilustración 59 Configuración del Portlet de KAIOA Búsqueda
La Ilustración 59 muestra la pantalla de edición de las preferencias para el
portlet de búsqueda. En este ejemplo, se ha configurado una búsqueda de
Noticias donde los resultados aparecen listados destacados y al seleccionar
una se navegará a visualizar el detalle en portlet KAIOA Contenido de la
página “visualizador” hija de la página actual en la que se encuentra el portlet
de búsqueda (comportamiento similar al del portlet de KAIOA Listado
presentado previamente).
Por último también se especificará el tipo de búsqueda que se efectuará por
defecto entre las dos opciones existentes:

Búsqueda
general:
Seleccionando
esta
opción,
el
usuario
solo
introducirá el texto a buscar en un único campo. Dicho campo se
comparará contra todos los campos de los contenidos de la estructura
seleccionada.

Búsqueda avanzada: Seleccionando esta opción, se le mostrarán al
usuario los distintos campos de la estructura seleccionada para que
pueda realizar una búsqueda por campos.
En cualquier caso, el usuario final podrá moverse entre estas dos opciones al
realizar una búsqueda.
Una vez concretados los parámetros de configuración, se almacenaran las
preferencias en base de datos pulsando en botón “GUARDAR”. Después de
pulsar el botón, el portlet nos avisará si las preferencias se han almacenado
correctamente.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
66 de 106
En caso de que no se haya seleccionado alguno de los campos mostrara un
aviso error informado cual es la información que falta.
5.2.7.2
Búsqueda General
En la opción de búsqueda general, el usuario puede realizar búsquedas dentro
de los contenidos de la comunidad y estructura que haya seleccionado el
administrador. En este caso, independientemente de la estructura, se
buscarán los contenidos que coincidan con el texto proporcionado por el
usuario en cualquiera de los campos del contenido. La Ilustración 60 presenta
la búsqueda general.
Ilustración 60 Búsqueda general de Noticias
Al realizar la búsqueda de la palabra “Tartanga” se nos muestra el portlet
maximizado presentando todas las noticias que contienen en alguno de los
campos la palabra “Tartanga” (ver Ilustración 61).
Ilustración 61 Resultados de buscar "Tartanga" en la búsqueda general
5.2.7.3
Búsqueda Avanzada
En la opción de búsqueda avanzada, la pantalla que se le presentará al
usuario es variable de pendiendo de la estructura que haya seleccionado el
administrador al configurar el portlet. Las estructuras de Liferay definen que
capos tendrán los contenidos asociados a la misma y de qué tipo será cada
campo (texto, texto enriquecido, imagen...). Dependiendo de la estructura
que haya seleccionado el administrador, en esta opción, se le mostrarán al
Portal Web de Centros de Educación: Administración y Gestión de contenidos
67 de 106
usuario tantas cajas de texto como campos de texto tenga la estructura. La
Ilustración 62 presenta la búsqueda avanzada para la estructura “Noticia”.
Ilustración 62 Búsqueda avanzada para las Noticias
Al realizar la búsqueda de la ilustración (i.e. noticias cuyo título contiene la
palabra “Tartanga”) solo se nos muestra un resultado (ver Ilustración 63) en
contraposición con los diversos resultados obtenidos en la búsqueda general
(ver Ilustración 61).
Ilustración 63 Resultados de buscar "Tartanga" en el título de las noticias
Además, en la opción de búsqueda avanzada, el usuario puede hacer
búsquedas de tipo OR o AND. En caso de las búsquedas OR, se mostrarán
aquellos contenidos que coincidan en alguno de los campos proporcionados
por el usuario. Por contra, en caso de las búsquedas AND, se mostrarán los
contenidos que contengan todos los textos proporcionados por el usuario en
los campos concretos.
El usuario podrá alternar entre los tipos de búsqueda, general o avanzada,
siempre que quiera.
En cualquiera de los dos tipos de búsqueda, de la misma manera que en el
portlet de listado, si el usuario hace clic en el título de alguno de los
Portal Web de Centros de Educación: Administración y Gestión de contenidos
68 de 106
resultados, navegará a la página definida por el administrador la cual debería
contener un portlet de KAIOA Contenido (el cual mostrara el detalle del
contenido seleccionado).
5.2.8 Portlet de KAIOA Agenda
El portlet KAIOA Agenda está basado en el portlet llamado “Agenda” de
Liferay. El funcionamiento principal del portlet original es el de meter eventos
en el sistema, en una fecha específica con una duración concreta junto con un
título y una pequeña descripción del evento. El portlet KAIOA Agenda es una
modificación de este portlet que permite asociar contenidos de Liferay a
eventos de una forma sencilla.
Para poder asociar un contenido o artículo a un evento Liferay, lo único que
hay que hacer es escribir el identificador del artículo en la descripción del
evento. Pero, ¿de dónde obtenemos el identificador?
5.2.8.1
Cómo obtener el identificador de un artículo que se
quiera asociar a un evento
Si accedemos al panel de control en la gestión de contenido web se nos
muestra una tabla de contenidos. El identificador de un contenido se visualiza
en 2 lugares, una es en la tabla mencionada en la primera columna (ver
Ilustración 64), y otra al editar el artículo encima del nombre del artículo en la
parte superior (Ilustración 65).
Independientemente de que se pueda asociar cualquier artículo del gestor de
contenidos (éste se visualizará con la plantilla por defecto), se recomienda el
uso de artículos con la estructura Evento. Dicha estructura está preparada
para presentar en los resultados el título internacionalizado del evento en el
portlet de KAIOA Agenda. Para localizar un evento seguimos los pasos
especificados en la sección 5.1.3.1 para localizar contenidos especificando la
estructura (ver Ilustración 66).
Podemos ver que el ID del único articulo encontrado es el EVENTO2.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
69 de 106
Ilustración 64 Gestión de contenido Web: Tabla de contenidos, la primera
columna contiene el identificador del contenido
Ilustración 65 Gestión de Contenido Web: Edición de un contenido, el primer
campo es el identificador
Ilustración 66 Búsqueda de Eventos en la gestión de contenidos
Portal Web de Centros de Educación: Administración y Gestión de contenidos
70 de 106
5.2.8.2
Cómo asociar el identificador de un artículo a un evento
Para asociar un evento de la Agenda con un artículo del gestor de contenidos
(p.e. EVENTO2), bastaría con iniciar la descripción del evento con el ID del
artículo. Veamos un ejemplo. La Ilustración 67 muestra como se añade un
evento a la agenda, y en el campo descripción del evento se ha añadido el ID
del artículo.
Ilustración 67 Añadir o editar un evento en la Agenda
5.2.8.3
Visualización de eventos
Una vez creado el evento, éste se visualizará en las modalidades de visionado
de eventos resumen y día en la forma de dos listados (uno si no hay artículos
asociados a los eventos de ese día): uno con la información de los eventos, y
otro con los contenidos de los artículos asociados.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
71 de 106
La Ilustración 68 muestra la agenda en el modo resumen (ver pestañas del
portlet) en un día sin eventos. La Ilustración 69 muestra esa misma agenda
con el evento previamente creado.
Si nos fijamos, la tabla superior muestra un registro de los eventos del día. La
tabla inferior muestra el detalle de los eventos asociados (artículos). A su vez,
al lado del título del evento en la tabla superior aparece también el título del
artículo internacionalizado. Haciendo clic nos llevará directamente al detalle
inferior (útil en el caso de que se muestren varios eventos con detalle). En
cambio si hacemos clic sobre los otros campos, se visualizará el detalle del
evento de la Agenda completo (Ilustración 70).
Ilustración 68 Agenda sin eventos
Ilustración 69 Agenda con un evento con un artículo asociado
Portal Web de Centros de Educación: Administración y Gestión de contenidos
72 de 106
Ilustración 70 Detalle del evento en la Agenda
5.2.9 Portlet Mapa del Web
El portlet Mapa del Web solo se usa en la página de Mapa Web accesible
desde la cabecera. Ésta portlet presenta el árbol de páginas del portal. Dicho
árbol es configurable especificando la página desde la que se parte y la
profundidad en páginas que se va a visualizar. La Ilustración 71 muestra la
configuración usada en la que no se selecciona una página raíz y se visualizan
2 niveles de profundidad. La Ilustración 72 presenta el Mapa Web usando
dicha configuración.
Ilustración 71 Configuración del Mapa Web
Portal Web de Centros de Educación: Administración y Gestión de contenidos
73 de 106
Ilustración 72 Visión del Mapa Web
Portal Web de Centros de Educación: Administración y Gestión de contenidos
74 de 106
5.3
Búsqueda general del portal
El portal provee un motor de búsqueda de contenidos que está integrado en la
cabecera del portal (ver sección 2.1.1). Las características de esta búsqueda
son las siguientes:
 Se busca en los contenidos independientemente de si la palabra se ha
escrito con Mayusculas o Minusculas.
 Las palabras que usan caracteres raros (p.e. acentos), la palabra de la
búsqueda debe contener dichos caracteres rartos (p.e. acentos).
 Solo se buscan palabras completas. Si se hace una búsqueda de una
palabra incompleta no devolverá resultados.
5.3.1 Resultados de una Búsqueda
Los resultados de una búsqueda son dependientes de si el contenido se está
visualizando con un portlet visor de contenidos, o con cualquier otro portlet
(p.e. Listado). Es importante mencionar que la búsqueda también
incluye, en este segundo modo, aquellos contenidos que están
aprobados pero no están siendo visualizados por ningún portlet.
En el caso de que el contenido se esté visualizando en un portlet visor de
contenidos, las URL del resultado indicarán las páginas en las que se muestra
dicho contenido. Ver Ilustración 73, primer resultado.
En cambio si el contenido no se está mostrando directamente a través de un
visor
de
contenidos,
éste
contenido
se
visualizará
maximizado
aplicándole la plantilla de contenido especificada por defecto. Ver la
Ilustración 73, segundo resultado. Fijarse que las URL contienen la siguiente
parte: /-/journal_content/. Dicho segundo resultado nos lleva a la pantalla de
la Ilustración 74. Dicha contenido se muestra con la plantilla especificada por
defecto. En este caso es un banner.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
75 de 106
Ilustración 73 Búsqueda del termino "Tartanga" en el portal
Ilustración 74 Visualización de un contenido no visualizado a través del
Portlet Visor de Contenido Web
5.4
Estructuras definidas en el Portal
Esta sección describe los modelos de plantillas, las estructuras asociadas y
como se utilizan en un listado. El anexo pasa a presentar todos los campos de
las estructuras del portal.
5.4.1 Modelo General para listados
Normalmente, para listar los contenidos se trabaja con una serie de plantillas
que cubren bastantes opciones. Dichas plantillas se describen a continuación:

TITULO_LISTADO: Muestra una línea que presenta la fecha del
contenido, un separador, y el título preparado como enlace para ser
visualizado en un listado o buscador. Dichos portlets generarán el
enlace a la página donde se visualizará en modo detalle.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
76 de 106

TITULO_PAGINA: Muestra una línea que presenta la fecha del artículo,
un separador, y el título preparado como enlace a la página
especificada en el campo PAGINA definido en la estructura.

DESTACADO_LISTADO: Muestra un título con encabezado de nivel 2
(H2), junto con la fecha y el autor, la foto y el contenido de resumen.
El título está preparado para el modo de LISTADO combinado con un
portlet de KAIOA Contenido.

DESTACADO_PAGINA: Muestra un título con encabezado de nivel 2
(H2), junto con la fecha y el autor, la foto y el contenido de resumen.
El título enlaza con la página especificada en el campo PAGINA.

DETALLE:
Muestra
el
contenido
completo
del
artículo,
con
un
encabezado H1.

SOLO_TITULO: Muestra solo el titulo del articulo. Se usa en el portlet
de KAIOA Listado para mostrar de forma internacionalizada el titulo de
un evento.
Estas plantillas nos permiten generar 2 tipos de listados:

Listados enlazados a un portlet de KAIOA contenido: Usando las
plantillas DESTACADO_LISTADO y TITULO_LISTADO, el detalle se
mostrará en la página especificada por configuracion de listado que
contiene el portlet de KAIOA Listado.

Listados enlazados a páginas: Si el contenido se presenta directamente
en una página, se puede asociar al contenido la página donde se
presenta a través del campo PAGINA. Si el contenido usa dicho campo,
usando las plantillas DESTACADO_PAGINA y TITULO_PAGINA, se
monta un listado donde los enlaces nos llevan a la página especificada
en dicho campo.
La PLANTILLA
de DESTACADO_PAGINA, también
se puede usar para
presentar el contenido destacado en un visor de contenidos directamente,
permitiéndonos navegar al detalle.
Se recomienda crear listados a portlet de KAIOA contenidos cuando vaya a
existir un gran dinamismo en la generación de dichos contenidos (por ejemplo
noticias), mientras que el uso de listados enlazados a páginas se recomiendan
cuando dicha dinamicidad sea baja ya que implica realizar más acciones para
publicar correctamente.
En un listado a KAIOA Contenido, simplemente hay que crear el contenido en
la gestión de contenidos y aprobarlo para su presentación. Sin embargo, en
un listado a página, además de crear el contenido, hay que crear la página
Portal Web de Centros de Educación: Administración y Gestión de contenidos
77 de 106
donde se va a mostrar, montar la página, visualizar el contenido y editar de
nuevo el contenido para asociarle la página que hemos creado.
Las estructuras de datos que siguen este modelo son las siguientes:

ARTICULO: Estructura que describe artículos de interés.

CURSO: Estructura que permite definir formaciones o cursos que se

EVENTO: Estructura que permite definir los eventos a acontecer en un
imparten en un centro.
centro.

NOTICIA: Estructura usada para definir las noticias publicadas en el

PONENCIA: Estructura usada para presentar las distintas ponencias
portal.
relacionadas con un centro.

PROYECTO: Estructura usada para describir los proyectos de un centro.
5.4.2 Modelo multimedia
Para aquellos contenidos integrados con Flickr y YouTube (estructuras
MULTIMEDIA_PHOTO y MULTIMEDIA_VIDEO) las plantillas para visualizar
listados son específicas.
Las plantillas son las siguientes:

LINEA: Muestra la foto o imagen en miniatura que describe el
contenido multimedia junto con el titulo y una descripción. Para usar
en un listado enlazado a un portlet de KAIOA Contenido.

SOLO_CONTENIDO: Solo presenta el Flash con el contenido de Flickr o
YouTube.

DETALLE: Muestra el titulo, seguido del Flash, y la descripción del
contenido.
5.4.3 Modelo Formaciones EPAs
Dado que en un centro de EPA las formaciones impartidas no muestran una
gran dinamicidad, para presentar sus formaciones se utiliza únicamente el
modelo de listado a página.
Las EPAs utilizan las siguientes estructuras:

FORMACION_NO_REGLADA:
Permite
presentar
la
formación
no
reglada.

FORMACION_REGLADA_MODULOS: Permite presentar los distintos

FORMACION_REGLADA_SECUNDARIA:
módulos existentes en una EPA.
Permite definir los distintos
grados oficiales /fases existentes en la EPA.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
78 de 106

FORMACION_REGLADA: Permite definir los cursos (p.e. Idiomas para
extranjeros) impartidos en una EPA.
Las 4 estructuras son similares en los campos, siendo el campo URL el que
especifica en que página se presenta el contenido.
Las plantillas utilizadas son 2:

LISTADO: Presenta la formación con el titulo y la descripción en un
recuadro para mostrar las formaciones listadas.

DETALLE: Presenta el contenido completo de la formación.
Como se ha comentado previamente, solo admite el funcionamiento en modo
Listado a página.
5.4.4 Modelo Hemeroteca
La hemeroteca de prensa es un tipo de contenido especial ya que está
preparado para que el contenido no sea muy largo y se indique la URL a la
fuente (prensa) donde poder leer el detalle de la noticia. Ello quiere decir que
normalmente se visualizará la hemeroteca con los contenidos mostrados en
un listado de detalles.
Para la hemeroteca se han preparado 2 plantillas:

LINEA_LISTADO: Muestra el titulo y fecha de la noticia. Para un uso en

DETALLE: Además, muestra una imagen y una breve descripción de la
listado – detalle en portlet de KAIOA contenido.
noticia.
6.
HOW – TO’S
6.1
Cómo añadir un nuevo módulo copiando uno
existente
Los módulos se visualizan en un formato de Listado – Enlace a Página.
Para añadir un nuevo modulo hay que seguir los siguientes pasos:
6.1.1 Acceder a la gestión de páginas y copiar la página
de un modulo existente
1. Navegar a la página que contiene el modulo que queremos copiar.
2. Acceder a la administración de contenidos.
3. Seleccionar la página padre (p.e. llamada módulos).
Portal Web de Centros de Educación: Administración y Gestión de contenidos
79 de 106
4. Añadir una nueva subpágina (ver sección 4.1.2) que se llame como el
nuevo módulo.
5. Seleccionar la página creada en el árbol.
6. Ir a la pestaña de “Página” que permite editar los detalles de la página
tal y como se describe en la sección 4.1.1.
7. Usar la opción de copiar página seleccionando la página con el modulo
a copiar.
Como resultado de esta operación tenemos la página para el nuevo módulo
creada, con la distribución de portlets de la del módulo original. CUIDADO, es
importante remarcar que los contenidos que existen en las páginas son
REFERENCIAS y por lo tanto el módulo visualizado es el mismo. En caso de
editar el modulo presente, se modificaría en las 2 páginas en las que pasa a
estar presente.
6.1.2 Copiar el contenido del Módulo
Para copiar el contenido, deberemos seguir los siguientes pasos:
1. Acceder al panel de control -> Contenido Web.
2. Buscar el módulo objetivo (sección 5.1.3.1).
3. A través del listado de artículos, en el artículo que contiene el modulo
deseado, pulsaremos en Acciones.
4. Sobre las opciones desplegadas haremos click en copiar.
5. Se nos muestra una pantalla de confirmación. Seleccionamos copiar.
Una vez realizado, tenemos 2 artículos en la gestión de contenidos con el
mismo contenido. El recién creado corresponde con el que tenga el
identificador más alto o la fecha de creación más reciente. Si trabajamos con
el incorrecto, modificaremos los contenidos de la página no deseada.
6.1.3 Modificar el Módulo copiado con los datos
Una vez hemos copiado el contenido, y tenemos claro cuál es el nuevo,
procedemos a su edición actualizándolo con los datos correspondientes al
nuevo modulo.
Hay que tener en cuenta que en el campo URL hay que especificar la página
donde este módulo se va a visualizar (la página que acabamos de crear).
Dicha página especifica la página a la que se navegará al seleccionar este
módulo en alguno de los listados en los que se visualice.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
80 de 106
6.1.4 Mostrar el nuevo módulo en la nueva página creada
1. Volvemos a la página que hemos creado para el nuevo módulo.
2. Sobre dicha página tenemos un visor de contenido web que muestra el
modulo del que hemos partido.
3. Justo en su parte inferior aparecen unas opciones. La 3era es una
rueda de selección. Hacemos click.
4. Nos aparecen todos los contenidos APROBADOS. Buscamos el nuevo
que hemos creado y lo seleccionamos.
5. Nos acordamos de que debemos seleccionar la plantilla de DETALLE
para que el artículo se vea bien.
6. En la parte superior hacemos click en el enlace para volver a la página.
Con ello tenemos el nuevo módulo que se habrá publicado en el listado de
módulos y todo creado y montado.
6.2
Cómo añadir un nuevo módulo desde 0
Para añadir un nuevo módulo desde 0 la diferencia con el caso anterior es la
parte de la creación de contenidos. Donde antes copiábamos, ahora
deberemos crear un nuevo contenido del tipo módulo (ver sección 5.1.3.2).
6.3
Cómo montar una nueva página de listado
de proyectos en modo Listado – Contenido
Para montar un listado – contenido de proyectos, a groso modo necesitamos
crear 2 páginas, una donde se visualizará el listado y otra donde se
visualizarán los contenidos.
6.3.1 Creación de páginas
Crearemos la página de proyectos directamente como una página principal
para que aparezca en el menú principal de navegación. La montaremos en el
camino de la URL /web/guest/proyectos. Por debajo montaremos una página
de detalle (/web/guest/proyectos/detalle) que va a visualizar los detalles de
los proyectos. Para ello seguiremos los siguientes pasos:
1. Accedemos
a
la
gestión
de
páginas
a
través
del
menú
de
administración.
2. Seleccionamos en el árbol el nivel raíz o principal (guest).
3. Accedemos a la pestaña de subsecciones para crear una página de
primer nivel.
4. Creamos la página (ver sección 4.1.2) con el nombre proyectos.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
81 de 106
5. Seleccionamos la pestaña orden para colocar la página en la posición
en el árbol que queramos.
6. Seleccionamos la página recién creada en el árbol.
7. Seleccionamos la pestaña página para editar los detalles de la página.
Entre ellos estableceremos el campo URL Amigable a “/proyectos” y
guardaremos.
8. Seleccionamos la pestaña de subsecciones para añadir una subpágina.
9. Añadimos la subpágina con el nombre detalle y la creamos oculta.
10. Seleccionamos la página de detalle en el árbol.
11. Accedemos a la pestaña página y editamos los detalles, estableciendo
el campo URL Amigable a “/proyectos/detalle”.
12. Volvemos a la página en la que estábamos haciendo clic en “Volver a la
página índice” en la esquina superior derecha del área de contenidos.
En este momento tenemos 2 páginas vacías con la distribución por defecto.
6.3.2 Introducir contenidos en las páginas
1. Accedemos a la página de proyectos recién creada.
2. Establecemos una sola columna a través de la selección de plantilla de
páginas en el menú de administración.
3. Añadimos portlets a la página a través del menú de administración: un
Visor de contenido web para el titulo y un KAIOA Listado para el listado
de proyectos.
4. Accedemos a la página de detalles modificando la URL en el
navegador,
añadiendo
“/detalle”
después
del
“…/proyectos”
y
borramos lo que sea que aparezca detrás.
5. De la misma forma que antes establecemos una columna, y añadimos
los portlets Camino de migas, KAIOA Contenido y Visor de contenido
web para el Volver.
6. Seleccionamos el contenido de Volver en el Visor de contenido web.
Ahora tenemos unas páginas creadas con los portlets. Solo queda añadir el
contenido para el título de proyectos y mostrarlo en la página con el listado.
6.3.3 Configurar el KAIOA Listado
Siguiendo los pasos especificados en la sección 5.2.5.1 configuraremos el
listado
especificando
la
estructura
PROYECTO,
la
plantilla
principal
y
secundaria DESTACADO EN LISTADO – CONTENIDO, y la plantilla de detalle
DETALLE. De esta forma conseguimos mostrar un destacado de cada proyecto
que nos llevará a su detalle.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
82 de 106
De los siguientes parámetros cabe remarcar que el tipo, por norma general,
se establece a GENERAL; y el campo URL que indica dónde se encuentra el
portlet de KAIOA contenido en el que visualizaremos el detalle. En este caso
la URL corresponde con “/web/guest/proyectos/detalle”.
Una vez especificada la configuración deseada, se hace clic en guardar, lo que
nos generará un mensaje de confirmación. Haciendo clic en “Volver” en la
parte superior derecha del portlet se nos visualizará el listado de proyectos.
Si interactuamos con algún proyecto, éste nos navegará a la página de detalle
que hemos especificado. Como la página de detalle ya tiene el portlet de
contenido añadido, se nos mostrará el detalle del proyecto.
6.4
Cómo montar una nueva página de listado
de proyectos en modo Listado – enlace a
página
Para montar un listado – enlace a página tenemos que tener en cuenta que
cada proyecto, al igual que en el ejemplo de los módulos previo, se visualizará
en una página. Por lo tanto hay que crear una página principal de proyectos
donde visualizaremos el listado de proyectos. Nos vale el ejemplo previo.
Sin embargo la diferencia viene de que ahora hay que crear una página hija
para cada proyecto. Dicha página ahora no estará oculta.
6.4.1 Crear la página de un proyecto
Para crear la página de un proyecto, navegaremos a la página de proyectos
creada de la misma forma que se ha especificado en el ejemplo previo como
se ha comentado. Una vez situados sobre la página de proyectos, queremos
crear una página para el proyecto P1 (por llamarlo de alguna forma).
Para ello seguiremos los siguientes pasos:
1. Accedemos a la administración de páginas. Si lo hacemos desde la
página de proyectos, estaremos situados sobre ella. Si no, la
seleccionaremos en el árbol.
2. Seleccionamos la pestaña de sub-secciones.
3. Añadimos una nueva sub-página con el nombre del proyecto (“P1”) y
sin estar oculta.
4. Seleccionamos la página recién creada en el árbol.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
83 de 106
5. Seleccionamos la pestaña página y editamos los detalles de la página
tales como los nombres de la página en los distintos idiomas y la URL
amigable a utilizar (p.e. “/web/guest/proyectos/P1”). Guardamos.
6. Navegamos a la página recién creada para configurarla.
Ahora tendremos que montar la estructura de página que deseamos. Para
este caso usaremos la distribución de página 1-2 (ver sección 4.2). Dicha
plantilla nos permite una fila superior, para colocar el camino de migas. Una
columna a la izquierda para colocar el menú de navegación y visualizar
también los otros proyectos (no son páginas ocultas). Por último, en la
segunda columna visualizaremos el proyecto usando la plantilla de detalle y
un volver.
7. A través del menú de administración seleccionamos la distribución de
página 1-2 (ver sección 4.2).
8. Añadimos los portlets:
a. Camino de Migas.
b. Navegación.
c. 2 visores de contenido Web.
9. Los colocamos en las distintas areas de la página tal y como hemos
especificado.
10. Configuramos el portlet de navegación tal y como se especifica en la
sección 5.2.3.
11. Seleccionamos en el primer visor (usando la rueda que aparece abajo)
el proyecto a visualizar. Fijarse bien: Una vez seleccionado el proyecto
en la lista de contenidos, especificar la plantilla de “Detalle” para que
se presenten todos los datos del proyecto tal y como se supone.
12. Volvemos a la página índice usando el enlace en la parte superior
derecha.
13. Seleccionamos el contenido de volver de la misma forma en el segundo
visor.
Ahora ya tenemos creada la página del proyecto, solo queda modificar el
proyecto para que al listarse, navegue a la página actual. Para ello deberemos
editar el proyecto (p.e. usando el lápiz que aparece en el visor de contenidos
justo debajo del proyecto) y seleccionaremos en el campo página, la página
actual. Tras ello guardamos el proyecto.
Solo queda configurar el listado.
6.4.2 Configurar el listado en la página de proyectos
Portal Web de Centros de Educación: Administración y Gestión de contenidos
84 de 106
Este paso se realizará igual que en la sección 6.3.3, con la única diferencia de
que esta vez, la plantilla que se va a usar como principal y secundaria es la de
DESTACADO en LISTADO – ENLACE a PÁGINA.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
85 de 106
Anexos
Portal Web de Centros de Educación: Administración y Gestión de contenidos
86 de 106
7.
A1: CAMBIOS DE URL
Siempre que se quiera realizar un cambio en las URLs del portal existen una
serie de operaciones que se deben realizar.
7.1
Cambios en la instancia de portal
La URL del portal del centro debe cambiarse en 2 lugares. Dicha operación
deberá ser realizada por el equipo de soporte ya que para uno de ellos se
necesita acceder con el super-administrador de la plataforma para editar la
instancia de portal. En todo momento deberá comunicar la URL actual para
identificar
la
instancia
de
portal
y
la
URL
deseada
objetivo
(p.e.
www.nombrecentro.com).
El segundo punto es en la configuración general del portal (donde se puede
cambiar
el
nombre
del
centro)
editando
los
servidores
que
en
esa
configuración se especifican (servidor virtual y dominio de correo).
También se cambiará el nombre del usuario administrador para que quede
acorde al nuevo nombre del portal (pantalla de mi cuenta con el usuario
administrador adaptando el correo).
7.2
Cambios en la DNS
Dicho cambio es responsabilidad del centro en el caso de que la URL a utilizar
se encuentre en posesión del centro. Si no, se deberá contactar con el equipo
de soporte (URL: $NOMBRECENTRO$.hezkuntza.net).
Para realizar el cambio en la DNS, el centro deberá solicitar a su proveedor el
cambio del nombre de forma que el p.e. www.nombrecentro.com apunte al
servidor donde está alojado el portal.
Para ello, el proveedor de DNS solicitará la IP del servidor, que actualmente
es la 212.142.249.144.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
87 de 106
8.
A2: CENTROS DE FP: POSIBLES PROBLEMAS
EN LA IMPORTACION DE CONTENIDOS
Algunos contenidos existentes en la plataforma actual, durante el proceso de
migración pueden haber sufrido algún cambio indeseado o que no funcionen
correctamente. Dichos contenidos deberán ser arreglados por el propio centro
re-editandolos.
A continuación se describen algunos ejemplos:

GOOGLE MAPS: La integración de un mapa de google muchas veces
requiere tener una clave del API de google que está asociada al
dominio o DNS del portal. Si la DNS del portal cambia con respecto a la
anterior DNS, este contenido fallará y no se verá correctamente.

URLS INTERNAS RARAS: Normalmente durante la migración, las URLs
a ficheros e imágenes alojadas en el portal han sido tratadas. Pero hay
casos en los que las URLs introducidas son demasiado complicadas y
han generado algún problema. En esta situación no encontramos en
aquellos contenidos que han sido introducidos directamente en un
editor con URLs del tipo ../../../c/ … En concreto, hemos detectado
algún caso pero en general todo ha ido bien.

URLs usadas en contenidos sobre imágenes o documentos publicados
sobre el servidor viejo que tras la migración de la DNS puedan
quedarse inaccesibles. Por ej: www.nombrecentro.com/img1 o URLs al
alfresco existente en el centro en el caso de que alguien haya
introducido dichos enlaces.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
88 de 106
9.
A3: ESTRUCTURAS Y PLANTILLAS
9.1
ESTRUCTURAS
9.1.1 Introducción
Las estructuras están presentadas de la siguiente forma: IDENTIFICADOR,
Breve descripción y la estructura de datos en sí. Las anidaciones de campos
se representan como indentaciones del texto. Para aquellos campos que son
repetibles (puede haber más de 1) aparecerá marcado en la descripción. Para
aquellos campos que no se auto-describan, aparecerá también una breve
descripción.
En algunas estructuras aparecen campos de tipo “Enlace a página”. Dichos
campos son usados para enlazar con una página del portal”. Tradicionalmente
son usados en plantillas que muestran una visualización corta del artículo y
enlazan a la página donde se muestra el detalle (ver Modelo General para
listados, sección 5.4.1, campo “Pagina”; ver Modelo Formaciones EPAs,
sección 5.4.3, campo “Url”).
También, en aquellas estructuras heredadas de la versión anterior instalada
en los centros de FP (tales como artículos, noticias, etc.), se ha añadido el
campo “titulo-seccion” repetible y que contiene una Imagen, una posible
alineación distinta para la imagen, y una sección de contenido. Ello nos
permitirá no tener que introducir todo el contenido estructurado (títulos, etc.)
dentro del mismo campo. Dichos datos normalmente se visualizarán solo en el
detalle y después de los contenidos visualizados a través de los campos
normales y heredados.
9.1.2 ARTÍCULO
Identificador: Artículo.
Descripción: Estructura para definir artículos.
Estructura:
-Título: Texto.
-Fecha: Texto.
-Autor: Texto.
-Foto: Imagen.
-Resumen: Caja de texto enriquecido. Breve resumen del contenido del
artículo.
-Contenido: Caja de texto enriquecido.
-Título-sección: Texto repetible. Permite añadir nuevas secciones al artículo y
no tener que usar solo el campo contenido.
-Imagen: Imagen.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
89 de 106
-Alineado-imagen: Combo selección.
-1: Izquierda.
-2: Derecha.
-Contenido: Caja de texto enriquecido.
-Página: Enlace a página.
9.1.2.1
Plantillas
Ver Modelo General para listados, sección 5.4.1.

ARTÍCULO DESTACADO

ARTÍCULO DESTACADO PÁGINA

ARTÍCULO DETALLE

ARTÍCULO SOLO TÍTULO

ARTÍCULO TÍTULO

ARTÍCULO TÍTULO PÁGINA
9.1.3 BACK
Identificador: Back.
Descripción: Estructura para la navegación entre contenidos, tiene la
funcionalidad de ir a la página anterior.
Estructura:
-Texto: Texto. Texto que se presenta en el titulo del enlace para volver a la
página anterior.
9.1.3.1

Plantillas
BACK: Plantilla para contenido "volver", para poder regresar a la
página anterior.
9.1.4 BANNER
Identificador: Banner.
Descripción: Una estructura para gestionar los banners.
Estructura:
-Imagen: Imagen.
-TextoLink: Texto. Texto del enlace.
-Link: Texto.
-Texto: Caja de texto. Texto descriptivo.
9.1.4.1
Plantillas

BANNER NORMAL: Se visualiza una imagen, un enlace a una página

BANNER DESTACADO: Sobre la plantilla NORMAL, posee un fecha
y debajo de todo ello un texto explicativo.
superior para destacar el banner.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
90 de 106
9.1.5 CICLO, CICLO2
Identificador: Ciclo, Ciclo2
Descripción: Estructura heredada de los centros de FP para la gestión de
contenidos de las formaciones. Uno es para ciclos de grado medio, y otro para
ciclos de grado superior. No se ha retocado de la estructura previa para
mantener la compatibilidad.
Estructura:
-Título: Texto.
-Intro: Caja de texto enriquecido.
-Foto1: Imagen.
-Foto2: Imagen.
-Foto3: Imagen.
-Curso1: Texto.
-Curso2: Texto.
-PlanEstudios: Texto.
-CompoAsig: Texto.
-CampoHoras: Texto.
-NombreAsignatura1_01: Texto.
-Horas1_01 texto: Texto.
-NombreAsignatura1_02: Texto.
-Horas1_02: Texto.
-NombreAsignatura1_03: Texto.
-Horas1_03: Texto.
-NombreAsignatura1_04: Texto.
-Horas1_04: Texto.
-NombreAsignatura1_05: Texto.
-Horas1_05: Texto.
-NombreAsignatura1_06: Texto.
-Horas1_06: Texto.
-NombreAsignatura1_07: Texto.
-Horas1_07: Texto.
-NombreAsignatura1_08: Texto.
-Horas1_08: Texto.
-NombreAsignatura1_09: Texto.
-Horas1_09: Texto.
-NombreAsignatura1_10: Texto.
-Horas1_10: Texto.
-NombreAsignatura1_11: Texto.
-Horas1_11: Texto.
-NombreAsignatura1_12: Texto.
-Horas1_12: Texto.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
91 de 106
-NombreAsignatura2_01: Texto.
-Horas2_01: Texto.
-NombreAsignatura2_02: Texto.
-Horas2_02: Texto.
-NombreAsignatura2_03: Texto.
-Horas2_03: Texto.
-NombreAsignatura2_04: Texto.
-Horas2_04: Texto.
-NombreAsignatura2_05: Texto.
-Horas2_05: Texto.
-NombreAsignatura2_06: Texto.
-Horas2_06: Texto.
-NombreAsignatura2_07: Texto.
-Horas2_07: Texto.
-NombreAsignatura2_08: Texto.
-Horas2_08: Texto.
-NombreAsignatura2_09: Texto.
-Horas2_09: Texto.
-NombreAsignatura2_10: Texto.
-Horas2_10: Texto.
-NombreAsignatura2_11: Texto.
-Horas2_11: Texto.
-NombreAsignatura2_12: Texto.
-Horas2_12: Texto.
-TítuloSalidas: Texto.
-SalidasProfesionales: Caja de texto enriquecido.
-TítuloMasInfo: Texto.
-MasInfo: Caja de texto enriquecido.
9.1.5.1
Plantillas
CICLO (Grado Medio FP):

CICLO DETALLE: Muestra información completa de los ciclos de grado
medio. Se estructura mediante un encabezado de nivel
1, la
visualización de diferentes imágenes del ciclo, un encabezado de nivel
2, un encabezado de nivel 3,
el título del curso y una tabla con la
información de las diferentes asignaturas. Debajo de la tabla se añade
la diferente información complementaria relacionada con el ciclo, y un
enlace dentro de un encabezado de nivel 3 de más información.

CICLO INTRO: Título e introducción del curso. Título, la posibilidad de
procesar una imagen y la visualización del texto correspondiente.

CICLO TÍTULO: Muestra únicamente el título, para contenidos que
visualicen información de grados medios.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
92 de 106
CICLO2 (Grado Superior FP):

CICLO2 DETALLE: Muestra información completa de los ciclos de
grado superior. Al igual que la plantilla ciclo1 detalle.

CICLO2 INTRO: Título e introducción del curso. Título con un enlace a
página y la posibilidad de mostrar una imagen. Para módulos de grado
superior.

CICLO2 TÍTULO: Muestra únicamente el título, para contenidos que
visualicen información de grados superiores.
9.1.6 CURSO
Identificador: Curso
Descripción: Estructura para la gestión de cursos. No se han habilitado las
secciones de contenido debido a la cantidad de cajas de texto donde
introducir contenidos. Si hace referencia al Enlace a Página mencionado en la
introducción.
Estructura:
-Título: Texto.
-Tipo: Texto.
-Duración: Texto.
-FechaInicio: Texto.
-FechaFIn: Texto.
-Precio: Texto.
-Foto: Imagen.
-Intro: Caja de texto enriquecido.
-Dirigido: Caja de texto enriquecido.
-Objetivos: Caja de texto enriquecido.
-Contenidos: Caja de texto enriquecido.
-PrecioExtendido: Caja de texto enriquecido.
-Horario: Caja de texto enriquecido.
-Requisitos: Caja de texto enriquecido.
-Inscripción: Caja de texto enriquecido.
-Página: Enlace a página.
9.1.6.1
Plantillas
Ver Modelo General para listados, sección 5.4.1.

CURSO DESTACADO

CURSO DESTACADO PÁGINA

CURSO DETALLE

CURSO SOLO TÍTULO

CURSO TÍTULO

CURSO TÍTULO PÁGINA
Portal Web de Centros de Educación: Administración y Gestión de contenidos
93 de 106
9.1.7 ENLACES
Identificador: Enlaces
Descripción: Estructura para la publicación de enlaces de interés.
Estructura:
-Título: Texto repetible. Titulo de la sección de enlaces.
-Nombre: Texto repetible. Titulo del enlace.
-DirUrl: Texto. Direccion del enlace. Se tiene que introducir
también el protocolo (http://) ya que si no se consideran URLs locales y
relativas a la página actual del portal.
9.1.7.1

Plantillas
ENLACE DETALLE: Plantilla para visualizar enlaces a diferentes
contenidos. Visualización en un encabezado de nivel 2 del título, y
visualización con enlace a página del contenido dentro de una lista.
9.1.8 CALENDARIO
Identificador: Estructura_calendario
Descripción: Estructura para la presentación de calendarios. Se presenta un
formato tabular.
Estructura:
-Cabecera: Texto. Cabecera global (titulo)
-Títulostabla: Texto.
-TítuloDía: Texto.
-TítuloHora: Texto.
-TítuloMateria: Texto.
-Título: Texto repetible. Titulo de encabezado para las distintas tablas.
-Materia: Caja de texto enriquecido repetible. Texto descriptivo de la
columna de materia.
-Día: Texto.
-Hora: Texto.
9.1.8.1

Plantillas
CALENDARIO: Plantilla para visualizar los horarios dentro de una
tabla.
9.1.9 CENTROS GOOGLE
Identificador: Estructura_centros_google.
Descripción: Estructura para la visualización de los centros en un mapa
google.
Estructura:
-Zoom: Texto. Nivel de Zoom deseado. Parámetro para Google Maps.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
94 de 106
-Latitud: Texto. Coordenadas donde se visualiza el centro del mapa.
-Longitud: Texto. Coordenadas donde se visualiza el centro del mapa.
-Alto: Texto. Altura del mapa (p.e. 200px).
-Ancho: Texto. Anchura del mapa (p.e. 800px).
-Key: Texto. Clave del API de Google Maps para la URL del portal.
http://code.google.com/intl/es/apis/maps/signup.html
-Centro: Texto repetible. Descripción de cada centro a visualizar en el mapa.
-Email: Texto.
-Direccion: Caja de texto.
-Teléfono: Texto.
-Longitud: Texto.
-Latitud: Texto.
-Nombre: Texto.
-Img: Imagen.
-Descripción: Caja de texto enriquecido.
-DirUrl: Texto.
9.1.9.1

Plantillas
LOCALIZACION GOOGLE: Plantilla para visualizar los centros, en un
mapa de google maps.
9.1.10
FORMACIÓN REGLADA SECUNDARIA
Identificador: Estructura_formación_epa.
Descripción: Estructura para el listado de formaciones de EPA regladas de
secundaria.
Estructura:
-Título: Texto.
-Url: Enlace página.
-Descripción: Caja de texto enriquecido.
-Sección: Texto repetible.
-Título: Texto.
-Texto: Caja de texto enriquecido.
-Imagen: Imagen.
9.1.10.1
Plantillas
Ver Modelo Formaciones EPAs, sección 5.4.3.

FORMACION REGLADA SECUNDARIA DETALLE

FORMACION REGLADA SECUNDARIA LISTADO
9.1.11
FORMACIÓN NO REGLADA
Identificador: Estructura_formación_no_reglada.
Descripción: Estructura para el listado de la formación de tipo no reglada.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
95 de 106
Estructura:
-Título: Texto.
-Url: Enlace a página.
-Descripción: Caja de texto enriquecido.
-Sección: Texto repetible.
-Título: Texto.
-Texto: Caja de texto enriquecido.
-Imagen: Imagen.
9.1.11.1
Plantillas
Ver Modelo Formaciones EPAs, sección 5.4.3.

FORMACION NO REGLADA LISTADO

FORMACION NO REGLADA DETALLE
9.1.12
FORMACION REGLADA
Identificador: Estructura_idioma_extranjeros.
Descripción: Estructura para el listado de la formación reglada.
Estructura:
-Título: Texto.
-Descripción: Caja de texto enriquecido.
-Url: Enlace a página.
-Sección: Texto repetible.
-Título: Texto.
-Texto: Caja de texto enriquecido.
-Imagen: Imagen.
9.1.12.1
Plantillas
Ver Modelo Formaciones EPAs, sección 5.4.3.

FORMACION REGLADA LISTADO

FORMACION REGLADA DETALLE
9.1.13
MÓDULOS
Identificador: Estructura_módulos.
Descripción: Estructura para el listado de los módulos de la formación
reglada.
Estructura:
-Título: Texto.
-Url: Enlace página.
-Descripción: Caja de texto enriquecido.
-Sección: Texto repetible.
-Título: Texto.
-Texto: Caja de texto enriquecido.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
96 de 106
-Imagen: Imagen.
9.1.13.1
Plantillas
Ver Modelo Formaciones EPAs, sección 5.4.3.

FORMACION REGLADA MODULO LISTADO

FORMACION REGLADA MODULO DETALLE
9.1.14
PESTANAS
Identificador: Estructura_pestanas.
Descripción: Estructura para la visualización de pestañas.
Estructura:
-Nombre: Texto repetible.
-Url: Texto.
-Activo: Bandera booleana.
9.1.14.1

Plantillas
PESTANAS: Plantilla para visualizar las distintas pestañas tal y como
lo hace liferay de forma que se visualiza de manera integrada en el
portal.

TEXTO:
Plantilla
para
visualizar
las
pestañas
como
enlaces
contextuales sin tener que mostrar las pestañas.

VERTICAL: Plantilla para visualizar en vertical las pestañas.
9.1.15
EVENTO
Identificador: Evento.
Descripción: Estructura para describir eventos.
Estructura:
-Título: Texto.
-Fecha: Texto.
-Fecha-dd-MM-yyyy: Texto. Campo Heredado. Se sugiere solo el uso del
campo Fecha. Se mantiene por compatibilidad.
-Lugar: Texto.
-Autor: Texto.
-Foto: Imagen.
-Resumen: Caja de texto enriquecido.
-Contenido: Caja de texto enriquecido.
-Título-sección: Texto repetible.
-Imagen: Imagen.
-Alineado-imagen: Imagen.
-1: Izquierda.
-2: Derecha.
-Contenido: Caja de texto enriquecido.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
97 de 106
-Página: Enlace a página.
9.1.15.1
Plantillas
Ver Modelo General para listados, sección 5.4.1.

EVENTO DESTACADO

EVENTO DESTACADO PÁGINA

EVENTO DETALLE

EVENTO SOLO TÍTULO

EVENTO TÍTULO

EVENTO TÍTULO PÁGINA
9.1.16
HEMEROTECA
Identificador: Hemeroteca.
Descripción: Estructura para la hemeroteca. Sirve para referenciar las noticias
de la prensa relacionadas con el centro.
Estructura:
-Título: Texto.
-Fecha: Texto.
-Fuente: Texto. Nombre del medio que ha publicado la noticia.
-Url: Texto. Dirección de la fuente para redirigir a la noticia.
-Imagen: Imagen. Imagen asociada a la nota de prensa. Se recomienda usar
el logo del medio que lo ha publicado.
-Texto: Caja de texto enriquecido. Descripción breve de la noticia /
destacado.
-Títulomasinfo: Texto. Titulo de la sección de mas información.
-Masinfo: Caja de texto enriquecido. Visualizado como una caja donde se
introducen los diversos enlaces a más información relacionados con el tema.
9.1.16.1
Plantillas
Ver Modelo Hemeroteca, sección 5.4.4.

HEMEROTECA DETALLE: Detalle de la nota de prensa. Título en
encabezado de nivel dos con enlace a página, visualización de
contenido y de una imagen. Al final un encabezado de nivel cinco en
un enlace para más información.

HEMEROTECA LINEA: Plantilla que muestra el título de la nota de
prensa. Usable principalmente en el contexto de un listado.
9.1.17
IMPORTANT
Identificador: Important.
Descripción: Estructura para crear Banners de noticias importantes. Son los
avisos de la parte de arriba en la HOME por defecto.
Estructura:
Portal Web de Centros de Educación: Administración y Gestión de contenidos
98 de 106
-Título: Texto.
-Link: Texto.
-Texto: Texto.
-Imagen: Imagen.
9.1.17.1

Plantillas
IMPORTANT:
Plantilla
para
banner
de
avisos
importantes.
Visualización de una imagen, del título con enlace a página y algo de
texto.
9.1.18
INFO GENERAL
Identificador: Info_general.
Descripción: Estructura de Información general. Heredada para publicar una
lista de enlaces de hasta 9 elementos, con un titulo asociado.
Estructura:
-Título: Texto.
-Info1: Texto.
-Link1: Texto.
-Info2: Texto.
-Link2: Texto.
-Info3: Texto.
-Link3: Texto.
-Info4: Texto.
-Link4: Texto.
-Info5: Texto.
-Link5: Texto.
-Info6: Texto.
-Link6: Texto.
-Info7: Texto.
-Link7: Texto.
-Info8: Texto.
-Link8: Texto.
-Info9: Texto.
-Link9: Texto.
9.1.18.1

Plantillas
INFORMACIÓN
GENERAL:
Plantilla
para
visualizar
enlaces
a
diferentes contenidos de información general. Se visualizan hasta 9
enlaces dentro de una lista.
9.1.19
LINK RSS
Identificador: Link_rss.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
99 de 106
Descripción: Estructura para mostrar los enlaces a rss.
Estructura:
-Texto: Texto. Normalmente “Sindicación de contenidos”.
-Link: Texto.
9.1.19.1

Plantillas
LINK RSS: Plantilla para visualizar un link.
9.1.20
MÁS CONTENIDO
Identificador: Mas.
Descripción: Estructura para link a contenido de tipo “más contenido”. Por
ejemplo el [+] Noticias de la home. Normalmente el enlace debería llevar a
una página interna del portal, aunque no se limita.
Estructura:
-Texto: Texto.
-Link: Texto.
9.1.20.1

Plantillas
MAS: Plantilla para visualizar un link, para ir a un contenido de más
información.
9.1.21
MULTIIDIOMA
Identificador: Multi_idioma
Descripción: Estructura para introducir contenido libre en modo multi-idioma.
Heredada ya que en la versión anterior no se podía introducir contenidos
simples no asociados a una estructura en distintos idiomas.
Estructura:
-Texto: Caja de texto enriquecido.
9.1.21.1

Plantillas
MULTIIDIOMA: Plantilla para visualizar contenido libre multiidioma.
9.1.22
MULTIMEDIA PHOTO
Identificador: Multimedia_photo
Descripción: Estructura para albums Flickr de fotos. Para obtener los datos del
álbum hay que acceder al álbum, darle a la presentación y compartir (para
ello hay que estar identificado y logueado en Flickr). Nos aparecerá la opción
de Seleccionar el código HTML. Hacer click en personalizar este código HTML.
En la caja nos aparecerá un texto tal que:
<object
width="400"
height="300">
<param
name="flashvars"
value="offsite=true&lang=es-
Portal Web de Centros de Educación: Administración y Gestión de contenidos
100 de 106
us&page_show_url=%2Fgroups%2F1064742%40N23%2Fpool%2Fs
how%2F&page_show_back_url=%2Fgroups%2F1064742%40N23%
2Fpool%2F&group_id=1064742@N23&jump_to=&start_index="></p
aram><param
name="movie"
value="http://www.flickr.com/apps/slideshow/show.swf?v=71649">
</param> <param name="allowFullScreen" value="true"></param><embed
type="application/x-shockwave-flash"
src="http://www.flickr.com/apps/slideshow/show.swf?v=71649"
allowFullScreen="true"
flashvars="offsite=true&lang=es-
us&page_show_url=%2Fgroups%2F1064742%40N23%2Fpool%2Fshow%2F&
page_show_back_url=%2Fgroups%2F1064742%40N23%2Fpool%2F&group_i
d=1064742@N23&jump_to=&start_index="
width="400"
height="300"></embed></object>
Nos fijamos que aparecen textos que empiezan por “<param”. Despues
aparece un “name=” que hace referencia al parámetro; y después un
“value=” que hace referencia al valor del parámetro. Se visualizan en negrita
la información a utilizar.
Estructura:
-Titulo: Texto. Titulo descriptivo del álbum.
-Flashvars: Texto. Copiar y pegar el texto especificado en el campo flashvars.
-Url: Texto. Copiar y pegar la URL especificada en el campo MOVIE.
-Texto: Caja de texto enriquecido. Descripción breve del álbum.
-Imagen: Imagen. Imagen descriptiva del álbum.
-AlturaÁlbum: Texto. Tamaño que debe ocupar el álbum al presentarse (p.e.
200px).
-AnchuraÁlbum: Texto. Tamaño que debe ocupar el álbum al presentarse
(p.e. 200px).
9.1.22.1
Plantillas
Ver Modelo Multimedia, sección 5.4.2.

MULTIMEDIA PHOTO DETALLE

MULTIMEDIA PHOTO LINEA

MULTIMEDIA PHOTO SOLO ALBUM
9.1.23
MULTIMEDIA VIDEO
Identificador: Multimedia_video
Descripción: Estructura para presentar videos de YouTube. Para obtener los
datos hay que loguearse en YouTube. Al visualizar un video aparece una
flecha hacia arriba con una opcion para compartir el video. Seleccionamos la
del <>Embed, copiamos y pegamos en un editor de texto (p.e. notepad):
Portal Web de Centros de Educación: Administración y Gestión de contenidos
101 de 106
<object
width="425"
height="344"><param
name="movie"
value="http://www.youtube.com/v/TOD2435RHTk&rel=0&color1=0x
b1b1b1&color2=0xcfcfcf&feature=player_profilepage&fs=1"></param
><param
name="allowFullScreen"
name="allowScriptAccess"
value="true"></param><param
value="always"></param><embed
src="http://www.youtube.com/v/TOD2435RHTk&rel=0&color1=0xb1b1b1&col
or2=0xcfcfcf&feature=player_profilepage&fs=1"
shockwave-flash"
allowfullscreen="true"
type="application/xallowScriptAccess="always"
width="425" height="344"></embed></object>
Si somos dueños del video desde la pantalla de reproducción nos aparece una
opción de “Insertar” con el mismo contenido.
Al igual que en flickr, nos fijamos en el parámetro movie marcado en negrita
y copiamos su valor.
Estructura:
-Titulo: Texto. Título del video en el portal.
-Url: Texto. Texto del campo Movie.
-Texto: Caja de texto enriquecido. Breve descripción del video.
-Imagen: Imagen. Imagen descriptiva del video.
-AlturaVideo: Texto. Tamaño de la visualización del video en Pixeles.
-AnchuraVideo: Texto. Tamaño de la visualización del video en Pixeles.
9.1.23.1
Plantillas
Ver Modelo Multimedia, sección 5.4.2.

MULTIMEDIA VIDEO DETALLE

MULTIMEDIA VIDEO LINEA

MULTIMEDIA VIDEO SOLO VIDEO
9.1.24
NOTICIA
Identificador: Noticia.
Descripción: Estructura para noticias.
Estructura:
-Titulo: Texto.
-Fecha: Texto.
-Autor: Texto.
-Foto: Imagen.
-Resumen: Caja de texto enriquecido.
-Contenido: Caja de texto enriquecido.
-Título-sección: Texto repetible.
-Imagen: Texto.
-Alineado-imagen: Combo selección.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
102 de 106
-1: Izquierda.
-2: Derecha.
-Contenido: Caja de texto enriquecido.
-MásInfo: Caja de texto enriquecido. Caja para mostrar información adicional
a la noticia.
-TítuloDescargas: Texto. Titulo de la sección de descargas opcional.
-Descargas: Caja de texto enriquecido. Contenido de la sección de descargas
opcional.
-Inscripciones: Caja de texto enriquecido. Seccion de inscripciones opcional
en caso necesario (heredado)
-Página: Enlace a página.
9.1.24.1
Plantillas
Ver Modelo General para listados, sección 5.4.1.

NOTICIA DESTACADO

NOTICIA DESTACADO PÁGINA

NOTICIA DETALLE

NOTICIA SOLO TÍTULO

NOTICIA TÍTULO

NOTICIA TÍTULO PÁGINA
9.1.25
PONENCIA
Identificador: Ponencia.
Descripción: Estructura para ponencias.
Estructura:
-Titulo: Texto.
-Fecha: Texto.
-Ponente: Texto.
-Lugar: Texto.
-Foto: Imagen.
-Resumen: Caja de texto enriquecido.
-Contenido: Caja de texto enriquecido.
-Título-sección: Texto repetible.
-Imagen: Texto.
-Alineado-imagen: Combo selección.
-1: Izquierda.
-2: Derecha.
-Contenido: Caja de texto enriquecido.
-Página: Enlace a página.
9.1.25.1
Plantillas
Ver Modelo General para listados, sección 5.4.1.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
103 de 106

PONENCIA DESTACADO

PONENCIA DESTACADO PÁGINA

PONENCIA DETALLE

PONENCIA SOLO TÍTULO

PONENCIA TÍTULO

PONENCIA TÍTULO PÁGINA
9.1.26
PREGUNTA RESPUESTA
Identificador: Pregunta-respuesta.
Descripción: Estructura para preguntas y respuestas. Sirve para montar una
FAQ.
Estructura:
-Pregunta: Texto.
-Imagen: Imagen.
-Respuesta: Caja de texto enriquecido.
9.1.26.1

Plantillas
PREGUNTAS Y RESPUESTA: Plantilla para meter contenido en
preguntas y respuestas frecuentes.
9.1.27
PROYECTO
Identificador: Proyecto.
Descripción: Estructura para proyectos.
Estructura:
-Título: Texto.
-FechaInicio: Texto.
-FechaFin: Texto.
-Situación: Texto. Texto corto para describir la situación del proyecto.
-Responsable: Texto.
-Foto: Imagen.
-Intro: Caja de texto enriquecido.
-Objetivos: Caja de texto enriquecido.
-Participiantes: Caja de texto enriquecido.
-Colaboradores: Caja de texto enriquecido.
-Requisitos: Caja de texto enriquecido.
-MásInfo: Caja de texto enriquecido.
-Página: Caja de texto enriquecido.
9.1.27.1
Plantillas
Ver Modelo General para listados, sección 5.4.1.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
104 de 106

PROYECTO DESTACADO

PROYECTO DESTACADO PÁGINA

PROYECTO DETALLE

PROYECTO SOLO TÍTULO

PROYECTO TÍTULO

PROYECTO TÍTULO PÁGINA
9.1.28
SECCION CONTENIDO
Identificador: Sección_contenido.
Descripción: Estructura para montar secciones de contenido estáticos.
Heredada.
Estructura:
-Título: Texto.
-Texto: Texto.
-MásInfo: Bandera booleana repetible.
-Título: Texto.
-Enlace: Texto repetible.
-Título: Texto.
-Título: Texto.
9.1.28.1
Plantillas

SECCIÓN DETALLE: Plantilla para visualizar el detalle de una sección

SECCIÓN H1: Plantilla para visualizar el detalle de una sección de
de contenido.
contenido, con un título en h1.

SECCIÓN H2: Plantilla para visualizar el detalle de una sección de

SECCIÓN H3: Plantilla para visualizar el detalle de una sección de
contenido, con un título en h2.
contenido, con un título en h3.

SECCIÓN H4: Plantilla para visualizar el detalle de una sección de
contenido, con un título en h4.
9.1.29
TÍTULO
Identificador: Título.
Descripción: Estructura para tipos de contenido “Título”.
Estructura:
-Título: Texto.
-Icono: Imagen.
9.1.29.1
Plantillas
Portal Web de Centros de Educación: Administración y Gestión de contenidos
105 de 106

TÍTULO H1: Plantilla que presenta el título como encabezado de nivel
1.

TÍTULO H2: Plantilla que presenta el título como encabezado de nivel
2.

TÍTULO
H2
HOME:
Plantilla
que
presenta
el
título
como
un
encabezado de nivel 2 conteniendo el icono seleccionado y aplicando el
estilo Home.

TÍTULO H2 HOME DARK: Plantilla que presenta el título como un
encabezado de nivel 2 y le aplica un estilo de home-dark. Dicho estilo
incluye un icono para los encabezados de nivel 2.

TÍTULO H2 HOME DARK BACKGROUND: Plantilla que presenta el
título como un encabezado de nivel 2 y le aplica un estilo de homedark-background. Dicho estilo incluye un icono para los encabezados
de nivel 2 y establece un color de fondo.

TÍTULO H3: Plantilla que presenta el título como encabezado de nivel
3.

TÍTULO
H3
HOME:
Plantilla
que
presenta
el
título
como
un
encabezado de nivel 3 conteniendo el icono seleccionado y aplicando el
estilo Home.

TÍTULO H3 HOME DARK: Plantilla que presenta el título como un
encabezado de nivel 3 y le aplica un estilo de home-dark. Dicho estilo
incluye un icono para los encabezados de nivel 3.

TÍTULO H4: Plantilla que presenta el título como encabezado de nivel
4.

TÍTULO H4 HOME DARK: Plantilla que presenta el título como un
encabezado de nivel 4 y le aplica un estilo de home-dark. Dicho estilo
incluye un icono para los encabezados de nivel 4.

TÍTULO H5: Plantilla que presenta el título como encabezado de nivel
5.

TÍTULO H5 HOME DARK: Plantilla que presenta el título como un
encabezado de nivel 5 y le aplica un estilo de home-dark. Dicho estilo
incluye un icono para los encabezados de nivel 5.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
106 de 106