Enero de Plataforma de los Portales e Intranets de Centros del Departamento de Educación Formación

Transcripción

1 Enero de 2011 Plataforma de los Portales e Intranets de Centros del Departamento de Educación Formación

2 Índice Descripción de la plataforma Acceso a la Administración de la Plataforma Portal Web Contenido Web Construcción de la Web Portles Gestión Documental Gestión de Formularios y Solicitudes Usuarios y Perfiles Portles Específicos Intranet 1

3 Descripción Plataforma Se ha definido la plataforma base sobre la que cada centro podrá construir su Intranet y su Portal Web. La Plataforma está formada por diferentes módulos que facilitan la personalización de las Intranets y del Portal Web a la casuística de cada centro. Además la plataforma proporcionará unas comunidades bases sobre las que empezar a trabajar estas son: Intranets corporativas del centro Intranet Docente Intranet PAS Intranet del Alumnado Grupos de trabajo. Portal Web 2

4 Descripción Plataforma Componentes de la Plataforma Gestión de Portales Gestión de las comunidades que tiene un centro. Gestión de las páginas o menús que forman una comunidad. Personalización de la información en base a grupos de usuarios y roles. Configuración del tipo de información o servicio que muestra cada página de una comunidad. Personalización del diseño gráfico de una comunidad basada en las líneas definidas en la plataforma. Configuración del modo de presentación de la información dentro de una página. 3

5 Descripción Plataforma Componentes de la Plataforma Gestión de Contenidos Facilita la administración de los contenidos que aparecerán publicados en las Intranets o Portales Web. Para esto proporciona mecanismos para el mantenimiento de la información a través de la tipología de contenidos definida. Información Textual Noticias Eventos Cursos Imágenes (banners, gifs animados) Formación Procesos Enlace FAQ Multimedia Avisos y Alarmas 4

6 Descripción Plataforma Componentes de la Plataforma Gestión Documental El gestor documental servirá como repositorio único de la documentación con la que se trabaja en la plataforma. En la plataforma existirá: Un espacio de trabajo para cada centro. Este espacio permitirá compartir documentación entre las personas que trabajan en el centro. Un espacio de trabajo común que permitirá compartir documentación entre el Departamento de Educación y los centros. * Espacio de trabajo = carpeta de archivos 5

7 Descripción Plataforma Componentes de la Plataforma Herramientas de Colaboración Proporcionarán mecanismos de comunicación entre las personas del centro. En cualquier sección podrán habilitarse espacios de comunicación bidireccional donde la persona que navega por la plataforma, previa identificación, puede contribuir con información, aprovechando el conocimiento individual y convirtiéndolo en conocimiento colectivo. Las herramientas que se proporcionan son: Foros Blogs Wikis Tablón de anuncios 6

8 Descripción Plataforma Componentes de la Plataforma Foros Herramienta reservada para la discusión y compartición de ideas de los diferentes usuarios y usuarias que forman una comunidad. Facilita la conversación y la puesta en común de conocimientos. Algunos ejemplos de uso: En los grupos de trabajo que realizan una labor en torno a un proyecto podrán utilizar los foros como herramienta para compartir ideas y definir las siguientes líneas de trabajo. En la Intranet del Alumnado para que los propios alumnos puedan compartir experiencias en el desarrollo de prácticas o becas. 7

9 Descripción Plataforma Componentes de la Plataforma Blogs Serán espacios donde una o varias personas pueden publicar artículos. Potenciará la participación activa, ya que los visitantes de un blog podrán escribir sus comentarios estableciéndose así un diálogo entre diferentes personas. Algunos ejemplos de uso: En los grupos de trabajo que realizan una labor en torno a un proyecto podrán utilizar los blogs para publicar el avance que se está llevando a cabo en el proyecto. Un centro en su portal público puede ofrecer un bloque corporativo en el que publicar las diferentes actividades y trabajos que se realizan. 8

10 Descripción Plataforma Componentes de la Plataforma Wikis Permiten la generación de información basada en un árbol de artículos editado de manera conjunta por las personas autorizadas, distribuyendo la generación de contenido entre varias personas. Uno de los ejemplos más claro de uso en la plataforma es para generar toda la información relativa a un proyecto que se está llevando a cabo en un grupo de trabajo. Tablón de anuncios Permitirá la publicación de anuncios con el fin de intercambiar bienes materiales entre las personas que hacen uso de una misma comunidad. Uno de los ejemplos más claro de uso en la plataforma es la publicación de este espacio en la Intranet del Docente. 9

