Liferay Portal 6.1.x Introducción a la Gestión de Contenidos Web

Miguel UZA UX, IA, Portal, Mobile & Front-End technologies. You can reach me on:

http://www.linkedin.com/pub/miguel-uza/54/b49/99a

@mgl_uz

miguel [at] chakray.com

+34 655323719 http://mgl.uz

Roger CARHUATOCTO SOA, BPM, ECM, Portal and Security. You can reach me on:

http://www.linkedin.com/in/rcarhuatocto

@Chilcano

roger [at] chakray.com

+34 629292125 http://holisticsecurity.wordpress.com

Nuestra Arquitectura de Referencia SOI

Ecosistema  SOI  (service-­‐oriented  integra5on)  usado  en  las  Organzaciones    

BAM, BI & BigData Enterprise Service Bus

Portal

Governance Registry

Sec

urity

and

Iden

tity

Man

agem

ent

Web Portlets Mobile B2B, B2C API

Authentication

Authorization

Single Sign-On

Social Login

Federation of Identities

Users Management

Users Provisioning

Consolidation of Identities

Cryptographic Systems

New Business Application Systems

EXISTING SERVICES

GOVERNED SERVICES

NEW SERVICES

Encryption, Signature & TimeStamp Server

CRL and Crypto Info Validator

Secure Archiving & Evidence Manager

Logs Docs

ECM, CMS

ERP, CRM

Legacy Systems

Business Process Management

Existing Business Applications

BPM Applications

Workflow Engine

Dashboard OpenData

DB KPI

Collaboration

Presentation Layer

Orchestration Layer

Business Service Layer

CONTROLLER

MODEL

VIEW

SE

CU

RIT

Y

Nuestra Arquitectura de Referencia SOI

Stack  de  productos  para  hacer  SOI  –  un  ejemplo  

Presentation Layer

Orchestration Layer

Business Service Layer

CONTROLLER

MODEL

VIEW

SE

CU

RIT

Y

Portales Corporativos Web 2.0 ¿Qué son?

Portal: “Un único punto de acceso a información, datos, aplicaciones y procesos”.

En una empresa, es una puerta de entrada que permite a sus usuarios crear y gestionar contenido relevante y utilizar las aplicaciones que necesitan para su productividad, con los beneficios de reducir coste operativo, mejorar satisfacción del cliente, gestionar procesos de negocio...

La idea básica de la Web 2.0 en la empresa es ayudarla a ser más colaborativa, participativa, eficiente y centrada en el usuario, para lograr que cada “toque” que ésta tenga con sus clientes, proveedores, socios y empleados pueda ser generado, almacenado y evaluado, para así gestionar mejor el valor de empresa.

Portales Corporativos Web 2.0 Funcionalidades requeridas

Un Portal Corporativo Web 2.0 presenta:

§ Agregación e integración de diferentes contenidos y aplicaciones, en un solo gran espacio

§ Personalización/Segmentación de contenido y servicios, para una experiencia de usuario más relevante y útil

§ Colaboración y cooperación, como plataforma de participación: comunidades, social networking, wikis, blogs, folksonomías, RSS, media sharing, web mashups, búsquedas colaborativas, gestión de conocimiento, etc

§ Nuevo canal múltiple de información: acceso desde cualquier dispositivo con un navegador web: móviles, tablets, tv, etc

§ Unificación de Interfaz de Usuario (UI), para una experiencia de usuario consistente a través de diferentes servicios

Portales Corporativos Web 2.0 Soluciones existente

Fuente: http://www.realstorygroup.com/vendormap/

Portales Corporativos Web 2.0 Soluciones existentes

Fuente: http://holisticsecurity.wordpress.com/2011/06/14/which-portal-solution-should-i-use/

Liferay ¿Qué es?

§ Liferay es un gestor de portales, líder en la comunidad Java, con una orientación Web 2.0

§ Funciona en todos los sistemas operativos, servidores de aplicaciones y bases de datos (más de 700 combinaciones de despliegue)

§ Basado en estándares: JSR 127 (JSF), JSR 168 (Portlet Specification), JSR 286 (Portlet 2.0 Specification), JSR 170 (Content Repository), JSR 208 (Java Business Integration), AJAX, Spring, Struts, Tiles, Velocity, WSRP

§ Respaldo de la empresa Liferay Inc. con 10 años de desarrollo

§ Open source: licencia MIT

§ Comunidad de desarrolladores de más de 10.000 miembros registrados

§ Reconocimiento internacional como la plataforma de portales más segura del mercado

Liferay ¿Qué hace?

§ Administración de portales de manera centralizada: un solo panel de control

§ Permite construir rápidamente portales complejos: más de 60 Portlets “out-of-the-box”

