La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

Víctor Podberezski | Product Manager

Presentaciones similares


Presentación del tema: "Víctor Podberezski | Product Manager"— Transcripción de la presentación:

1 Víctor Podberezski | Product Manager

2 Quienes Somos?

3 Breve introducción Cms para medios

4 Content Management System especializado en medios de comunicación Basado en OpenCms v7.x Permite administrar: Medios Digitales Diarios Online Revistas Portales de Comunidad …

5 ¿Qué incluye? Publicaciones Noticias Encuestas Comentarios Estadísticas y rankings Integración con redes sociales Buscador Galería de imágenes y videos …

6 Características fundamentales Separación del sitio en 2: Offline – sitio de desarrollo Online – Sitio de acceso al público Almacenamiento de la información en base de datos Cache configurable por el usuario de las páginas a mostrar

7 Workplace Herramienta Web de Administración general (Back-End) Permite administrar el contenido y comportamiento en forma visual Se accede previa autenticación Tiene dos vistas principales: Explorador Vista de Administración

8 Permite la administración de comportamiento y de las funcionalidades de OpenCms: Usuarios Índices Tareas Proyectos Módulos Cache Galerías …

9 Explorador Permite administrar contenidos visualmente: crear, modificar, borrar y publicar Visualizar historial de cambios y de publicación

10 Sistema de Archivos (VFS) Contiene todos los contenidos que conforman el sitio web Se encuentra dentro de una base de datos Soporta altas, bajas y modificaciones de archivos Soporta Versionado Tiene un sistema de permisos y accesos

11 Sitios | Publicaciones Permite generar y administrar múltiples sitios Cada sitio pueden tener sus propios recursos independientes Son accedidos por su propia URL Dentro de un sitio pueden convivir múltiples publicaciones Es importante evaluar la metodología de implementación para cada caso

12 Proyectos Conjunto de recursos a administrar por un determinado grupo de usuarios Mínimamente existe el proyecto Offline Se administran y publican en forma independiente

13 Tipos de contenidos OpenCms soporta nativamente diferentes tipos de contenidos: Texto Imágenes Archivos binarios HTML Contenidos Estructurados

14 Conjunto de campos y propiedades Representan un elemento Ej. Noticia: Titulo Cuerpo Copete … Se definen mediante un meta-lenguaje Se pueden indexar y buscar

15 Propiedades Meta-data que describen al contenido Ejemplo: Fecha de modificación Titulo Existen propiedades nativas y se pueden agregar nuevas. Facilitan la indexación y búsqueda

16 Galerías Conjunto ordenado de elementos de un mismo tipo Pueden ser: Imágenes Texto Links Tablas HTML Para contenidos que se utilizan en forma seguida en el sitio

17 Template Plantilla Determina cómo mostrar información Transforma un contenido estructurado o varios en HTML Puede subdividirse en partes llamadas elementos Se establecen como propiedad del contenido a mostrar Son archivos JSP (Java Server Pages)

18 Circuito de despliegue de contenido

19 Siblings Acceso directo de un recurso en otra ubicación del VFS. Similar a atajo de Windows. El sibling comparte el contenido del archivo original, no así sus propiedades Utilizado para compartir contenidos en diferentes sitios y/o publicaciones

20 Desarrollo en OpenCms Los desarrollos en OpenCms se realizan mediante el agregado de: Módulos Clases y librerias java Se desarrolla generalmente en un entorno diferente al productivo Se utiliza la importación y exportación de módulos para transportar las nuevas funcionalidades de entorno a entorno

21 Módulos Agrupa conjunto de contenidos y templates. Por ejemplo: com.tfsla.diario.generico Se crean y gestionan dentro de la vista de administración Pueden ser importados y exportados del OpenCms Se almacenan dentro del VFS en la carpeta/system/modules/ Son Versionables

22 Contenido de módulos Definición de nuevos contenidos estructurados Templates y Jsp Extensiones a la API de OpenCms Nueva pestañas de la vista de administración Integración con productos de terceros

23 Motor de Búsquedas OpenCms posee un motor de búsqueda flexible. Basado en Tecnología LUCENE Esta compuesto por: Indexador Motor de Búsqueda

24 Construcción simplificada de Templates news:tags