11 Descripción Plataforma Componentes de la Plataforma Búsqueda de Información Una de los principales objetivos que se persigue al implantar la plataforma es facilitar a los usuarios y usuarias la localización de información. Para esto se proporcionan diferentes buscadores: Buscador general de texto libre. Hará una búsqueda tanto en contenidos, documentos como colaboraciones que las personas realizan en los espacios de colaboración. Buscador específico de documentos. Buscador específico sobre foros o blogs. 10

12 Descripción Plataforma Componentes de la Plataforma Gestión de Formularios y Solicitudes Permitirá la creación de formularios Web para ser publicados en las Intranets. Existen dos usos diferentes: A través de enlaces publicados en contenidos de la Web o la Intranet se podrá acceder a los formularios Web que solicitan información y que facilitan el contacto con el centro. A través de una aplicación, los gestores del centro, podrán diseñar nuevos formularios Web, así como gestionar las solicitudes que se reciben a través de estos formularios. 11

13 Descripción Plataforma Conceptos básicos Instancia: Espacio dentro de la plataforma para cada centro que puede contener una o varias comunidades de uso publico o privado. Comunidad: Espacio en una instancia que representa un Portal Web (ó una Sección de un Portal) y 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. Página Web. Menú del Portal o Intranet en el que se podrá ir publicando servicios y contenidos. Portlet. Componente o pieza que permite ir colocando información o servicios dentro de una página Web. Se hará uso de 1 ó más portlets para la construcción de una página. 12

14 Descripción Plataforma Conceptos básicos Contenido: unidad de información a publicar en un Portal Web o Intranet. Estructura: Define el formato que sigue un tipo de contenido concreto. Es decir, qué atributos lo forman. Plantillas: Especifican el modo de visualización de los contenidos. Para un mismo tipo de contenido existirán diferentes modos de visualización. Tema: Diseño gráfico que se aplica a una comunidad y que especifica su organización y visualización de la información. Actualmente hay dos temas: Intranet Centros y Euskadinet. Plantilla de página o layout: Plantilla que establece cómo se distribuyen los contenidos dentro de una página Web. 13

15 Descripción Plataforma Conceptos básicos Rol: Caracterización de un usuario que se conecta al portal y que garantiza unos permisos u otros sobre los componentes del portal. En 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. Grupos de trabajo. Comunidad de la Plataforma dirigida a un grupo de personas, con un interés común, que compartirán espacios, informaciones y herramientas. 14

16 Descripción Plataforma Que va a tener cada centro? Cada centro dispondrá de una instancia propia que le permitirá gestionar de manera autónoma, adaptándola a sus necesidades. Cada centro podrá definir distintos espacios organizados en base a comunidades. Una comunidad es un conjunto de usuarios y usuarias con un interés común y que comparten un espacio con información, documentación y herramientas de colaboración propias. Por ejemplo: Portal web Intranet de Docente 15

17 Descripción Plataforma Que va a tener cada centro? Departamento Educación: SIC de directores Plan Premia Proyecto Agenda21 Intranet PAS Proyecto Evaluación Proyecto Medioambiente Intranet Docente Intranet Docente Intranet Alumnado Instancia Centro Tartanga Intranet Alumnado Intranet PAS Instancia Centro Tolosaldea Instancia Departamento de Educación 16

18 Acceso a la Administración del Portal Panel de Control Las labores de administración del Portal se realizan desde dos sitios diferentes: Desde la navegación por el Portal. Desde el Panel de Control. 17

19 Acceso a la Administración del Portal 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 (administración de datos, gestión de contenidos, administración del portal y gestión del servidor (superadministradores)) y la de la derecha que contiene el área de trabajo. 18

20 Acceso a la Administración del Portal Panel de Control Entre otras funciones se podrá: Gestionar los contenidos que van a publicarse en el Portal Web/Intranet Gestionar las Páginas que forman el Portal. Distribución de la información dentro de una página. Gestión de usuarios y roles 19