§ Autenticación/Conectividad e Integración con plataformas, herramientas y servidores externos

§ Arquitectura de portal flexible: Grupos de usuarios, Organizaciones y Sitios

§ Seguridad/Permisos de manera jerárquica y granular

§ Páginas personales privadas y públicas

§ Personalización de la interfaz (con themes y layouts), por usuario, grupo, sitio...

§  Interfaz de usuario consistente y fácil de usar: amigable, dinámica, e intuitiva

§ Multiidioma: soporte para 22 idiomas para funcionalidades propias de Liferay

Liferay Funcionalidades destacadas

Motor CMS (Gestor de contenidos): Liferay WCM

§  Separación de contenido de la apariencia, permite actualización de contenido con independencia total del diseño del portal

§  Edición visual (WYSIWYG) y multiidioma del contenido

§  Cada contenido se crea como un elemento del portal, se puede visualizar desde cualquier página

§  Sistema de permisos basados en roles

§  Versionado, control de caducidad, flujo de aprobación y publicación diferida

§  Librería de documentos e imágenes

§  Categorización por etiquetas

§  Herramientas para SEO

Suite de herramientas colaborativas

§  Servicios de comunicación: webmail, mensajería/chat, etc

§  Calendarios compartidos

§  Agenda de eventos

§  Foros

§  Blogs

§  Wikis

§  Encuestas

§  Notificaciones por email, RSS

Liferay Funcionalidades destacadas

Liferay Funcionalidades destacadas

Redes sociales

•  Perfiles, personalización y publicación de páginas, páginas privadas

•  Seguimiento de actividad de los usuarios

•  Relaciones entre usuarios

•  Etiquetado, puntuación, comentarios

•  Integración con Facebook, Google, Twitter...

•  Herramientas para crear/incrustar Mashups, Widgets, Gadgets

Liferay Funcionalidades destacadas

Plataforma de aplicaciones web

§  Integración con herramientas existentes (uso de estándares, basado en SOA)

§  Liferay Service Builder API: herramienta para crear servicios y aplicaciones

§  Autenticación y SSO: LDAP, Facebook, OpenID...

§  Suite para desarrollo y extensión de funcionalidades: SDK, IDE, plugins...

§  Compatible con tecnologías ligeras de scripting (PHP, Ruby, Python...) en un solo framework de desarrollo Java

§  Múltiples sitios, múltiples instancias

Liferay Ejemplos de aplicaciones prácticas

§  Web/Portal corporativo: dinamización de contenidos y participación en redes sociales, noticias y eventos, comentarios y encuestas…

§  Intranet: gestión documental, gestión de facturación y albaranes, agenda y directorio, nóminas, CRM...

§  Extranet: gestión de control de calidad, facturación online, gestión de incidencias, gestión de conocimiento, trámites, encuestas de satisfacción, servicios post-venta...

§  eLearning: gestión de eventos y calendarios, grupos y comunidades, participación en foros, wikis, área privada de contenido específico y personalizado, intercambio de conocimiento...

§  eCommerce, social Shopping...

§  Dashboards, Business Intelligence, gestión y reportes estadísticos...

§  Rich Internet Applications: html5, javascript/ajax, flash...

§  Social Network Portal (Facebook), Vertical Portal (Instagram, Youtube), Horizontal Portal (Yahoo)...

Liferay Casos de éxito

eaCAT PL: www.eacat.cat

§  Integración Liferay 5.2 / Alfresco 2.1 / LDAP

§  Portlets a medida: uso de YUI para el front-end, consumo de servicios REST de Alfresco

§  Extranet para las administraciones públicas catalanas: tramitación administrativa y consulta de datos y documentos

Liferay Casos de éxito

Andorra Telecom: www.andorratelecom.ad

§  Liferay 6.0

§  Tema, layouts, portlets a medida

§  Portal público: Presentación corporativa, catálogo de productos, servicios online (guía telefónica, farmacias de guardia, tráfico...)

§  Portal privado: Página personalizable, datos de facturación y consumo de servicios a tiempo real

Liferay Casos de éxito

Audi Service: www.portalmarketingpredictivoaudi.es

§  Integración Liferay 6.1 / LDAP

§  Tema, layouts, portlets a medida

§  Extranet de post-venta para concesionarios: personalización de comunicaciones a clientes

Configuración inicial Dock

§ Al autenticarse un usuario, se muestra el dock en la zona superior

§ Este dock es la “puerta de entrada” a las opciones que Liferay ofrece, según la configuración realizada, a un usuario registrado

*Demostración: Ingresar como usuario administrador, mostrar dock

Configuración inicial Mi cuenta

