Consideraciones previas a la creación de un sitio web con Liferay

En la Figura 2.10. (Pantalla inicio Liferay) anterior, se mostró la inicialización de Liferay, una vez que se han instalado todos los pre-requisitos mencionados en los puntos anteriores. Por lo tanto, a continuación se muestran algunas de las opciones que se deben tener en cuenta, antes de iniciar con el desarrollo de la página como tal para el CI.

Para ingresar al ambiente de Liferay es necesario autenticarse. Por defecto (una vez que se

ha instalado correctamente) el usuario de ingreso es “test” con su clave de igual manera

53

Figura 2.11. Autenticación inicial en Liferay

Una vez autenticado correctamente, el usuario administrador, posteriormente podrá acceder a las diferentes opciones para administración del sitio correspondiente. En la figura Figura 2.12. (Opciones de administración para usuario autenticado), se muestran las diferentes opciones que visualiza un usuario con roles de administrador.

En los siguientes apartados, se detallará de mejor manera el funcionamiento de la autenticación en Liferay, con su respectivo manejo de usuarios.

54

Figura 2.12. Opciones de administración para usuario autenticado 2.3.4.2.1.1. Administración de Liferay

En la siguiente figura Figura 2.13. (Opciones de administración de Liferay Portal), se puede observar el detalle de las distintas opciones que dispone Liferay.

55

Figura 2.13. Opciones de administración de Liferay Portal

Específicamente para el desarrollo de un sitio web, es necesario tomar en cuenta algunos

“conceptos” que Liferay maneja para desarrollar un sitio Web:

a. Liferay, dispone de Páginas (“Pages” en inglés), lugar donde se podrán colocar o

poner los diferentes contenidos,

b. Liferay, maneja portlets (aplicativos), que pueden tener contenido dinámico o

estático. Estos portlets pueden ser administrados (insertados, borrados, modificados) por usuario(s) autenticados, y se pueden colocar en una o varias páginas del portal.

Lo indicado anteriormente es particularmente interesante, desde el punto de vista del desarrollador o administrador del sitio, ya que se tiene la “gran ventaja” de poder “crear” o agregar un aplicativo (portlet), sin tener que modificar la codificación de la página (a nivel

html, etc.). Claro está, que el portal deberá manejar el protocolo WSRP11, sin el cual no se

puede lograr el comportamiento “plug and play” de los portlets.

2.3.4.2.1.2. Agregación de páginas web

Con los conceptos anteriormente anotados, se puede ver en el primer bloque de la figura

Figura 2.13. (Opciones de administración de Liferay Portal), la opción “Página” (Page),

que hace referencia, a que con ella se podrá agregar páginas al sitio Web, tal como lo muestra la Figura 2.14. (Agregar Páginas):

11

WSRP. (Web Services for Remote Portlets por sus siglas en inglés), Protocolo que suministra un estándar de servicios web, para permitir el "plug-and-play" de portlets en ejecución remotos desde fuentes dispares.

56

Figura 2.14. Agregar Páginas

Indistintamente del “Template” (Plantilla) que se verá luego, como se puede observar, la

creación de páginas es amigable y sencilla, de tal manera que no se codifica absolutamente nada.

2.3.4.2.1.3. Agregación de Portlets (aplicativos) a las páginas Web

Una vez que se ha creado la página (Inicio en este caso), se puede agregar distintos elementos, aplicativos o “portlets”, tal como se puede observar en la siguiente figura (Figura 2.15. Agregar portlets):

Figura 2.15. Agregar portlets

En la figura 2.16. (Figura 2.16. Incorporación de portlets a página), se puede observar que con solo arrastrar la aplicación correspondiente, se puede incorporar al contenido de la página, para posteriormente realizar las “adecuaciones” o modificaciones, de acuerdo a lo que requiera el portal o página.

57

Figura 2.16. Incorporación de portlets a página

2.3.4.2.1.4. Disposición de Página Web

Algo que es importante mencionar, es el tema de la “Disposición de la página”, para el caso

