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
Fecha
Revisión
00
15 de Junio de 2009
Primera Edición
01
17 de Septiembre de 2009
Segunda Edición
02
21 de Septiembre de 2009
Tercera Edición
03
20 de Octubre de 2009
Cuarta Edición
Índice Página
1. INTRODUCCIÓN....................................................................................4 2. ESTRUCTURA DEL PORTAL.....................................................................7 3. ADMINISTRACIÓN DEL PORTAL.............................................................16 4. GESTIÓN DE LAS PÁGINAS DEL PORTAL.................................................30 5. GESTIÓN DE CONTENIDOS...................................................................36 6. HOW – TO’S.......................................................................................75 ANEXOS...............................................................................................82 7. A1: CAMBIOS DE URL..........................................................................83 8. A2: CENTROS DE FP: POSIBLES PROBLEMAS EN LA IMPORTACION DE CONTENIDOS..................................................................................84 9. A3: ESTRUCTURAS Y PLANTILLAS..........................................................85
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
4 de 102
•
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
5 de 102
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
6 de 102
•
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
7 de 102
Ilustración 1 Página principal del portal
Portal Web de Centros de Educación: Administración y Gestión de contenidos
8 de 102
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
9 de 102
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
10 de 102
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
11 de 102
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
12 de 102
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
13 de 102
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
14 de 102
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
15 de 102
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 es el
Portal Web de Centros de Educación: Administración y Gestión de contenidos
16 de 102
test@$PORTAL$, donde $PORTAL$ debe sustituirse por el del portal en concreto contra el que nos estemos conectando, por ej: test@centroXX.test.lanbideheziketa.com. 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
17 de 102
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
barra de título. El más: Maximiza el portlet ocupando todo el área de contenido
o
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. 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
18 de 102
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
19 de 102
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
20 de 102
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
21 de 102
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
• •
Web. Agenda: Permite gestionar los eventos de la agenda del portal. Foro de discusión: Gestiona los foros. No usado en el portal web de
•
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
22 de 102
•
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
23 de 102
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
24 de 102
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
25 de 102
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
26 de 102
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
27 de 102
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
28 de 102
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
29 de 102
-
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
30 de 102
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
31 de 102
-
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
32 de 102
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
33 de 102
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
34 de 102
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
35 de 102
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
36 de 102
-
-
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
37 de 102
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 .
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
38 de 102
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
39 de 102
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
40 de 102
o
Idioma: Una vez se ha guardado el artículo se habilitarán las opciones del idioma.
-
El pie: o Metadatos:
o -
-
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. 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
o
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. Estado del Artículo: Permite gestionar el estado del articulo y
o
sus versiones. Clasificación y etiquetado del artículo: Permite clasificar los
o
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). 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
41 de 102
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
42 de 102
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
43 de 102
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
44 de 102
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
45 de 102
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
46 de 102
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
47 de 102
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
48 de 102
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
49 de 102
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
50 de 102
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
51 de 102
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
52 de 102
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
53 de 102
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
54 de 102
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 portal. Preferencias: Permite adaptar el funcionamiento del portlet a las 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
55 de 102
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
56 de 102
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
57 de 102
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 www.kaioa.es/web/guest/formacion/detalle.
de
contenidos
será
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
58 de 102
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
59 de 102
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
60 de 102
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
61 de 102
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
•
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
general:
Seleccionando
esta
opción,
el
usuario
solo
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
62 de 102
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
63 de 102
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
64 de 102
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
65 de 102
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
66 de 102
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
67 de 102
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
68 de 102
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
69 de 102
Ilustración 72 Visión del Mapa Web
Portal Web de Centros de Educación: Administración y Gestión de contenidos
70 de 102
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
71 de 102
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
72 de 102
•
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
73 de 102
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 •
imparten en un centro. EVENTO: Estructura que permite definir los eventos a acontecer en un
•
centro. NOTICIA: Estructura usada para definir las noticias publicadas en el
•
portal. PONENCIA: Estructura usada para presentar las distintas ponencias
•
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
•
módulos existentes en una EPA. FORMACION_REGLADA_SECUNDARIA: 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
74 de 102
•
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 •
listado – detalle en portlet de KAIOA contenido. DETALLE: Además, muestra una imagen y una breve descripción de la 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
75 de 102
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
76 de 102
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
77 de 102
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
78 de 102
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
79 de 102
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
80 de 102
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
81 de 102
Anexos
Portal Web de Centros de Educación: Administración y Gestión de contenidos
82 de 102
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
83 de 102
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
84 de 102
9. 9.1
A3: ESTRUCTURAS Y PLANTILLAS 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
85 de 102
-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 •
y debajo de todo ello un texto explicativo. BANNER DESTACADO: Sobre la plantilla NORMAL, posee un fecha superior para destacar el banner.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
86 de 102
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: -Horas1_01 texto: Texto. -NombreAsignatura1_02: -Horas1_02: Texto. -NombreAsignatura1_03: -Horas1_03: Texto. -NombreAsignatura1_04: -Horas1_04: Texto. -NombreAsignatura1_05: -Horas1_05: Texto. -NombreAsignatura1_06: -Horas1_06: Texto. -NombreAsignatura1_07: -Horas1_07: Texto. -NombreAsignatura1_08: -Horas1_08: Texto. -NombreAsignatura1_09: -Horas1_09: Texto. -NombreAsignatura1_10: -Horas1_10: Texto. -NombreAsignatura1_11: -Horas1_11: Texto. -NombreAsignatura1_12: -Horas1_12: Texto.
Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto. Texto.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
87 de 102
-NombreAsignatura2_01: -Horas2_01: Texto. -NombreAsignatura2_02: -Horas2_02: Texto. -NombreAsignatura2_03: -Horas2_03: Texto. -NombreAsignatura2_04: -Horas2_04: Texto. -NombreAsignatura2_05: -Horas2_05: Texto. -NombreAsignatura2_06: -Horas2_06: Texto. -NombreAsignatura2_07: -Horas2_07: Texto.
Texto. Texto. Texto. Texto. Texto. Texto. 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
88 de 102
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
89 de 102
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
90 de 102
-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
91 de 102
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
92 de 102
-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
93 de 102
-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: -Título: Texto.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
94 de 102
-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. Descripción: Estructura para mostrar los enlaces a rss.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
95 de 102
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-us&page_show_url=%2Fgroups %2F1064742%40N23%2Fpool%2Fshow
Portal Web de Centros de Educación: Administración y Gestión de contenidos
96 de 102
%2F&page_show_back_url=%2Fgroups %2F1064742%40N23%2Fpool %2F&group_id=1064742@N23&jump_to=&start_index="></param> <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_id=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
97 de 102
<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" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/TOD2435RHTk&rel=0&color1=0xb1b1b1&col or2=0xcfcfcf&feature=player_profilepage&fs=1" type="application/xshockwave-flash" allowfullscreen="true" allowScriptAccess="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
98 de 102
-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. • PONENCIA DESTACADO
Portal Web de Centros de Educación: Administración y Gestión de contenidos
99 de 102
• • • • •
PONENCIA PONENCIA PONENCIA PONENCIA PONENCIA
9.1.26
DESTACADO PÁGINA DETALLE SOLO TÍTULO TÍTULO TÍTULO PÁGINA
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. • PROYECTO DESTACADO
Portal Web de Centros de Educación: Administración y Gestión de contenidos
100 de 102
• • • • •
PROYECTO PROYECTO PROYECTO PROYECTO PROYECTO
9.1.28
DESTACADO PÁGINA DETALLE SOLO TÍTULO TÍTULO TÍTULO PÁGINA
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 •
de contenido. SECCIÓN H1: Plantilla para visualizar el detalle de una sección de
•
contenido, con un título en h1. SECCIÓN H2: Plantilla para visualizar el detalle de una sección de
•
contenido, con un título en h2. SECCIÓN H3: Plantilla para visualizar el detalle de una sección de
•
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 • TÍTULO H1: Plantilla que presenta el título como encabezado de nivel 1.
Portal Web de Centros de Educación: Administración y Gestión de contenidos
101 de 102
•
TÍTULO H2: Plantilla que presenta el título como encabezado de nivel
•
2. TÍTULO H2 HOME:
•
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:
•
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
Plantilla
Plantilla
que
que
presenta
presenta
el
el
título
título
como
como
un
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
102 de 102