21 Portal Web Descripción Gestión y mantenimiento de páginas que formará una comunidad (por ejemplo: Web pública, extranet o intranet). Proporcionará herramientas para alimentar de información cada una de estas páginas, además de permitir la personalización de esa información dirigida a los diferentes usuarios. Componentes que lo forman: Comunidad (símil a portal Web o intranet) Página (elemento del menú del portal) Portlet. Componente o pieza que permite ir colocando información o servicios dentro de una página Web. Tema (diseño gráfico del portal Web o intranet) Layout (modos de organización de la información en una página, cómo se distribuyen) 20

22 Portal Web Temas A una comunidad se le asocia un diseño gráfico, asignándole un tema. La plataforma cuenta en la actualidad con dos temas: - Intranet Centros - EuskadiNet Además cada tema ofrece diferentes gamas de colores. Ambos estructuran el portal en tres áreas principales: 1.- CABECERA: Área donde se presenta una imagen personalizada del centro y el logo del centro. De acceso a enlaces globales como: Mapa Web, Formulario de contacto, etc., el cambio de idioma y acceso a la administración. 2.- ÁREA DE CONTENIDOS: Área editable de las páginas del portal y donde se pueden colocar los contenidos y los servicios. 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. 21

23 Portal Web Temas: Intranet Centros Esta estructura corresponde al tema Intranet Centros 22

24 Portal Web Temas: EuskadiNet CABECERA PÁGINA NAVEGACIÓN Esta estructura corresponde al tema Euskadinet. ÁREA DE CONTENIDOS PIE DE PÁGINA 23

25 Portal Web Cabecera Intranet Centros LA CABECERA - Tema Intranet Centros 24 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. 24

26 Portal Web Cabecera Intranet Centros LA CABECERA Tema Intranet Centros En la cabecera del tema Intranet Centros destacamos varias áreas o secciones: Idiomas: es común para todas las paginas. Enlaces Globales: Serán las páginas ubicadas bajo la pagina Cabecera que esta oculta. Al menos se aconsejan que existan los siguientes: Inicio, Contacto y Mapa Web Buscador Global: buscador general de la Web. Acceso a la Administración: botón desde el que se accede al login para administrar el portal. Logo del centro y cabecera : Estos logos se personalizan desde el panel de control (administración de la plataforma) Logo GV: Viene por defecto con el tema Navegación principal del portal: paginas que se añaden, modifican o eliminan desde la administración de paginas. Solo aparecerán las paginas padre no ocultas, a excepción de la primera de ellas. 25

27 Portal Web Cabecera Euskadinet LA CABECERA Tema Euskadinet Logo del centro Logo euskadinet Enlaces globales Acceso administración Idiomas Pagina de inicio Destacados 26

28 Portal Web Cabecera Euskadinet LA CABECERA En la cabecera del tema Euskadinet destacamos varias áreas o secciones: Idiomas: es común para todas las paginas Enlaces Globales: Estas paginas se crean como paginas padre, a la altura de la pagina de inicio. Se recomiendan que sean: Mapa Web, Accesibilidad Ayuda y Contacto. Acceso a la Administración: botón desde el que se accede al login para administrar el portal. Viene por defecto con el tema. Logo del centro y cabecera: Estos logos se personalizan desde el panel de control. Logo Euskadinet: Viene por defecto con el tema. Pagina de Inicio: primera pagina a mostrar en la administración de paginas. Al pinchar sobre ella te llevara a la pagina de inicio. Destacados: Área de la cabecera que aparece vacía inicialmente. Se pueden poner las paginas que quieran destacar. Para que aparezcan paginas estas se tienen que crear bajo la pagina padre Destacados que se ocultan. El buscador en el tema Euskadinet se recomienda ponerlo en la parte izquierda de la pagina, debajo de los idioma. Bajo él la navegación principal del portal. 27

29 Portal Web Cabecera Euskadinet Las paginas principales de navegación se mostraran en el portlet de navegación y las paginas hay que crearlas en la administración de paginas bajo la pagina de Inicio. 28

30 Portal Web Área de contenidos ÁREA DE CONTENIDOS Esta distribución en 2 columnas puede ser cambiada estableciendo una plantilla de página diferente (esta distribución puede variarse, haciendo uso de distintos layouts). 29