§ El enlace a “Mi cuenta” permite gestionar los datos propios de perfil de usuario, contraseña, etc

*Demostración: Ingresar a Mi cuenta y mostrar opciones

Configuración inicial Panel de control

§ El Panel de control permite hacer las configuraciones de la instalación de Liferay

§ En la zona izquierda están agrupadas las diferentes opciones

§ Una configuración inicial básica corresponde al nombre del sitio por defecto, idiomas, google analytics, servidor de correo smtp...

*Demostración: Ingresar a Panel de control, mostrar opciones de navegación y configuración básica

Configuración inicial Crear páginas

§ Si el usuario tiene los permisos necesarios, puede crear páginas nuevas de manera sencilla, cambiar el orden, anidarlas, etc

*Demostración: Crear páginas

Configuración inicial Personalización gráfica

§ El look&feel es gestionado a través de Temas

§ Los temas definen el etiquetado html resultante, así como las reglas css necesarias para su ubicación, colores, tamaños, etc

§ La ubicación de diferentes elementos en cada página es gestionado a través de Layouts

*Demostración: Asignar tema nuevo y cambiar de layout en diferentes páginas

Configuración inicial Personalización funcional

§ Las funcionalidades ofrecidas al usuario se muestran en Portlets

§ Los Portlets son “ventanas” donde éstas funcionalidades se ejecutan en una página

§ Los Portlets (Liferay tiene más de 60 “out of the box”, y es posible desarrollar portlets personalizados según necesidades no cubiertas por ellos) pueden añadirse a una página (o más) según la disposición definida en los Layouts

Configuración inicial Creación de contenido

Estas opciones iniciales que ofrece Liferay permiten crear un website presencial con muy poco esfuerzo, de manera independiente del diseño y añadiendo diferentes funcionalidades, por ejemplo:

§  Selección de idiomas

§  Contenido de texto e imágenes

§  Navegación con profundidad ilimitada

§  Noticias, etiquetado y Tagcloud

§  Agenda de eventos

§  Últimos tweets, RSS Youtube

§  Formularios de contacto, solicitud de presupuesto...

§  Googlemap, Calculadora....

§  Google Gadget, Widgets...

*Demostración: Añadir desde el dock estos portlets en las páginas del sitio creado

Gestión de Portal Arquitectura de portal

Liferay permite mucho más que construir una web presencial: permite tener usuarios y ofrecerles funcionalidades/servicios

Permite gestionar usuarios con diferentes niveles de interacción, permisos y personalización

Liferay permite establecer arquitecturas de portal muy flexibles gracias a un sistema de agrupación de múltiples niveles, a través de los conceptos: Organizaciones, Sitios, Grupos

Gestión de Portal Organizaciones, Grupos y Sitios

§  Los usuarios pueden ser agrupados en una jerarquía de Organizaciones, y/o utilizando Grupos transversales

§ Por ejemplo, se puede agrupar usuarios en Organizaciones según ubicación geográfica (como Europa, Barcelona), y simultáneamente articular a través de Grupos a los mismos usuarios según departamentos (R.R.H.H, Administración), proyectos (Rediseño de Web Corporativa), tareas, etc

§ Además, Liferay ofrece la posibilidad de asignar Sitios tanto a las Organizaciones como a los Grupos. Cada uno de ellos tiene su propio conjunto de páginas, sistema de gestión de contenidos y sistema de autorizaciones

§ Un usuario puede pertenecer a diferentes Sitios y navegar fácilmente entre ellos *Demostración: Crear una organización, un grupo y un sitio

Gestión de Portal Roles y Permisos

§  Liferay permite a los administradores establecer políticas corporativas de acceso a contenidos y funcionalidades, pudiendo especificar quién puede editar y publicar contenidos, ficheros, comunidades, ficheros y aplicaciones

§  Los Roles son agrupaciones de Permisos, asignados a los usuarios que comparten una función particular en el portal, de acuerdo a un alcance (scope) definido: para todo el Portal, para un Sitio, o para una Organización

§  Liferay tiene una serie de Roles predefinidos y es posible cambiar su configuración, así como crear Roles completamente nuevos

Gestión de Contenido Flujos de trabajo (workflows)

§ Normalmente hay un equipo de personas que gestionan el contenido web de un portal, donde algunos de ellos crean y editan contenidos, mientras otros revisan y aprueban esos contenidos antes de que sean publicados

§  Liferay permite incorporar flujos de trabajo en cualquier portlet, utilizando roles y permisos, con lo que es posible definir procesos de publicación y aprobación basados en las necesidades concretas del negocio y operaciones de la organización

