Formación - Guía Básica Liferay

7/29/2019 Formación - Guía Básica Liferay

http://slidepdf.com/reader/full/formacion-guia-basica-liferay 1/52

Mayo de 2010

Plataforma Comunicación Centrosde Educación

Formación



1

Índice

z Introducción

z Organización Plataforma

z Conceptos Básicos

z Portal Web / Intranet: Estructura portal

z Administración del Portal: Panel de Control.z Gestión de contenidos

z Gestión de páginas

z Personalización del portal

z Portlets especiales



2

La Plataforma de Comunicación de los Centros de Educación de Gobierno Vasco

persigue:z Dar soporte a lasnecesidades de comunicación de los centros con su

personal docente, personal no docente, alumnado, así como entre laspropias personas.

z Dar soporte a lasnecesidades de comunicación entre los centros así comodel Departamento con su red de centros.

z Servir como elemento integrador de los serviciosque las personas delcentro utilizan para desempeñar su trabajo diario.

z Servir como aglutinadorde toda la información y documentación delcentro, facilitando la organización, búsqueda, confección colaborativa ycompartición de la misma.

z Homogeneizarel modelo de organización, divulgación y acceso a toda lainformación y herramientas del sistema entre los diferentes centros.

Hay un planteamiento de Proyecto en varias fases. La Plataforma actual es elresultado de la Fase 1.

Introducción



3

La plataforma estará formada por diferentes zonas(instancias) de trabajo:z Cada centro dispondrá de una zona propia que podrán gestionar de

manera autónoma, adaptándola a sus necesidades (URL Propia, usuariosPropios).

z

Zona común utilizada para la comunicación entre diferentes centros, así como del Departamento de Educación con los centros.

Dentro de cada zona se podrán definir distintos espacios organizados en base a

comunidades. Una comunidad es un conjunto de usuarios y usuarias con un interéscomún y que comparten un espacio con informac ión, documentación yherramientas de colaboración propias.

Organización Plataforma



Instancia Centro 2

Instancia Centro 1

Instancia Departamento de Educación

4

Organización Plataforma

Intranet Docente

Intranet PAS

Intranet Alumnado

Intranet Docente

Intranet PAS

Intranet Alumnado

Departamento Educación:• SIC de directores• Plan Premia• …

ProyectoEvaluación

ProyectoMedioambiente

ProyectoAgenda21



5

z

Instancia:Espacio dentro de la plataforma para cada centro que puedecontener una o varias comunidades de uso publico o privado.

z Comunidad: Espacio en una instancia que representa un Portal Web (ó unaSección de un Portal) y que aglutina un conjunto de páginas web. Cada

comunidad puede tener páginas públicas y privadas. Existe unacomunidad que se invoca por defecto en cada portal. Dicha comunidadse llama Guest y sobre ella se monta el portal público de los centros.

z

Grupos de trabajo:Comunidad de la Plataforma dirigida a un grupo depersonas, con un interés común, que compartirán espacios, informacionesy herramientas.

z Página Web. Secciones del Portal o Intranet en el que se podrá ir

publicando servicios y contenidos.

z Portlet. Componente o pieza que permite ir colocando informac ión oservicios dentro de una página Web.

Conceptos básicosEstructura de Portal



6

z

Contenido: unidad de información a publicar en un Portal Web o Intranet.

z Estructura:Define el formato que sigue un tipo de contenido concreto. Esdec ir, qué atributos lo forman.

z Plantillas:Especifican el modo de visualización de los contenidos. Para unmismo tipo de contenido existirán diferentes modos de visualización.

z Tema:Diseño gráfico que se aplica a una comunidad y que especifica suorganización y visualización de la información.

z Plantilla de página o layout: Plantilla que establece cómo se distribuyen loscontenidos dentro de una página web.

z Rol: Caracterización de un usuario que se conecta al portal y que garantizaunos permisos u otros sobre los componentes del portal. En este portalexisten 2 roles: (1) el administrador que gestiona los contenidos; y (2) el deguest, o público en general, que consume los contenidos.