31 Portal Web Pie de página En el tema IntranetCentros 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 información básica de contacto del centro comprende el nombre del centro, teléfonos e de contacto, mientras que los enlaces serán páginas bajo Pie. Se recomienda que al menos existan las páginas de información legal y Accesibilidad. En el tema Euskadinet no aparece la información del centro y aparece el único enlace a Información legal. Este enlace es una pagina que se crea bajo la pagina Pie con el nombre de Información legal. 30

32 Portal Web Comunidades Una comunidad es un espacio Web que podrá contener información de un Portal Web, Intranet o un Grupo de trabajo. Cada comunidad tiene su estructura de navegación propia, su información y contenidos y puede ir dirigida a un grupo de usuarios específico. Dentro de una comunidad existen dos apartados: Páginas públicas, son aquellas que pueden ser visitadas pos usuarios anónimos. Su fin es la publicación de información pública en la Web. Por ejemplo el portal Web corporativo del centro ó la publicación de resultados obtenidos por un grupo de trabajo. Páginas privadas, son aquellas páginas que sólo son visibles para usuarios identificados en la plataforma y que son miembros de la comunidad. La gestión de una comunidad requiere las siguientes tareas: Creación de una nueva comunidad. Modificación de una comunidad. Configuración de una comunidad. Administración de páginas asociadas a una comunidad. Gestión de usuarios relacionados con una comunidad o grupo. 31

33 Portal Web Creación de una comunidad Cuando un centro necesite un nuevo espacio Web deberá crear una nueva comunidad. Se realiza a través de panel de control >> Comunidades >> Añadir y requiere de los siguientes datos: Nombre de la comunidad. Este nombre, en el momento de la creación de la comunidad, establecerá la URL que se le asociará a esta comunidad. Descripción. Campo a través del cual diferenciamos comunidades que son grupos de trabajo de aquellas que no lo son. En el caso de los grupos de trabajo se debe añadir la palabra grupo. Portal Web Creación de una comunidad Tipo de comunidad o grupo: Establece el modo en el que los usuarios van a poder ser miembros de la comunidad: Abierta: cualquier persona con cuenta en el sistema puede hacerse miembro de una comunidad. Restringida: cualquier persona con cuenta en el sistema puede solicitar hacerse miembro de la comunidad. El administrador de la comunidad deberá aceptar o denegar esta solicitud. Privada: la gestión de usuarios miembros de la comunidad es realizada por un administrador. Las personas no podrán solicitar su pertenencia a la comunidad. Activa. Si la comunidad esta activa se podrá trabajar y navegar por ella. 32

34 Portal Web Creación de una comunidad 33

35 Portal Web Gestión de comunidades Para realizar cualquier labor de mantenimiento de una comunidad accedemos a través de la opción Comunidades en el panel de control. En esta pantalla veremos la lista de comunidades a las que el usuario tiene acceso. El botón Acciones da acceso a las diferentes labores de mantenimiento. Es importante tener en cuenta que, un cambio en el nombre de la comunidad una vez creada, no reflejará cambios en la URL asociada a la comunidad, manteniéndose la URL inicial. 34

36 Portal Web Personalización: datos de contacto La personalización de los datos de contacto de un centro que se verá en el pie de página de los portales así como la personalización de las imágenes del centro se puede realizar desde la opción Configuración del menúdel Panel de Control. IMPORTANTE: algunos Datos de este apartado son utilizados de manera interna por la plataforma, su modificación puede originar comportamientos anómalos. Deberán modificarse únicamente los datos que se enumeran en las siguientes transparencias sin cambiar ninguno más. 35

37 Portal Web Personalización: datos de contacto Para personalizar los datos de los centro trabajaremos en diferentes secciones de esta Configuración. Estos datos son comunes a todos los portales o intranets del centro. General. Este apartado permite: Nombre del Centro, información que se muestra en el pie de las paginas. URL de Inicio, es la URL a la que se redirigirá cuando pinchemos sobre el logo del centro que se visualizará en todas las paginas del portal en la parte superior izquierda de la cabecera. Debería ser una página de la Plataforma y que sea nombrada de igual manera en todas las comunidades. Dirección de correo. Este apartado permite introducir hasta 3 direcciones diferentes que se visualizarán en los pies de página del portal. Existe la posibilidad de aumentar el número de direcciones que deseamos introducir pulsando el botón Añadir representado con el icono. 36