de la ubicación de los aplicativos o portlets dentro de la página web creada. Es así que, en las opciones de Liferay para administración (Ver segundo bloque de Figura 2.13. Opciones de Liferay), existe una opción referente a “Disposición de Página” (Layout), donde se puede observar que es factible seleccionar cualquier formato de página, de tal manera que lo que se vaya agregando como portlets, tomen el formato escogido (ver Figura 2.17. Disposición de Página).

58

Figura 2.17. Disposición de Página

Una vez definidos la “disposición” de la página y los portlets o aplicaciones que irán en la

misma, se debe personalizar cada uno de los portlets, para colocar la información que se requiera.

2.3.4.2.1.5. Edición de un portlet de contenido

Cada una de las aplicaciones que tiene disponibles Liferay, tiene un objetivo distinto, por lo que se hablará de uno de los portlets más comunes y utilizados en esta herramienta. Se trata

del portlet “Visor de Contenido Web” (“Web Content Display”por su correspondiente en

inglés), en el cual se puede colocar contenido ya sea texto, imágenes, animaciones flash, links, e incluso se puede editar el contenido en html. En la figura siguiente, se puede mostrar dicha personalización (ver Figura2.18. Personalización de un Web Content Display):

59

Figura2.18. Personalización de un Web Content Display

Como complemento a la explicación de la incorporación tanto de páginas como de aplicaciones o portlets, es necesario conocer dos aspectos si bien no esenciales, pero si importantes para la “presentación” de una página. Estos dos puntos son los relacionados a

la ubicación de un “logo”(imagen) y un “template”(tema) o tema para la página Web.

2.3.4.2.1.6. Selección de Tema (Template)

Respecto al “template” (tema), es necesario hacer referencia a la opción “Página” del segundo bloque (Administración) de la figura Figura 2.13. (Opciones de administración de

Liferay Portal), mediante la cual se puede realizar la incorporación de “templates”(temas o

plantillas) propios de liferay. Es factible sin embargo, “crear” un tema personalizado, aunque ese punto podrá ser revisado en la documentación de liferay (link de comunidad de liferay).

60

Como se puede apreciar en la figura 2.19 (Administración de página web), es factible realizar diferentes adecuaciones a cada página o a un conjunto de páginas. La opción a la

que estamos haciendo referencia en la Figura 2.19, es la correspondiente a “Look and Feel”

o “Apariencia”, la cual permite (como se muestra en la figura 2.20. “Selección de Tema”)

realizar la selección del “tema” (Theme en inglés) que por defecto trae Liferay. Es posible así mismo, agregar otros temas que están a la disposición de la comunidad, a través de la importación de los mismos.

Figura 2.19. Administración de Página Web

61

2.3.4.2.1.7. Inserción de un “Logo” en el sitio Web.

La inserción de un “logo”12_{en la página web, va de la mano con respecto a la “apariencia”}

de la página, ya que dependiendo del diseño de la página (ya sea personalizado o importado desde liferay), será la ubicación de un logo personalizado dentro de la página web. Tomando en cuenta esto, entonces, para poder ingresar un logo, se puede hacerlo mediante

la opción “Configuración” del segundo bloque de la Figura 2.13 (Opciones de

administración de Liferay Portal), donde se puede ingresar un logo mediante la importación de un archivo gráfico (jpg, gif, png, etc.), tal como lo muestra la figura 2.21. (Agregación de un logo).

Figura 2.21. Agregación de un logo

Tomando en cuenta todos los temas expuestos anteriormente, referentes a la creación de una página, por lo tanto, se podrá ya dar un bosquejo general de lo que será el sitio web para el Centro Infantil.

Es necesario entonces, retomar la estructura del portal (Ver Figura 2.2. Estructura del portal), para poder crear el sitio con las páginas correspondientes, y adicionalmente tomar en cuenta el diseño de cada una de las páginas establecido en las figuras (2.3. a 2.9. ). Por lo tanto la página diseñada quedaría como lo muestra la figura 2.22 (Figura 2.22. Sitio Web creado para el CI).

12_{Logo.- Contracción de Logotipo. Elemento gráfico que identifica a una persona, empresa, institución o}

62

Figura 2.22. Sitio Web creado para el CI

2.3.4.2.1.8. Creación de usuarios en liferay

