Introducción a la gestión de contenidos web con Liferay Portal 6.1.x

4,847 views

Published on

Introducción a la gestión de contenidos web con Liferay Portal 6.1.x

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,847
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
71
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Introducción a la gestión de contenidos web con Liferay Portal 6.1.x

  1. 1. Liferay Portal 6.1.x Introducción a la Gestión de Contenidos Web
  2. 2. Miguel UZA UX, IA, Portal, Mobile & Front-End technologies. You can reach me on: http://mgl.uz @mgl_uz http://www.linkedin.com/pub/miguel-uza/54/b49/99a miguel [at] chakray.com +34 655323719
  3. 3. Roger CARHUATOCTO SOA, BPM, ECM, Portal and Security. You can reach me on: http://holisticsecurity.wordpress.com @Chilcano http://www.linkedin.com/in/rcarhuatocto roger [at] chakray.com +34 629292125
  4. 4. Nuestra Arquitectura de Referencia SOI Ecosistema  SOI  (service-­‐oriented  integra5on)  usado  en  las  Organzaciones     Presentation Layer Portal Authentication Web Collaboration Portlets Mobile B2B, B2C API Dashboard OpenData Authorization VIEW Security and Identity Management SECURITY GOVERNED SERVICES Single Sign-On Social Login Federation of Identities Users Management Users Provisioning Consolidation of Identities Governance Registry Enterprise Service Bus BAM, BI & BigData New Business Application Systems Cryptographic Systems EXISTING SERVICES ERP, CRM Business Process Management Secure Archiving & Evidence Manager ECM, CMS BPM Applications Encryption, Signature & TimeStamp Server Legacy Systems Workflow Engine CRL and Crypto Info Validator Existing Business Applications KPI Logs NEW SERVICES DB Orchestration Layer CONTROLLER Docs Business Service Layer MODEL
  5. 5. Nuestra Arquitectura de Referencia SOI Stack  de  productos  para  hacer  SOI  –  un  ejemplo   Presentation Layer VIEW SECURITY Orchestration Layer CONTROLLER Business Service Layer MODEL
  6. 6. 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.
  7. 7. 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
  8. 8. Portales Corporativos Web 2.0 Soluciones existente Fuente: http://www.realstorygroup.com/vendormap/
  9. 9. Portales Corporativos Web 2.0 Soluciones existentes Fuente: http://holisticsecurity.wordpress.com/2011/06/14/which-portal-solution-should-i-use/
  10. 10. 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
  11. 11. 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 “outof-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
  12. 12. 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
  13. 13. Liferay Funcionalidades destacadas 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
  14. 14. 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
  15. 15. 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
  16. 16. 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)...
  17. 17. 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
  18. 18. 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
  19. 19. 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
  20. 20. 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
  21. 21. 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
  22. 22. 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
  23. 23. 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
  24. 24. 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
  25. 25. 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
  26. 26. 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
  27. 27. 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
  28. 28. 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
  29. 29. 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
  30. 30. 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
  31. 31. Gestión de Portal Arquitectura de informació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
  32. 32. 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
  33. 33. 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
  34. 34. 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
  35. 35. 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.
  36. 36. 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.
  37. 37. 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
  38. 38. 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)
  39. 39. 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
  40. 40. Doing the right things. With the right technology. To support business. www.chakray.com @Chakray_com www.linkedin.com/company/chakray-consulting SOA · BPM · ECM · PORTAL · BIGDATA · SECURITY

×