38 Portal Web Personalización: datos de contacto Números de Teléfono. Los números de teléfono que se muestran en el pie en la zona de contacto pueden modificarse desde Números de Teléfono. Se podrán introducir tantos teléfonos como se deseen pulsando el botón y se eliminarán 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. 37

39 Portal Web Personalización: datos de contacto Dirección de correo electrónico del centro. El de contacto, que aparece en el pie de página puede modificarse en Direcciones de correo adicionales. Se recomienda poner un único correo de contacto. Una vez actualicemos cualquiera de los campos descritos anteriormente se debe hacer clic sobre el botón Guardar, para que se registre el cambio y nos mostrará el mensaje de confirmación en verde indicando que se ha realizado correctamente. Tras realizar estos cambios en el nombre, teléfonos y correo obtendremos en el pie el resultado mostrado a continuación. La modificación de campos del resto de opciones de la sección Configuración puede provocar un comportamiento incorrecto del portal. 38

40 Portal Web Personalización: Logo 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 y nos moveremos a la sección de Varios -> Preferencias de Presentación donde podremos modificar el logo. 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. 39

41 Portal Web Personalización: 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 recomienda especificar un logo con 130 píxeles de altura y 136 píxeles de anchura. 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 en cada comunidad. 40

42 Portal Web Personalización: cabecera de cada portal La imagen de la cabecera es personalizable para cada una de las comunidades (portales o intranets), al contrario de los datos anteriores que son personalizables para la instancia, es decir que se aplican a todas las comunidades del Centro. Para modificar la imagen de cabecera deberemos ir a la opción de Comunidades en el menú del Panel de Control, pulsaremos sobre el botón Acciones que aparece a la derecha de la comunidad que vamos a personalizar, y seleccionamos la opción Administrar páginas Se abrirá una nueva ventana con varias pestañas, seleccionaremos la pestaña Logo, y en ella el botón Examinar para seleccionar la imagen que se visualizará en la cabecera de la comunidad. No debemos olvidar pulsar el botón Guardar antes de dejar la página. 41

43 Portal Web Personalización: cabecera de cada portal 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. 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. En el manual de usuario se especifica el tamaño recomendado de esta imagen. 42

44 Portal Web Gestión de Páginas Para administrar las paginas de un portal tenemos dos vías de acceso: Desde el menú de administración. Desde el Panel de Control, sección de comunidades. Menú administración Panel de Control 43

45 Portal Web Gestión de Páginas Administrar paginas Desde la administración de páginas se pueden añadir, eliminar y dar la apariencia a las páginas. 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. Entre las opciones que nos permite trabajar la edición de una página son las siguientes: 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; asignable un nuevo tema o un nuevo esquema de calor. 44

