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