Conceptos básicosGestión de contenidos



7

Toda página del portal se descompone en 3 áreas que se describen a continuación:1.- CABECERA: Área donde se presenta una imagen personalizada del centro y el logo delcentro, junto con la navegación principal del portal. La navegación se divide en 2 áreas: Lasuperior donde se incluyen ciertos enlaces globales al portal (Mapa Web, Formulario decontacto, etc.), el cambio de idioma y el menú principal de Liferay; y la inferior donde sevisualizan las páginas de primer nivel del árbol de páginas.

2.- ÁREA DE CONTENIDOS: Área editable de las páginas del portal y donde se pueden colocarlos contenidos.

3.- PIE: Zona similar para todos los centros donde aparecerán los datos espec íficos decontacto de cada centro, así como más enlaces globales.

Portal Web / IntranetEstructura del portal



8




9

LA CABECERA


La cabecera de las páginas tiene 2 objetivos principales:Personalizar el portal al centro y ser punto principal de apoyoen la navegación del portal.



10


ÁREA DE CONTENIDOS

Esta distribución en 2columnas puede ser

cambiada estableciendouna plantilla de páginadiferente.



11


El pié de todas las páginas del portal contiene información básica de contactocon el centro, así como otros enlaces globales de importancia secundaria.

La información básica de contacto del centro comprende el nombre delcentro, 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.



12

Las labores de administración del Portal se realizan desde dos sitiosdiferentes:

zDesde la navegación por el Portal.

zDesde el Panel de Control.

Administración del PortalPanel de Control



13


El panel de control está

dividido en 2 columnas:

La de la izquierda quemuestra un menú con lasdistintas opcionesdivididas en 4 secciones(administración dedatos, gestión decontenidos,

administración del portaly gestión del servidor(superadministradores)) y

la de la derecha quecontiene el área detrabajo.



14

Entre otras funciones se podrá:z Gestionar los contenidos que van a publicarse en el PortalWeb/Intranet

z Gestionar las Páginas que forman el Portal.

z Distribución de la información dentro de una página.

zGestión de usuarios y roles




15

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 enlos 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 borrarun contenido, éste hay que borrarlo desde la gestión de contenidos.

Para la visualización de contenidos en el portal existen una serie deportlets que nos permite mostrarlos de diferentes maneras.

Para ir a la gestión de contenidosdeberemos entrar en el panel decontrol usando el menú de administración de Liferay y una vez allí,seleccionaremos“Contenido Web”. Esto nos abrirá la administración decontenidos de Liferay.

Gestión de contenidos



16

Gestión de Contenidos



17

Las cuatro secciones que existen son:

z Contenido. Gestión de los contenidos de una comunidad

z Estructuras: Administración de las tipologías de contenidos.

z Plantillas: Modos de visualización de la información. Una plantillacontiene un fichero con un “Script” o programa que especificacómo se presenta en HTML un contenido.

z Feeds: permiten publicar canales RSS de los contenidos de unportal y así facilitar el acceso a los últimos contenidos

publicados.





18

Para crear un nuevo contenido deberemos hacer clic sobre el botón

“Añadir contenido web” debajo del formulario de búsqueda. Pordefecto al crear un artículo se nos muestra un formulario solicitandouna serie de campos.

Gestión de contenidosCrear y editar contenidos

La pantalla de edicióntiene las siguientessecciones:

•Cabecera

•Área central

•Información adicional(cajas laterales)

•Pie




19

z Cabecera:Nos permite meter el nombre internos del articulo y el

idioma.

z Área central:Es el que muestra los atributos del tipo decontenido. 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 estructuraseleccionada. Todos los campos tienen un check de localizadoque permite especificar si el contenido introducido es igual paratodos los idiomas o es diferente por cada idioma.

z Información adicional:Contienen distintos aspectos funcionalesde los artículos. Puedes seleccionar estructuras y plantillas,gestionar el estado del articulo, etiquetar un articulo…..