25 Motivación SIMPLIFICAR la generación de templates para mostrar contenido DISMINUIR la cantidad de código JAVA en la elaboración de templates FACILITAR la integración de la maquetación al desarrollo REDUCIR tiempos de desarrollo y curva de aprendizaje ENCAPSULAR funcionalidad compleja MAXIMIZAR libertad de diseño

26 news:tags Formado por: Conjunto de Tags Server-side Expresiones para evaluaciones lógicas Modulo con funcionalidades estandarizadas configurables Funciones javascript para funcionalidad client-side

27 Permite recuperar una noticia Parámetros: path

28 Permite recuperar varias noticias En base a los parámetros solicitados decide donde buscarlas: Páginas principales. Publicaciones y ediciones índices rankings

29 Comparaciones Recuparar una noticia: Antes: Con news-tags:

30 Comparaciones (II) Obtener las 10 noticias mas leídas de la ultima hora: Antes: Con news-tags:

31 Comparaciones (III) Obtener las ultimas 5 noticias publicadas: Antes: Con news-tags:

32 Comparaciones (IV) Obtener las noticias destacadas de la home de sección política: Antes: Con news-tags:

33 Comparaciones (V) Obtener noticias con palabras claves por fecha: Antes: CmsJspXmlContentBean cms = new CmsJspXmlContentBean(pageContext, request, response); TfsAdvancedSearch search = new TfsAdvancedSearch(); search.init(cms.getCmsObject()); search.setIndex("DIARIO_CONTENIDOS_ONLINE"); search.setMatchesPerPage(10); Sort thisSort = new Sort(); thisSort.setSort("ultimaModificacion",true); search.setSortOrder(thisSort); String query = "keywords:(\"\TFSLA")"; search.setQuery(query); search.setPage(1);