46 Portal Web Gestión de Páginas Edición de paginas Pestaña página Permite modificar: El nombre de la página (y en los distintos idiomas del portal). Es lo que aparece como menú. El título que aparece en la ventana del navegador (por defecto aparece el nombre de la página). Recomendable utilizar un título adecuado para mejorar el posicionamiento en buscadores. Decidir si la página actual está oculta (es decir, si aparece en los menús 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. 45

47 Portal Web Gestión de Páginas Edición de paginas Pestaña 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 o servicios. Pero existen otros tipos tales como enlace a página (que permite seleccionar una página de la comunidad que debe navegar); o URL (que permite especificar una URL a la que navegar, del portal o no). Pestaña Subsecciones La pestaña de sub-secciones nos permite añadir nuevas páginas o modificar el orden de las páginas. Pestaña Apariencia Permite cambia el tema para la página actual, sobreescribiendo 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. 46

48 Portal Web Gestión de Páginas - Ejercicios Ejercicios: Crear nueva sección Crear subsecciones Modificar página existente Modificar orden de menús Cambiar apariencia 47

49 Contenido Web Gestión Un contenido es gestionado en un único punto y puede ser visualizado en varios puntos de un Portal o compartirse entre diferentes Portales. De tal forma que, si es modificado, se cambiará en todos los sitios en los que se visualiza. Si un contenido se elimina 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. Se debe diferenciar por tanto entre la gestión de los contenidos web y su posterior visualización. 48

50 Contenido Web Gestión La plataforma, desde el Panel de Control, proporciona las herramientas necesarias para realizar esta labor de mantenimiento: Contenidos Web. Permite gestionar el contenido informacional (textual) que va a publicarse en el Portal. Galería de imágenes. Permite gestionar tanto las imágenes que forman parte de los contenidos del portal así como un conjunto de imágenes a mostrar en formato de galería. Biblioteca de documentos. Permite gestionar documentos a publicar en un portal. Aunque la plataforma dispone de un sistema de gestión documental (Alfresco), se deja habilitado este componente en Liferay con el objetivo de gestionar en él documentos que vayan a publicarse en un Portal Web así como documentos de una Intranet que no sufran modificaciones de manera habitual. Dicho esto, se dispone de una serie de portlets / componentes que nos permiten presentar los contenidos y estructura de páginas del portal. Para ir a la administración de contenidos deberemos entrar en el panel de control usando el menú de administración de Liferay y una vez allí, seleccionaremos Contenido Web. Esto nos abrirá la administración de contenidos de Liferay. 49

51 Contenido Web Conceptos 50

52 Contenido Web Conceptos Las cuatro secciones que existen son: Contenido. Gestión de los contenidos de una comunidad Estructuras: Administración de las tipologías de contenidos. No deben crearse, borrar ni modificarse estructuras. Plantillas: Modos de visualización de la información. Una plantilla contiene un fichero con un Script o programa que especifica cómo se presenta en HTML un contenido. Feeds: permiten publicar canales RSS de los contenidos de un portal y así facilitar el acceso a los últimos contenidos publicados. 51

53 Contenido Web Crear y editar contenidos Para crear un nuevo contenido 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. La pantalla de edición tiene las siguientes secciones: Cabecera Área central Cajas laterales Pie 52

54 Contenido Web Crear y editar contenidos Cabecera: Nos permite meter el nombre internos del articulo y el idioma. Área central: Es el que muestra los atributos del tipo 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. Información adicional: Contienen distintos aspectos funcionales de los artículos. Puedes seleccionar estructuras y plantillas, gestionar el estado del articulo, etiquetar un articulo.. Pie: Abriendo las opciones de Resumen se nos mostrarán campos que nos permitirán describir el artículo. Mas abajo nos aparece las opciones de guardado. 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. 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. 53

55 Contenido Web Seleccionar una estructura y plantilla Cuando vas a crear un contenido tienes que seleccionar la estructura que va a llevar este. Al hacer clic en el botón de selección de una estructura se nos abrirá una ventana con las diferentes estructuras. Una vez seleccionada una estructura (p.e. Noticia) se actualizarán los campos correspondientes a la edición del artículo. 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. 54

56 Contenido Web Idioma-Localización 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. 55

57 Contenido Web Ejercicios Creación de contenidos nuevos Añadir imágenes y enlazar documentos. Modificación de estados Localización y modificación de información. 56

58 Construcción de la web Uso de Portlets Una vez se ha creado una página y asignado una apariencia de página, 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 tendremos la opción de añadir portlets. Un portlet es sección de página que permite agregar diferentes servicios al portal, desde menús de navegación, contenidos o bien otras herramientas de colaboración. Los portlets están agrupados en función de la utilidad a la que va dirigida. Además la plataforma proporciona un pequeño buscador que agilizará la localización de un portlet en base a su nombre. Una vez localizado el portlet se seleccionará y se arrastará a la zona de la página donde se quiere ubicar. 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. Una vez ubicado, algunos portlets deberán ser configurados para su correcto funcionamiento. 57

59 Construcción de la web Portlets (I) Los portlets que utilizaremos para la publicación de información o contenidos se encuentran bajo dos secciones: Gestión de Contenido y Contenidos Educación Gestión de Contenido 1. Camino de migas: portlet que muestra la localización de la página actual dentro del portal. Es recomendable que aparezca en todas las páginas de un Portal Web o Intranet. 2. Mapa del web: Presenta las secciones principales del portal. 3. Navegación: Permite mostrar un menú con las subsecciones de la página actual del portal. 4.Visor de Contenido Web: Permite incluir un contenido sobre una página. Podremos poner más de un portlet de este tipo en una misma página. 58

60 Construcción de la web Portlets (I) - Portlet Camino de migas y Navegación Portlet Camino de migas Este portlet presenta el camino de migas desde la sección principal a la página actual. Portlet 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. Ahora hay que configurar el portlet. Haciendo clic sobre los 3 puntos, nos presenta el menú de configuración del portlet. Estas opciones del menú de configuración son generales a todos los portlets de liferay. 59

61 Construcción de la web Portlets (I) - Portlet Navegación La pantalla de configuración 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. Las opciones recomendadas son las de la imagen. Con esas opciones recomendadas se visualizaría así: 60

62 Construcción de la web Portlets (I) - Portlet Visor 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 y por lo tanto no publica nada. El portlet nos provee de dos opciones, que son dos imágenes: la rueda de selección y el documento con un + la adición. Como seleccionar un contenido a presentar en el visor de contenidos. Si hacemos clic en la rueda al final del portlet, entraremos en la pantalla para seleccionar un contenido que queramos mostrar. 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. 61

63 Construcción de la web Portlets (I) - Portlet Visor Contenido Web 62

64 Construcción de la web Portlets (I) - Portlet Visor Contenido Web Al seleccionar un contenido, ahora se nos muestran dos 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. Como añadir un contenido desde el visor de contenido. 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. 63

65 Construcción de la web Portlets (I) - Portlet Visor Contenido Web 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. 64

66 Construcción de la web Portlets (I) - Portlet Visor Contenido Web 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. 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. Como quitar el contenido de un visor de contenido 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. 65

67 Construcción de la web Portlets (I) - Portlet Mapa web El portlet Mapa del Web solo se usa en la página de Mapa Web accesible desde la cabecera. Este 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 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 presenta el Mapa Web usando dicha configuración. 66

68 Construcción de la web Portlets (I) - Portlet Mapa web 67

69 Construcción de la web Portlets (II) En la sección de Contenido de Educación encontramos los siguientes portlets: 1-Agenda de eventos: Portlet que muestra la Agenda 2-Detalle de contenidos: Portlet que integrado con el Listado de contenido, presenta los contenidos a navegar desde el listado. 3-Listado de contenido: Portlet que permite construir un listado de contenidos. A continuación describimos como se usan estos portlets. 68

70 Construcción de la web Portlets (II) Listado Contenido La funcionalidad del Portlet contenido es mostrar contenidos de Liferay teniendo en cuenta los parámetros que le llegan desde el portlet listado. Este portlet funciona integrado con el portlet Detalle 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 Detalle Contenido. Este portlet se encargará de mostrar tal y como ha sido configurado el contenido seleccionado. El portlet de Detalle 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 ). Como configurar un 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. 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. 69