z Pie:Abriendo las opciones de Resumen se nos mostraráncampos que nos permitirán describir el artículo. Mas abajo nosaparece las opciones de guardado.

Gestión de contenidosCrear y editar contenidos




20

Gestión de contenidosSeleccionar una estructura y plantilla

Cuando vas a crear un contenido tienes que seleccionar la estructuraque va a llevar este. Al hacer clic en el botón de selección de unaestructura se nos abrirá una ventana con las diferentes estructuras. Unavez seleccionada una estructura (p.e. Noticia) se actualizarán loscampos 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á enciertos portlets al presentar el contenido en las páginas. Se aconsejaseleccionar la plantilla de detalle que es la que muestra todo elcontenido.




21

z Creación de contenidos nuevos

z Previsualización de información.

z Modificación de estados

z Localización y modificación de información.


Gestiónde páginas



22

Para administrar las paginas de un portal tenemos dos viasde acceso:z Desde el menú de administración

z Desde el Panel de Control, sección de comunidades.

Menuadministración Panel de Control

Gestión de páginas

ó á



23


Desde la administración de páginas se pueden añadir, eliminar y dar laapariencia que quieras a las páginas ó menús que forman el Portal.

Haciendo clic sobre cualquier página del árbol, en la parte de la

derecha se nos muestra su detalle pudiendo modificar la configuraciónde dicha página.

Por defecto, al acceder a la gestión de las páginas del portal se nosmuestra para editar la página desde la cual hemos accedido a lagestión de páginas.

De cara a la gestión depáginas hay que tener especialcuidado con qué páginas segestionan (las públicas oprivadas).

G tió d á i



24


Entre las opciones que nos permite trabajar la edición de una páginason 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 hijasde la sección actual.

•Apariencia: Nos permite modificar la forma de presentar la páginaactual.

G tió d á i



25





Esta pestaña 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 defectoaparece el nombre de la página).

- Decidir si la página actual está oculta (es decir, si aparece en losmenús de navegación).