§  Los administradores del portal pueden, por ejemplo, implementar un proceso de aprobación para controlar la publicación de los nuevos documentos subidos a la Biblioteca de Documentos, noticias, posts, etc.

*Demostración: Añadir portlet Login, realizar registro de usuarios. Asignarles organización, grupo, sitio. Asignarles permisos para añadir/cambiar contenido al sitio creado, crear un workflow de publicación

§ Según los conceptos vistos anteriormente, es posible definir las funcionalidades y niveles de personalización que se ofrecerá al usuario, según sus permisos, su pertenencia a una organización y grupo, acceso a sitios, etc

§  Los portlets (de Liferay o hechos a medida) pueden consumir servicios de otras aplicaciones y consolidarlas (mashup), pueden simplemente mostrar contenido RSS (sindicación), y realizar acciones muy complejas

Gestión de Portal Arquitectura de información

Gestión de Portal Suite colaborativa

Algunas de las funcionalidades que ofrece Liferay como suite colaborativa:

§  Page ratings

§  Comentarios

§  Encuestas

§  Etiquetado

§  Wiki

§  Foros

*Demostración: Añadir Comentarios, Page rating y Etiquetado a páginas creadas en el primer sitio creado. Crear páginas en nuevo sitio y añadirles Encuestas, Wiki y Foro *Práctica: Ingresar a las páginas, crear un tema en el foro, iniciar la wiki, responder encuesta

Gestión de Portal Páginas personales: Blog

Liferay permite que sus usuarios tengan páginas propias

En estas páginas, los usuarios pueden añadir contenido (y portlets) de igual manera que el administrador del sitio

Estas páginas son accesibles por cualquier visitante del portal

Una de las herramientas de publicación personal más utilizadas es el Blog *Práctica: Crear páginas personales, añadir contenido web y el portlet de blog. Crear una entrada con contenido simulado o real, cambiar el tema y layout, añadir otros portlets: contenido web, rss

Gestión de Portal Páginas privadas

Además de las páginas personales públicas (accesibles para cualquiera), Liferay permite tener páginas privadas a cada usuario

El contenido de estas páginas es visualizado únicamente por el usuario

Es posible configurar que el usuario pueda o no añadir páginas, portlets, etc.

En esta zona es posible ofrecerle contenido y servicios personalizados

*Práctica: Crear página privada, asignarle el layout de tres columnas y añadirle portlets: notas, mis actividades, agenda, visor imágenes

Gestión de Portal Redes sociales

Liferay permite crear y gestionar redes sociales, gracias a varios portlets que proporciona

Estos portlets permiten la interrelación entre los usuarios del portal *Práctica: En la página pública de usuario, añadir muro y sumario. En la página privada de usuario, añadirle portlet amigos, actividad de amigos, meetups. Interactuar con otros usuarios: hacer amigos, meetups.

Gestión de Portal Dinamización y gestión de las redes

Liferay tiene la herramienta para configurar la valoración de los usuarios de portal: Social Activity

Es un sistema dinámico de cuantificación de las contribuciones y la participación de un usuario según el valor asignado a los elementos del portal. Una persona puede obtener más puntos al desarrollar determinadas actividades con el contenido de sus comunidades, como puede ser contribuirlo (wikis, blogs), valorarlo o comentarlo, o visualizarlo

Además permite mostrar los usuarios con mayor y mejor actividad (según los parámetros definidos en Social Activity), entradas/bloggers recientes, calendario grupal, etc

*Demostración: Mostrar la configuración de Social Equity, añadir en página de sitio los portlets Bloggers recientes, Agregador de blogs, Miembros, meetups, Actividad de miembros, Estadísticas de grupo.

Comentarios finales Versiones de Liferay, guías de instalación

Liferay tiene dos ediciones: Community Edition y Enterprise Edition

La diferencia principal es el soporte y garantía en la segunda por parte de Liferay Inc.

Descarga:

http://www.liferay.com/downloads/liferay-portal/available-releases

Comparativa:

http://www.liferay.com/downloads/liferay-portal/overview

Comentarios finales Entorno de desarrollo

El desarrollo a medida (temas, layouts, portlets) para Liferay se realiza en un entorno preparado

Las herramientas para ello son: Eclipse IDE plugin (CE) y Liferay Developer Studio (EE)

Comentarios finales Referencias

Liferay:

http://www.liferay.com

Documentación oficial:http://www.liferay.com/documentation/liferay-portal/6.1/user-guide

Comunidad:

http://www.liferay.com/community/welcome/dashboard

www.linkedin.com/company/chakray-consulting

@Chakray_com

www.chakray.com

Doing the right things. With the right technology. To support business.

SOA · BPM · ECM · PORTAL · BIGDATA · SECURITY