34 Comparaciones (IV) (continuación) List result = search.getSearchResult(); ListIterator iterator = result.listIterator(); while (iterator.hasNext()) { CmsSearchResult entry = (CmsSearchResult)iterator.next(); String path = cms.link(cms.getRequestContext().removeSiteRoot(entry.getPath())); %> "> <% } %>

35 Comparaciones (IV) (continuación) Con news-tags:

36 Resultados Mismo Tag para recuperar noticias Parámetros más sencillos y mnemotécnicos Más variantes de consultas Más rápido para implementar Más sencillo de entender Mas práctico para modificar

37 Información de la noticia Datos básicos: nt:title nt:upper-title nt:sub-title nt:section nt:tags nt:body nt:link nt:iframe

38 Información de la noticia (II) Datos básicos: nt:last-modified nt:categories nt:authors nt:related-news

39 Información de la noticia (III) Datos multimedia: nt:audio nt:files nt:preview-image nt:image-gallery nt:video-flash nt:video-download nt:video-embedded nt:video-youtube

40 Información de la noticia (IV) Datos estadísticos: nt:news-views nt:news-total-comments nt:news-recommendations nt:news-average-valorations nt:news-total-valorations nt:news-positive-valorations nt:news-negative-valorations

41 Información de la noticia (V) Encuestas: nt:pools-fixed-position nt:pools-dynamic-position

42 Demostración 1 Detalle de una noticia mediante news:tags Usando diseño Standard de un diario

43 Comentarios Se pueden insertar en cualquier página Se puede definir que mostrar por cada comentarios Se pueden definir N niveles de respuesta Son paginables Se puede definir políticas de publicación, moderación y denuncia

44 Comentarios - tags Inicializar comentarios: nt:comments-init Listado de comentarios: nt:comments-box Formularios de ingreso: nt:comments-form nt:captcha nt:share

45 Listado de encuestas. Se puede personalizar como mostrar una encueta abierta o cerrada Se pueden filtrar por: Tags Categorías Grupo Estado

46 Demostración 2 Comentarios y encuestas en la noticia

47 Galería de imágenes Se puede filtrar por: Autor Tags Fechas de creación / última modificación Fuente " alt= /> -

48 Información de Imágenes Datos: nt:image-path nt:image-source nt:image-author nt:image-description nt:image-tags " alt= /> -

49 Galería de videos Se puede filtrar por: Autor Tags Fechas de creación /modificación Fuente Tipo de Video >

50 Información de Videos Datos: nt:video-thumbnail nt:video-title nt:video-tags nt:video-path nt:video-publisher nt:video-youtubeid

51 Demostración 3 Home del diario

52 Templates a la medida Mostrar u ocultar contenido de acuerdo a parámetros de la noticia. Para eso cuenta con: Expresiones lógicas para evaluar condiciones (JSTL) Tags de inclusion-exclusion de código

53 Permite mostrar el código contenido en su interior. Parámetros oncondition onposition - " />

54 Permite excluir el código contenido en su interior. Parámetros oncondition onposition

55 Expresiones Forma de evaluar lógicamente los contenidos Permiten obtener: Valores de los elementos Cantidad de elementos dentro de un listado Posición dentro de un listado Cálculos matemáticos y lógicos Permiten pasaje de parámetros de tags a tags Son expuestos por algunos de los news:tags

56 Expresiones - Noticias Son expuestas por los tags, y Permiten obtener: Valores de los elementos básicos La cantidad de autores, imágenes y videos cargados. Configuración de que mostrar.

57 Demostración 4 Dinamización del contenido

58 news:tags - Documentación Toda la información de news:tags se encuentra en: Otros sitios de interés:

59 Este módulo es un constructor de portadas que permite agregar y quitar noticias en modo drag and drop, cambiar dinámicamente el formato y combinar diferentes tamaños de contenedores Page Builder

60 ¿Que son los Contenedores? Son cajas que agrupan Contenidos Se le puede aplicar un Formateador (combinación de CSS y JSP que dan forma a un contenido específico) Especificar el límite de contenido a mostrar Configuración de Formateadores disponibles

61 ¿Qué se guarda en el contenido estructurado? Configuración del contenedor o Nombre o Tipo de contenido que soporta o Formateador por Defecto o Formateadores disponibles o Contenidos asociados (mediante drag and drop)

62 Estructura del módulo com.tfsla.templateManager elements IncludeTypes (ABM Tipos de Contenido) PageBuilder [NOMBRE FORMATEADORES] resources css [NOMBRE FORMATEADORES] schemas (XSD con la definición del contenido estructurado) templates (JSP con template de Page Builder)

63 ¿Cómo armo un Formateador? JSP / template: Crear un JSP para cada tipo de contenido dentro de la siguiente estructura del módulo: elements/PageBuilder/[NOMBRE] CSS / style: Crear un CSS para cada tipo de contenido dentro de la siguiente estructura del módulo: resources/css/[NOMBRE]. También se pueden agregar otros archivos de estilos. La estructura del CSS debe ser jerárquica Agregar en el contenido estructurado la disponibilidad del nuevo formateador.zona estilo1 *.nota-destacada.nota-uno{width:100%;}.zona estilo1 *.nota-destacada.nota-uno.title{width:920px;}.zona estilo1 *.nota-destacada.nota-uno.title{font-size:40px;line-height:44px;}

64 ¿Cómo armar Page Builder con News Tags?

65 Ventajas Interface amigable para la administración del contenido mediante drag and drop Cajas dinámicas con múltiples tamaños y estilos posibles Combinación de N cajas (ocultar / mostrar) El page builder permite realizar modificaciones a la estructura de una página de forma rápida y sin conocimientos de programación

66 Roadmap Cms para Medios

67 General Reducir módulos y JARs. Generar relaciones entre los módulos (simplifica la instalación)* Consolidar la configuración de la suite (XML o vista de administración) Actualizaciones mediante paquetes automáticos Nuevo look&feel para Workplace 100% multi-site / multi-publicación (Abril 2012) Migrador / Importador genérico Juego de templates genérico

68 Administración Centralizada Consolidar la administración de las operaciones más frecuentes: Administración de Usuarios Moderación de Comentarios Moderación de Posts Administración de Noticias (modo grilla y modo visual) Rankings

69 Motor de Rankings El que leyó A, además leyó B Gráficos de evolución de los rankings Mejoras de rendimiento y modelo de almacenamiento histórico (consolidación)

70 news:tags SEO tags Banners tags Parámetros para Facebook Open Graph Schema.org compatible +++ tags

71 Facebook App Tendencia en crecimiento. The Guardian UK (pionero). 4 millones nuevos unique visitors. 1 millón de páginas vistas por día adicional. 3% a 30% en 6 meses. Múltiples formas de implementación (referral o Facebook Ads) Mejora la socialización en el sitio Web (Social ON / OFF)

72 Actualizaciones al core OpenCms v8.5 OpenCms v7.5.5 by Technology for Solutions


Descargar ppt "Víctor Podberezski | Product Manager"

Presentaciones similares


Anuncios Google