- La URL amigable (permite asignar una URL de acceso rápido aesta 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.

26

p gEdición de pagina




27

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áginaconfigura el comportamiento de la página. Por defecto, todas laspáginas son de tipo por t le t , es decir, que albergan contenidos del portal.

Pero existen otros tipos tales como e nla c e a pág ina (que permiteseleccionar una página del portal a la que debe navegar); o URL (quepermite especificar una URL a la que navegar, del portal o no).

p gEdición de página




28

p gOrden de los menús

La pestaña de sub-secciones nos permite añadir nuevas páginas omodificar el orden de las páginas. La ilustración 28 muestra como seañadirían nuevas páginas hijas de la página de Inicio. Se recomiendasiempre crear las páginas ocultas inicialmente mientras que se trabajacon 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.




29

Ejercicios:• Crear nueva sección

•Crear subsecciones

•Modificar página existente

•Modificar orden de menús




30

La pestaña de apariencia permite cambiar el diseño a utilizar en el

portal (Theme o Tema). Por defecto se está usando el THEME INTRANETCENTROS.

Desde esta pestaña se cambia el tema 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 semodifica en la pestaña de apariencia que aparece arriba del todoentre las pestañasPág ina s y Expor tar / Impor tar .

Apariencia




31

Requisitos de la apariencia:

z Páginas que deben existir y marcan secciones del Portal:

| Cabecera

| Pie

| MiZona

| Inicio

Apariencia

Gestión de Páginasi ib ió d i f ió



32

La estructura interna del área de contenidos de una página es

configurable (para aquellas páginas de tipo portlet). Dicha estructurainterna se llama plantilla de página.

Para modificar la plantilla de página asociada a una página delportal, deberemos navegar a la página objetivo y seleccionar desde el

menú de administración la opción “plantilla de página”. Con ello nosaparecerá una ventana que nos permite seleccionar una estructurapara la página.

Distribución de información




33

Ejercicios:

• Distribución de la información

•Apariencia

Personalización del portal



34

Una vez que nos hemos logeado y accedemos al portal como

administradores, nos fijamos, que en la esquina superior derecha dondeponía acceder ahora pone Salir. Si nos ponemos encima, aparecerá elmenú de administración del portal. Este menú también se llamacontextual ya que también aparece con menos opciones para el resto

de usuarios si existen y según los permisos que tengan. El administradorlos tiene todos.


Inicio: Nos lleva a la página principal de lacomunidad en la que estemos

navegando. Ya que para el portal Websolo es necesaria una comunidad, sucomportamiento será similar al del enlaceglobal de la cabecera (Inicio).Panel de control: Área de gestión del portal

que nos permitirá controlar todos losaspectos de administración del portal.administrador (único usuario).




35

Mi Cuenta: Permite a los usuarios acceder a los datos demográficos del

usuario y modificarlos. También permite pequeñas gestiones como elcambio de la clave de acceso.

Añadir Portlet: Esta opción nos muestra un cuadro de dialogo que nospermite seleccionar y añadir componentes a la página actual del

portal.Plantilla de página: Nos permite cambiar la plantilla de distribución decontenidos de la página actual. P.e. la plantilla de la home especifica2 columnas.

Administrar páginas: Nos lleva a la administración de páginas de lacomunidad actual.

Ocultar/Mostrar controles: Nos permite ocultar / mostrar los controlesde administración existentes en la página actual.

Mis espacios Web: Muestra un submenú con las comunidades a lasque pertenece el usuario conectado y permite navegar a ellas. Pordefecto solo existe la comunidad pública, o guest, y la privada delusuario administrador (único usuario).

p

Personalización del portalDatosde contacto y personalización del portal



36

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 puedenpersonalizar.

•Nombre del Centro

Para cambiar el nombre del centro, que se muestra en el PIE de laspáginas del portal en la zona de contacto, deberemos ir a laconfiguración del portal dentro del panel de control.

Dicha pantalla muestra laconfiguración general del portal.De esta pantalla debemos fijarnosen el Nombre del portal ya que es

lo que vamos a modificar. Los otroscampos mejor no tocarlos ya queafectaría al comportamiento delportal Web.




37


•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 lasección de identificación -> números de teléfono.

En esta pantalla se puedenintroducir más teléfonosdándole al (+). Podremos

eliminar teléfonos usando elicono de papelera. Serecomienda usar solo los tiposde teléfono (local y fax) que

presentarán los prefijos Tlf: yFax: antes de los teléfonos. Enel caso de proveer unaextensión, ésta se visualizaráentre paréntesis.




38


•Dirección de correo

Al igual que con los números de teléfono, en la sección deconfiguración podremos especificar el email de contacto. Para elloaccederemos a la sección con las direcciones de correo adicionales ymodificaremos o especificaremos el correo de una forma similar a comolo hemos hecho con los números de teléfono.

Tras realizar estos cambios en el nombre, teléfonos y correoobtendremos en el pie el siguiente resultado




39


•Logo del Centro

Para cambiar el logo del centro, visualizado en la cabecera a laizquierda, deberemos ir a la configuración del portal dentro del panelde control y nos moveremos a la sección de Varios -> Preferencias de

Presentación donde podremos modificar el logo.Al hacer clic en c am b ia r , nosabrirá una ventana paraseleccionar y subir una

imagen. Una vez subida,deberemos hacer clic en elbotón Guardar para confirmarel cambio de la imagen del

logo.




40


Hay que tener en cuenta que el tamaño de la cabecera depende deltamaño del logo y de la imagen de la cabecera, y éstos deben serproporcionales. Se recomienda especificar un logo con 130 píxeles dealtura y 136 píxeles de anchura. El logo del gobierno vasco ocupa unaaltura de 117px y una anchura de 224px.

Por otro lado es muy importante mantener la opción de “Permitir que losadministradores de comunidades utilicen su propio logo” habilitada yaque dicha opción nos permitirá establecer la imagen de la cabecerapara la comunidad pública.

•Imagen de cabecera

La imagen de la cabecera, al contrario de los datos anteriores no seespecifica en la configuración del portal, sino en la configuración de la

comunidad. Para ello deberemos ir a la sección de comunidades. Ysobre la comunidad Guest (que contiene las páginas del portal) hacerclic sobre acciones y seleccionar Administrar Páginas.




41





42


Esto nos lleva a la pantalla de gestión de las páginas de la comunidad.

Aquí la pestaña que nos interesa es la de Configuración.

A través de la pantalla

de configuración dellogo de la comunidad,introduciremos laimagen de fondo parala cabecera del portal.Es importante que paraque nos permitaespecificar un logo a lacomunidad, tengamos

habilitada dicha opciónen la configuración dellogo del portal.

Portlets especialesPortlet Listado Contenido



43

o e s ado Co e do

El objetivo del portlet Listado Contenido es la de permitir mostrar loscontenidos de Liferay listados. Este portlet funciona integrado con elportlet Detalle de Contenido. Al seleccionar un elemento del listado,según se especifique en la configuración se navega a una página quecontiene el portlet de Detalle de Contenido. Este portlet se encargaráde mostrar tal y como ha sido configurado el contenido seleccionado.El portlet de Detalle de 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.

Liferay provee 2 métodos para configurar un portlet. Dichas

opciones están accesibles al hacer clic sobre los 3 puntos en labarra de título superior sobre el portlet (ver Ilustración 51). Lasopciones son Configuración y Preferencias. En este portlet solovamos a utilizar las Preferencias.




44

Cuando pinchamos sobre Preferencias vemos la siguiente pantalla.




45

Para configurar el portlet primero se debe seleccionar la comunidad de

la cual queremos obtener los contenidos (la comunidad por defectodel portal es Guest). Una vez seleccionada una comunidad, nospermite seleccionar la estructura de dicha comunidad a la queasociaremos el listado.

Una vez que seleccionas la Estructura se cargan en pantalla lasdiferentes plantillas de esa estructura que son las que se encargan deque el contenido se visualice de una manera u otra.

Después lo que quedaría es rellenar los siguientes campos como

paginación, Tipo (normalmente General), artículos a mostrar….Finalmente, en el campo “Url”, se definirá la url amigable (Friendly URL)de la página en la que se sitúa el portlet de Detalle de Contenido quese usará para mostrar los contenidos aplicando la plantilla especificada

en el campo “Plantilla para el contenido”.




46

Portlets especialesPortlet Detalle de Contenido



La funcionalidad del Portlet contenido es mostrar contenidos de Liferayteniendo 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 laque se encuentra este portlet directamente. Este portlet está diseñado

para mostrar un único contenido que anteriormente ha sido listado oconfigurado en el portlet Listado Contenido.

El portlet de Listado Contenido se suele colocar en una página hija de

detalle de la página en la que se encuentra el portlet Listado Contenido.Dicha página de detalle suele así mismo estar oculta para que noaparezca en los menús de navegación y sólo se pueda accederdirectamente desde el listado.

Para que este portlet funcione correctamente es importante configurarel Listado Contenido para que la URL que se pone apunte a la páginadonde está este portlet. Para ello también es importante establecer laFriendly URL de la página donde se pone el portlet de contenido.

47

Portlets especialesPortlet Detalle de Contenido



48

Portlets especialesPortlet Agenda de Eventos



El portlet Agenda de Eventos permite asociar contenidos de Liferay aeventos de una forma sencilla. Para poder asociar un contenido oartículo a un evento Liferay, lo único que hay que hacer es escribir elidentificador del artículo en la descripción del evento.

El identificador de un contenido se visualiza en 2 lugares, una es en latabla mencionada en la primera columna, y otra al editar el artículoencima del nombre del artículo en la parte superior.

49




50




Para asociar un evento de la Agenda con un artículo del gestor decontenidos (p.e. EVENTO2), bastaría con iniciar la descripción delevento con el ID del artículo.

51

Formación - Guía Básica Liferay

Documents

Transcript of Formación - Guía Básica Liferay