71 Construcción de la web Portlets (II) Listado Contenido 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 Listado Contenido hace uso de las Preferencias. La Ilustración presenta la pantalla la primera vez que se accede a las preferencias. 70

72 Construcción de la web Portlets (II) Listado Contenido Para configurar el portlet primero se debe seleccionar la comunidad de la cual queremos obtener los contenidos. Una vez seleccionada una comunidad, nos permite seleccionar la estructura de dicha comunidad a la que asociaremos el listado. Por ejemplo, si queremos crear un listado de noticias, seleccionaremos la estructura Noticia (ver Ilustración ). Si queremos crear un listado de proyecto, seleccionaremos la estructura Proyecto. 71

73 Construcción de la web Portlets (II) Listado Contenido 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. 72

74 Construcción de la web Portlets (II) Listado Contenido 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 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). 73

75 Construcción de la web Portlets (II) Listado Contenido 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. 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. 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) de la página en la que se sitúa el portlet de Detalle Contenido que se usará para mostrar los contenidos aplicando la plantilla especificada en el campo Plantilla para el contenido. 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. 74

76 Construcción de la web Portlets (II) Listado Contenido 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. Una vez que se ha configurado el listado, la Ilustración nos muestra como se visualiza el listado normalmente. 75

77 Construcción de la web Portlets (II) Listado Contenido 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 Detalle Contenido. Dicho portlet de Detalle 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 Detalle Contenido, solo se visualizarán los contenidos de dicha página y no los que el usuario se espera (detalle del contenido seleccionado). 76

78 Construcción de la web Portlets (II) Detalle 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 muestra el portlet recién añadido a una página, y por lo tanto sin recibir los parámetros. El funcionamiento normal de este portlet sería acceder a él bien a través del portlet Listado contenido o a través del portlet de Búsqueda ya que estos dos últimos están pensados para interactuar con el portlet de contenido. La Ilustración muestra una noticia navegada desde el listado de noticias. 77