Debido a que el tema central es el monitoreo de los niños del centro infantil, por lo tanto es imprescindible un buen manejo de usuarios por parte de la herramienta correspondiente, que en este caso es Liferay. Como se había mencionado en la justificación del uso de este portal de portales, uno de los puntos importantes es el manejo de usuarios, de tal manera que la autenticación sea segura.

63

Para la creación de usuarios, por lo tanto, es necesario empezar con la opción

correspondiente para el ingreso de usuarios, la cual es “Panel de Control (Control Panel)”,

que se muestra en el segundo bloque (Administración) de la figura 2.13. (Opciones de Liferay). En la figura 2.23 (Opciones del Panel de Control de Liferay), se muestra cada una de las opciones para la administración del Portal. Lo que interesa de estas opciones es la correspondiente a “Usuarios” (Users).

Figura 2.23. Opciones del Panel de Control de Liferay

El ingreso de usuarios no tiene ninguna complicación en Liferay, tal como lo muestra la figura 2.24. (Pantalla de manejo de usuarios), de tal manera que únicamente se deberá tener en cuenta los nombres de usuarios y sus correspondientes claves de acceso.

64

Figura 2.24. Pantalla de manejo de usuarios

Como se puede observar en la figura anterior, la administración de usuarios parte de un listado de usuarios que pueden accesar a los recursos del portal. Cada uno de los usuarios puede ser así mismo modificado, eliminado, etc., de tal manera que ese manejo queda a discreción del administrador del portal o dueño del portal. En la figura 2.25 (Ingreso de usuarios), se puede observar los campos necesarios para el ingreso de datos de los usuarios.

65

Una vez que se han ingresado los diferentes usuarios al sistema, éstos pueden ser agrupados para un mejor control de sus accesos y de qué lugares del sitio pueden accesar.

2.3.4.2.1.9. Creación de grupos de usuarios en liferay

La creación de grupos, al igual que de los usuarios es bastante sencilla en Liferay, tal como lo ilustra la figura 2.26 (Creación de grupos de usuarios). Es necesario hacer énfasis, en que tanto la creación de usuarios, roles, grupos, etc., se basa en el esquema de organización de recursos que Liferay maneja, tal como se lo puede observar en la figura A3.2 (Gráfico Organización de Recursos de Liferay) del Anexo 3.

Figura 2.26. Creación de grupos de usuarios

Una vez que el grupo ha sido creado, se puede posteriormente realizar varias acciones como la asignación de permisos, usuarios y páginas. Es en este lugar donde se pueden poner las restricciones de acceso a los diferentes usuarios que se creen. En las figura 2.27. (Opciones de administración de grupos) y 2.28 (Permisos por grupo), se pueden observar las diferentes acciones que el administrador del portal puede realizar con el grupo creado.

66

Figura 2.27. Opciones de administración de grupos

En la siguiente pantalla, se puede distinguir la asignación de permisos a un grupo creado. En este caso y para el presente tema de tesis, se tendrá 2 grupos de usuarios para el monitoreo y administración de imágenes a través de cámaras Web: Administradores y Padres de Familia.

67

2.3.4.2.1.10. Creación de roles para asignación a grupos de usuarios en Liferay

Los roles en Liferay, sirven para delimitar la acción de un grupo de usuarios o también de usuarios individuales. Como en este caso ya se ha fijado que los grupos de usuarios serán dos (Administrador y Padres de Familia), por lo tanto, se delimitará el acceso de acuerdo al siguiente criterio:

1. Administrador: persona encargada de la gestión del portal, y quien manejará el

ingreso, modificación o eliminación de los datos de la o las cámaras IP que estarán instaladas en el Centro Infantil.

2. Padre de Familia: quien podrá únicamente observar las imágenes transmitidas desde la

cámara seleccionada, de acuerdo al listado de cámaras que pueda ingresar el administrador del portal.

Con estas puntualizaciones, en las figuras 2.29 (Ingreso de Roles) y 2.30 (Asignación de permisos al rol), se puede observar la simplicidad de creación de roles, para su posterior utilización en la asignación de permisos a cada grupo de usuarios creados.

68

Figura 2.30. Asignación de permisos al rol