79 Construcción de la web Portlets (II) Detalle Contenido 78

80 Construcción de la web Portlets (II) Detalle Contenido 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 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 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 Listado Contenido para que la URL que se pone apunte a la página donde está este portlet. Para ello también es importante establecer la Friendly URL de la página donde se pone el portlet de contenido. 79

81 Construcción de la web Portlets (II) - Portlet Agenda de eventos El portlet Agenda 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. El identificador de un contenido se visualiza en 2 lugares, una es en la tabla mencionada en la primera columna, y otra al editar el artículo encima del nombre del artículo en la parte superior. 80

82 Construcción de la web Portlets (II) - Portlet Agenda de eventos 81

83 Construcción de la web Portlets (II) - Portlet Agenda de eventos 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. 82

84 Construcción de la Web Portlets (II) - Galería de imágenes Desde añadir portlet Contenidos de Educación tenemos el portlet galería de imágenes. Este portlet al añadirlo a la pagina por primera vez nos mostrara un mensaje en el que nos pide mostrar el portlet para hacerlo visible a los usuarios. Para configurarlo hay que pinchar sobre el mismo texto o como en otros portlets pinchando sobre los tres puntos y eligiendo la opción Configuración. Se nos mostrara la siguiente pantalla. 83

85 Construcción de la Web Portlets (II) - Galería de imágenes Aquí hay que meter en la caja de texto Carpeta el nombre de la carpeta que hay en galería de imágenes que quieres mostrar. Una vez guardado al volver ala pagina se nos mostrara la galería de la siguiente forma. Si nos creamos varias subcarpetas dentro de una carpeta padre estas se nos mostraran a modo de pestañas pero no se visualizaran las imágenes que están en la carpeta padre sino que solo las que están en las hijas. 84

86 Construcción de la Web Portlets (II) - Galería de imágenes Navegando por las pestañas visualizaremos las imágenes que tenemos en esas carpetas en la galería de imágenes. 85

87 Construcción de la web Layouts 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 la opción plantilla de página. Con ello nos aparecerá una ventana que nos permite seleccionar una estructura para la página. 86

88 Construcción de la web Ejercicios Ejercicios: Añadir portlet camino de migas, navegación y visor de contenido web. Seleccionar un contenido creado anteriormente y meterlo en el portlet visor de contenido. Editar un contenido desde el portelt visor de contenido web Cambiar el layout de la pagina. En otra página poner camino de migas, navegación y listado. Enlazar a página oculta de detalle. 87

89 Gestión Documental Alfresco El gestor documental servirá de base para compartir y almacenar en un único punto la documentación de los centros, así como de aquellas que el Departamento o entidades relacionadas con el Departamento necesitan compartir con los centros. La plataforma reserva un espacio de trabajo para cada centro. Un espacio de trabajo es similar a una carpeta del explorador de windows, donde el responsable de este espacio podrá crear la estructura de directorios que quiera. Usos del gestor documental: A través de explorador de windows. De esta manera, de una forma más común y ágil se podrán consultar y actualizar información del centro y/o Departamento. A través de la Intranet, pudiendo así acceder a los documentos desde páginas gestionadas por Liferay. 88

90 Gestión Documental - Alfresco Explorador de Windows Sistema Operativo XP: con el asistente se puede agregar un sitio de red donde especificaremos la URL que nos dará acceso a nuestro repositorio de documentos. 89

91 Gestión Documental - Alfresco Explorador de Windows Software de conexión vía WebDAV (por ejemplo NetDrive). Permitirá manejar nuestro repositorio con facilidad como si sería una unidad de red. 90

92 Gestión Documental - Alfresco Portlet de consulta Para poder visualizar el gestor documental debemos utilizar el portlet Listado de documentos. Este portlet nos permitirá filtrar la información que deseamos visualizar a través de opción de configuración Preferencias. 91

93 Gestión Documental - Alfresco Portlet de búsqueda de documentos de Alfresco El portlet de búsqueda de documentos, nos permitirá buscar documentos en el repositorio documental de Alfresco de nuestro centro y del departamento. Para realizar esta búsqueda, introduciremos nuestro criterio de búsqueda y seleccionaremos donde queremos buscar, en nuestro centro o en el departamento. 92