Por lo general, el recorte es un efecto visual que se realiza durante la renderización del HTML (bajada de la imágen). El Cms mantiene el formato de la imágen y mediante código HTML muestra a los usuarios la zona seleccionada. Es decir, el tamaño de la imagen se mantiene igual al original y el recorte es un efecto visual. Este mecanismo, popular en las diferentes herramientas, es inadecuado para un sitio Web con alto tráfico.

En ‘Technology for Solutions’, creamos un mecanismo de recorte físico para nuestra suite de Administración de Contenidos. Cada vez que un usuario realiza un recorte de la imagen y lo acepta, se genera una nueva imágen con ese recorte, manteniendo el original intacto. De esta forma, el tamaño del archivo recortado se optimiza y puede escalarse a la zona donde va a ser utilizado. Pueden existir múltiples versiones del crop por cada imágen que serán almacenadas en la misma carpeta donde se ubica el archivo original.

El mecanismo de crop está disponible para las imágenes de previsualización y fotogalerías. Soporta archivos JPEG, GIF y PNG.

New:tags es una forma fácil de construir ‘templates’ dentro de la suite de Cms para Medios. En pocos meses de haber lanzado esta nueva forma de desarrollar, tuvimos una gran adopción por parte de nuestro equipo de desarrolladores, partners de integración y diseñadores Web.

Creamos los news:tags buscando reducir la complejidad de construir sobre la plataforma y encontramos que los beneficios de adoptar esta forma de trabajo va mucho más allá:

1. Redujimos docenas de miles de líneas de código a solo cientos de líneas. Por ejemplo, la funcionalidad de comentarios pasó de tener 5 archivos de código Java (JSP) y 900 líneas de código a dos (2) news:tags.
2. Encontramos que los proyectos salen del ciclo de QA con 1/10 de los bugs reportados, en comparación a proyectos construidos de la forma tradicional (HTML, CSS y Javascript).
3.   Los news:tags ordenan y normalizan el código. Aún habiendo tenido múltiples desarrolladores en un mismo proyecto, la codificación es homogenea lo cual facilita el mantenimiento
4. Definimos circuitos estándares en el Cms y los implementamos a través de los news:tags. De esta forma, el funcionamiento de la funcionalidad de núcleo está garantizada: recuperación de noticias, imágenes, videos, encuestas, comentarios, etc.
5. Bajamos la curva de adopción del Cms para Medios de 4 semanas a 1 semana.
6. Facilita la incorporación de nuevas funcionalidades a los templates mediante actualización del core de news:tags
7. Permite a los clientes crear sus propios circuitos y estandarizar a lo largo de sus proyectos mediante la personalización y extensión de los news:tags

Rankings para Alto Tráfico

La nueva versión de la aplicación de Rankings y Estadísticas fue diseñada para sitios con altos niveles de tráfico. Con una de las bases de datos más veloces y livianas del mercado y un módulo independiente de cache, ahora es posible trackear cualquier actividad dentro del sitio, sin afectar la performance.

Estadísticas de noticias, imágenes y videos  (más leídas, más comentadas, más recomendadas y más valoradas), Ranking de Usuarios (comentarios realizados, rechazados, respondidos, valoraciones, recomendaciones, post publicados), todo configurable desde la aplicación de Ranking y todo centralizado en la vista de Administración.

Drag & Drop: agregar noticias desde el Offline

Ahora también es posible agregar y quitar notas desde la vista de Offline. Sin salir del modo visual, fácil de usar, rápido y bien user frienldy.

Entre las funcionalidades de este módulo y el Template Builder, la home completa de cualquier diario, se modifica en minutos y sin necesidad de editar las notas a mano.

Los invitamos a revisar el ‘RELEASE NOTES’ oficial publicado en la WIKI del producto. http://opencms-wiki.tfsla.com/index.php/Release_Notes

La versión de Agosto 2011 (RM.08) publica una nueva versión de news:tags y contiene importantes mejoras al módulo de búsquedas y comentarios. Además, liberamos la primera versión estable del PAGE BUILDER. 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: dándole movimiento a las páginas Esta funcionalidad permite agregar y quitar noticias de forma dinámica definiendo un formato diferente para cada una de ellas. Se pueden ocultar zonas completas con dos clics y ordenar las notas con drag & drop.

Comentar noticias, imágenes, videos y más Ahora también es posible comentar imágenes, videos, encuestas y otras páginas. Ya no es necesario tener los contendios multimedia asociados a las notas para habilitar los comentarios. De ahora en más, los usuarios comentan y responden sobre lo que ven.

Categorizando y taggeando contenido

En la versión anterior incorporamos’tags’ a imágenes y videos. Ahora ,sumamos tags y categorías a las encuestas! Esto permite que las encuestas aparezcan contextualmente de acuerdo a temas.

Próximamente… Entre otras novedades, la próxima versión de la suite tendrá importantes novedades en términos de ‘rendimiento’ y la capacidad de procesar cientos de millones de ‘hits’ en el motor de rankings.

Los invitados a revisar el ‘RELEASE NOTES’ oficial publicado en la WIKI del producto. http://opencms-wiki.tfsla.com/index.php/Release_Notes

‘news:tags’ BETA version

Liberamos la versión BETA de nuestro nuevo enfoque para la contrucción de sitios en OpenCms. Más fácil, más rápido y sin requerir conocimientos previos de programación.

Buscamos simplificar, abstraer complejidad y reducir el tiempo de construcción de templates. A su vez, orientamos el proceso de templetización a maquetadores HTML, diseñadores Web y profesionales con conocimientos de HTML / CSS.

Por ejemplo, mostrar los contenidos de una noticia, sería:

<nt:news path="/contenidos/2011/04/26/noticia_0006.html">
<h3><nt:upper-title/></h3>
<h1><nt:title/></h1>
<h2><nt:sub-title/></h2>
<p><nt:body /></p>
<nt:section-name/> - <nt:section/>
<p><nt:image-gallery>
	<img src=".<nt:image-path />" /><br/>
	<nt:image-description/>
</nt:image-gallery></p>
<nt:related-news>
	<nt:section/> : <nt:title/><br/>
</nt:related-news>

Acelerar el tiempo de bajada de las páginas.

Los navegadores pueden bajar como máximo dos archivos (imágenes, css, js) en paralelo desde una URL. A mayor cantidad de arhivos, más tiempo tarda la página en bajar al usuario. Esta funcionalidad permite incrementar la cantidad de peticiones del usuario a la página, generando descargas en paralelo y reduciendo el tiempo de espera de los usuarios.

Más Audio, más Videos y Streaming en VIVO

Incorporamos la posibilidad de asociar nuevos formatos de Audio, Video y Streaming a las noticias. Esto permite ‘especializar’ los contenidos para dispositivos móviles (iPhone, iPad, Android, etc) y reduce el procesamiento previo de los contenidos audiovisuales.

Audio: MP3 / AAC / OGG / WAV

Video: H.264 / FLV / 3GPP / OGG / WebM / Youtube / Admotion / Embedeed

Streaming: RTSM / HTTP Stream

Adicionalmente, fue liberado el módulo de UPLOAD masivo de videos que automatiza la subida de videos al sistema de archivos de OpenCms o servidores remotos (FTP).

Módulo Ranking de Usuarios

El perfil de los usuarios adquiere valor en el portal de noticias. Por cada acción ralizada en el sitio, los usuarios reciben puntos.

Votar, comentar, responder o envíar una nota, alimenta los rankings de los usuarios que más participan en el portal.

Luego es posible recuperar esta información del mismo modo que con los rankings de noticias.

Webusers OpenID – OAuth mejorado!

Estandarizamos el proceso de registración y conexión con redes sociales. Ahora los usuarios pueden, además de ingresar a sitio, asociar sus cuentas de proveedores como Google, Facebook, Twitter y LinkedIn a un perfil nativo del portal.

Los usuarios con cuentas asociadas, pueden hacer uso, de forma transparente, de servicios de los diferentes proveedores, aún cuando no están logueados con ese proveedor (requiere aceptación de la autorización).

* participar en conversaciones de twitter desde el sitio de forma fácil y rápida

* reenviar sus comentarios a Twitter y Facebook

Valoración de Videos, Imágenes y Encuestas

Ahora también es posible dar votos positivos o negativos a videos, imágenes y encuestas, ampliando considerablemente la funcioanlidad de los ranking y la información disponible para los editores.

Luego se podrán recuperar, por ejemplo, las imágenes o los videos más vistos, para armar secciones multimedias.

Finalmente, los invitados a revisar el ‘RELEASE NOTES’ oficial publicado en la WIKI del producto. Además, van a poder ver las funcionalidades que tenemos en ‘desarrollo’ para el próximo mes.

http://opencms-wiki.tfsla.com/index.php/Release_Notes

Recientemente nuestra firma, en equipo con Fox Sports, Iconosur, Iconolab y Admotion lanzó www.foxsportsla.com con muchas novedades a nivel de la plataforma. Los 5 mejores puntos a continuación!

TOP 1. Fox Sports ALTA VOZ (Code Name Participator Light). Los usuarios pueden participar en diferentes conversaciones (hashtags) directamente desde el portal. La redacción propone temas y los usuarios participan de las discusiones.

Cada vez que un usuarios envía un ‘tweet’ en una solapa, el hashtag y la URL al sitio son agregados automáticamente.

Muy fácil participar y muy fácil seguir las conversaciones. Lo mejor? una vez que el usuario asocia su cuenta de Twitter a su perfil de Fox Sports, puede participar aún habiendo al sitio con su cuenta de Gmail, Facebook o Yahoo. Nuestra integración con la API de Twitter se ocupa del resto.

TOP 2. Ranking de noticias y videos al instante! El nuevo servidor de estadísticas permite  rankear noticias, imágenes y videos.

TOP 3. Valoración Facebook-style en todo el sitio. Incorporamos la valoración ME GUSTA / NO ME GUSTA en todos nuestros tipos de contenidos.

TOP 4. Etiquetas y navegación. Es posible asociar etiquetas para destacar las noticias. Por ejemplo: EXCLUSIVO, BESTIA, FOTOGALERIA. Por otro lado, la navegación se basa 100% en el uso de categorías, las cuales pueden crearse dinámicamente a demanda de la redacción para agrupar contenidos, tratar temas o realizar coberturas especiales.

TOP 5. Fuertemente integrado a redes sociales. Además del ALTAVOZ, Fox Sports permite compartir noticias en Google+, Twitter y Facebook y enviar los comentarios de los usuarios automáticamente a sus muros o cuentas de Twitter.

Visitá www.foxsportsla.com!

Durante mucho, los buscadores en diarios, revistas, blogs y portales de contenido editorial estuvieron limitados a la búsqueda de texto. Con la liberación de OpenCms para Diarios, Revistas y Portales RM 05.2011 extendemos las capacidades del buscador para convertirlo en un ‘constructor’ de funcionalidades.

OpenCms utiliza de forma nativa APACHE LUCENE, uno de los motores de búsqueda multi-plataforma más potentes disponibles en la red. A continuación,5 nuevas formas de utilizar LUCENE para crear funcionalidad en un portal.

1. BUSCADOR MULTI-CONTENIDO: a partir de la incorporación de ‘tags’ a las  imágenes y videos, podemos ampliar los buscadores de los sitios para permitir que los usuarios busquen noticias, imágenes y videos de forma centralizada o mediante búsquedas especializadas.

2. ¿NOTICIAS RELACIONADAS? IMÁGENES  Y VIDEOS RELACIONADOS: utilizando el mismo principio del punto anterior, podemos realizar asociación automática de noticias, imágenes y videos a una noticia.

3. GALERÍAS DINÁMICAS: actualmente, la construcción de las galerías de imágenes y videos es un proceso manual. Los editores tiene que asociar los contenidos a las galerías. Ahora, es posible crear galerías dinámicas, siempre vigentes con contenido renovado que se incorpora automáticamente al ser publicado.

4. NAVEGACIÓN POR TAGS: los tags son una forma fácil de describir el contenido y asociarlo. La navegación por tags ofrece a los usuarios un modelo de exploración de contenidos por temáticas de su interés.

5. BUSQUEDA POR AUTORES, ‘PERSONAJES’ o ARTISTAS: los diferentes contenidos que se incorporan al índice de Lucene poseen propiedades. En OpenCms, podemos mapear esas propiedades a nuevos campos de búsqueda de Lucene. Por ejemplo, el autor de una noticia con un campo de búsqueda autor.

El buscador es una parte muy importante de un administrador de contenidos. Permite recuperar, clasificar y vincular los contenidos para dar una mejor experiencia de navegación a los usuarios.

Constantemente nos enfrentamos con el desafío de hacer mejores productos on-line y hacerlo más rápido! El proceso normal comienza con el diseño Web, la generación de una serie de HTMLs por parte del equipo de diseño que luego serán integrados al software de Administración de Contenidos como ‘templates’.

La construcción de ‘templates’ requiere conocimientos de HTML, CSS, Javascripts y nociones de la sintaxis propia de cada administrador de contenidos para utilizar sus objetos. Los diseñadores ven como su código HTML original comienza a mutar con la incorporación de código JSCRIPT / JAVA para ser convertido en un template dinámico.

Con el avance de HTML5 / CSS3, muchos diseñadores posee un muy buen entendimiento del código generado por sus herramientas, son expertos en CSS y HTML.

A partir de esto, nos propusimos darles herramientas a los diseñadores para poder crear ‘templates’ sobre OpenCms de forma autónoma, simplificar los procesos de integración y permitir un proceso de mejora más dinámico: creamos los ‘news:tags’.

Qué son los news:tags?

Los news:tags son un conjunto de ‘tags’ que permiten a un diseñador Web o programador, a partir de código HTML, crear rápidamente un template funcional para la recuperación de noticias, videos, imágenes y otros tipos de contenidos propios de la suite para Diarios y Revistas. Los ‘tags’ lo abstraen del código JAVA haciendo que sean más fáciles de leer, más cortos y con código conocido.

Cómo funcionan los  news:tags?

Cada news:tag tiene un conjunto de parámetros requeridos y opcionales. El detalle completo de los tags, incluyendo ejemplos de uso va a ser publicado en la WIKI oficial de OpenCms para Diarios y Revistas.

El siguiente ejemplo de uso, utiliza el tag ‘tfs:newslist’ para recuperar un conjunto de noticias que se encuentran asociadas a la HOME, en la zona ‘DESTACADO’ y devuelve ese conjunto de noticias ordenado por la fecha de última modificación. Dentro del tag que devuelve el listado, incluimos el tag ‘tfs:news’ para recuperar cada noticia.

<tfs:newslist publication=”Online” section=”Home” zone=”Destacado” size=”5” order=”FechaUltimaModificacion”>
<tfs:news>
<h1 class=”Titulo”><tfs:title /></h1>
</tfs:news>
</tfs:newslist>

Cómo puedo darle formato al contenido recibido por un news:tag?

En el ejemplo anterior, vemos como asociamos el uso de tags al clases de CSS. Cada vez más utilizaremos CSS para dar formato y estilo a los contenidos como parte de una estrategia de liberar a los diseñadores de restricciones tecnológicas.

Qué tipos de news:tags existen?

Estamos desarrollando la primera versión de este ‘framework’ con tags para la recuperación de noticias, comentarios, rankings, imágenes, videos y búsquedas. Creemos que nuestra primera versión cubrirá todas las funcionalidades más frecuentes requeridas en la fase de templetización.

Cuándo estarán disponible los news:tags?

La primera versión de los news:tags estará disponible el 1 de Agosto del 2011.

A continuación, un recorrido por las mejoras de esta versión del producto.

Desbloqueo automático de noticias al GUARDAR

Por defecto, cuando se edita y graba una noticia, OpenCms deja bloqueada la misma como un mecanismo de protección. Cuando es necesario compartir la nota, el usuario debe quitar el bloqueo para habilitar que otro usuario pueda editarla.

Con este cambio, buscamos facilitar la colaboración entre redactores y editores. Las notas son desbloqueadas automáticamente y sólo se deja la marca de pendiente.

Mejoras al buscador de noticias relacionadas

En la nueva versión, el selector de noticias relacionadas muestra un indicador de aquellas noticias con imágenes o videos cargados. En el detalle muestra el nombre de las fotos y videos cargados.

Esto facilita a los editores la búsqueda y selección de noticias, sobre todo cuando configuran zonas multimedia en donde necesitan noticias con videos o fotos.

Por otro lado, el detalle ofrece información extra que facilita la selección de notas, como el título, el copete, la configuración de imágenes y videos.

Noticias en modo ‘redirección’ (redirect)

Esta funcionalidad permite mostrar en una HOME o SECCIÓN noticias, que al ser clickeadas, redireccionan a una URL definida por el usuario.

Esto ofrece la posibilidad de crear noticias que apunten a  micro-sitios, especiales, temas del día, galerías de videos, etc.

Nuevos formatos de Videos en las noticias

Ahora, las noticias pueden tener  video embedded (Daily motion, Admotion, etc), video flash, video download y video FLV.

Con esto pretendemos flexibilizar el concepto multimedia en las notas, posibilitando ahora, incluir videos externos de forma más práctica y sencilla.

Nuevo módulo de Videos

Los videos son archivos de gran tamaño y como una buena práctica, es deseable no almacenar los mismos en una base de datos. Por ese motivo, los clientes eligen configurar un servidor multimedia para distribuir sus videos. A nivel operativo, esto implicaba que los usuarios tenían que subir los videos por FTP a un servidor, crear un LINK EXTERNO que apunte al video y asociar ese LINK EXTERNO a la noticia.

Con esta versión, 100% del proceso es automático. Los usuarios solo tienen que seleccionar uno o más videos y al finalizar el proceso, esos videos van a estar asociados a la noticia y en la ubicación requerida (servidor multimedia).

Tags para Imágenes y Videos

Los módulos de imágenes y videos ofrecen ahora la posibilidad de definir ‘tags’ para estos contenidos. A su vez, esos tags son indexados conjuntamente con su tipo de contenido. El resultado? poder tener un buscador de videos, buscador de imágenes o la creación de galerías dinámicas a partir de esos tags. Por ejemplo, “todas las imágenes con tag: Boda Real” o “todos los videos con tag: Mundial”.

La incorporación progresiva de ‘tags’ a todos los tipos de contenidos agrega mucha funcionalidad a los buscadores, antes restringidos solo noticias, y abre una nueva manera de entender y aprovechar los contenidos en Diarios y Revistas.

Mejoras al módulo Encuestas

El nuevo módulo de encuestas agrega capacidades tanto en el front-end como en el back-end. En primer lugar, muestra resultados de las encuestas en la Vista de Administración.

Ofrece información detallada del estado de las encuestas y de los resultados al momento de la consulta. Esto es realmente útil para definir la configuración de las encuestas en el diario.

En segundo lugar, la activación de una encuesta y el cierre requerían la publicación de esas acciones. A partir de ahora, se elimina ese paso y el ‘activar’ y ‘cerrar’ implican la publicación. Esto acelera el proceso de configuración de las encuestas.

En tercer lugar, agregamos más seguridad a las encuestas. Además de la verificación por ‘cookie’ y el CAPTCHA, ahora es posible configurar la cantidad de votos permitidos en un rango de tiempo X para una dirección IP. Los tres mecanismos combinados son una solución definitiva para evitar la manipulación de encuestas.

Finalmente, los invitados a revisar el ‘RELEASE NOTES’ oficial publicado en la WIKI del producto. Además, van a poder ver las funcionalidades que tenemos en ‘desarrollo’ para el próximo mes.

http://opencms-wiki.tfsla.com/index.php/Release_Notes

Hoy comenzamos con las primeras pruebas de la plataforma OpenCms v8. Comenzamos esto proceso sabiendo que la misma recibirá 2 actualizaciones: v8.0.1 en Julio y v.8.0.2 en Agosto. El gran cambio de v8 es la forma en la cual construimos y administramos contenidos. No obstante, hay múltiples cambios de cara al usuario. Qué es lo primero que vemos como mejoras cuando ingresamos al Workplace?

1. NUEVOS TIPOS DE CONTENIDO: de forma nativa, vamos a poder crear nuevos tipos de contenidos como formularios de login, feeds de twitter, HTML redirects, sitemaps, etc. Estos contenidos luego pueden ser arrastrados a una página en modo de edición directa.

2. ADMINISTRACIÓN VISUAL: mucho del trabajo del Explorer se ha movido a la vista de ‘previsualización’ donde podemos trabajar sobre el contexto del contenido, su disponibilidad, mover objetos y agregar nuevos. Cada vez menos los usuarios tendrán que ingresar a la vista del Explorador.

3. SUBIDAS DE ARCHIVOS: el mecanismo de upload de imágenes fue reemplazo por un componente Web en GWT. Las archivos pueden ser subidos desde la previsualización de una página.

4. CARPETAS COMPARTIDAS: en el selector de sitios tenemos esta nueva opción. Las carpetas que creemos en esta ‘instancia’ pueden ser consumidas por todos los sitios.

Por el momento, esto es lo que hemos descubierto en un par de horas de juego con el producto. Todavía tenemos mucho por investigar:

* loose coupled modules

* nuevo esquema de navegación de contenidos

* URL dinámica en base a un campo del recurso

* contenedores y grupo de contenedores

* mismo recurso con propiedades diferentes en distintas páginas

* cms:mobile tags

Los vamos a mantener informados de las novedades!

* MODO AVANZADO DE EDICIÓN  DIRECTA  (Advanced Direct Edit): permitirá la creación de contenido en páginas mediante funcionalidad  de arrastar y soltar (drag and drop) nativa.

* NUEVO SITEMAP EDITOR: permitirá crear páginas y re-acomodar la navegación visualmente mediante arrastrar y soltar.

* ADIOS AL UPLOAD APPLET: la nueva versión tendrá un método de subida de archivos basado en HTML con soporte para múltiples archivos.

*  JAVA Persistence API (JPA): Java implementa reglas de negocios a través de objetos, los cuales tienen estado y comportamiento. Por su parte, las bases de datos relacionales almacenan la información mediante tablas, filas, y columnas, de manera que para almacenar un objeto hay que realizar una correlación entre el sistema orientado a objetos de Java y el sistema relacional de nuestra base de datos. JPA (Java Persistence API – API de Persistencia en Java) es una abstracción sobre JDBC que nos permite realizar esa correlación de forma sencilla, realizando por nosotros toda la conversión entre nuestros objetos y las tablas de una base de datos.

* MOTOR DE SUSCRIPCIÓN DE CONTENIDO: posibilita la notificación a usuarios con el contenido de documentos en el VFS ha cambiado.

Finalmente, y uno de los puntos más interesantes en términos de evolución del producto, todos los componentes de la interfaz gráfica del usuario (GUI) en la vista de edición han sido re-escritos en Google Web Toolkit (GWT), 100% animados con HTML dinámico.

• administración por Drag & Drop
• edición Inline de noticias
• sistema inteligente de moderación de comentarios
• navegación por temas
• un módulo de rankings ‘en memoria’
• nuevo sistema de categorización de contenidos
• múltiples optimizaciones para motores de búsquedas incluyendo integración con Google News
• nuevo módulo de imágenes y relaciones de noticias
• publicación nativa a Twitter / Facebook y el módulo Twitter Central
• autenticación de usuarios con cuentas de Google, Facebook, Linkedin, Twitter y otros

La próxima versión de nuestra suite, OpenCms v7.5 ‘Feature Pack 2′, estará centrada en un modelo de comunidad. Comenzaremos por llevar nuestro módulo de ‘periodismo ciudadano’ a un nivel superior que permitirá a los usuarios ingresan noticias con audio, video y tags. Luego extenderemos la valoración y comentarios a videos, imágenes y encuestas.

Para administrar y categorizar los aportes de usuarios, implementaremos un sistema de reputación que permitirá crear Rankings de usuarios por comentarios más valorados, reportes de abuso efectivos, noticias más leídas de ese usuario, etc.

Finalmente, extenderemos nuestros rankings actuales de noticias a otros tipos de contenidos para dar origen a VIDEOS MAS VISTOS, IMAGENES MAS VOTADAS, ENCUESTAS MAS COMENTADAS, etc.

El nuevo modelo de participación brindará a los editores nuevas herramientas para destacar contenido, identificar potenciales colaboradores e interactuar más fluidamente con redes sociales.

El componente de edición Web es una pieza muy importante para OpenCms. Entre las diferentes opciones que ofrece OpenCms, se encuentra FCKEDITOR, uno de los editores Web más populares. FCKEditor ha liberado múltiples actualizaciones a la versión incluida en OpenCms con mejoras en el copiado desde Word, la posibilidad de habilitar el corrector ortográfico INLINE en Firefox, más opciones de configuración, etc.

En este artículo explicamos como actualizar de forma fácil y segura el editor FCKEditor de OpenCms a la última versión disponible.

1. Realizar un DATABASE EXPORT de la carpeta: /system/workplace/resources/editors/fckeditor/editor/skins/opencms/. Es importante incluir todos los sub-folders. Para realizar la exportación, ir a ADMINISTRATION VIEW – DATABASE MANAGEMENT – EXPORT DATABASE. En el campo RESOURCE TO EXPORT copiar el path indicado arriba. Darle un nombre al archivo a generar: FCKEDITOR_OLD.ZIP.

Este proceso resguarda el ‘skin’ de Opencms para FCKEDITOR en un archivo ZIP: FCKEDITOR_OLD.ZIP

2. Eliminar  el contenido de: /system/workplace/resources/editors/fckeditor/ y publicar el borrado

3. Descargar la última versión del FCKEDITOR de http://ckeditor.com/download, abrir el ZIP, eliminar la carpeta _samples y crear un nuevo ZIP a partir de la carpeta fckeditor (conteniendo la misma): FCKEDITOR_NEW.ZIP. Posteriormente, ingresar al servidor de Opencms y descargar FCKEDITOR_OLD.ZIP

4. Configurar las preferencias del usuario para NO USAR EL APPLET DE UPLOAD. Luego posicionarse en el directorio /system/workplace/resources/editors/ y realizar un UPLOAD de FCKEDITOR_NEW.ZIP. Al hacerlo, marcar la opción UNZIP FILE. Esto deberá crear la carpeta fckeditor y toda su sub-carpetas dentro del directorio editors.

5. Importar el archivo FCKEDITOR_OLD.ZIP desde ADMINISTRATION VIEW – IMPORT FILE WITH HTTP.

6. Publicar la carpeta /system/workplace/resources/editors/fckeditor/

7. Editar el siguiente archivo para remover definiciones obsoletas de la TOOLBAR (opcional)

/system/workplace/editors/fckeditor/configwidget.js

Reemplazar la siguiente línea: toolbar.append(“‘SpecialChar’,'UniversalKey’”);

Por esta nueva línea: toolbar.append(“‘SpecialChar’”);

8. Re-configurar el corrector ortográfico A-SPELL modificando el siguiente archivo (opcional)

/system/workplace/resources/editors/fckeditor/editor/dialog/fck_spellerpages/spellerpages/server-scripts/spellchecker.php

$aspell_prog = ‘/usr/bin/aspell’; // by FredCK (for Windows)

$lang = ‘es’;

Este video explica el funcionamiento del módulo de Twitter para OpenCms construido mediante contenidos estructurados y funcionalidad nativa de la API de Twitter. VER PANTALLA COMPLETA.

El nuevo módulo de imágenes para OpenCms v7 permite subir múltiples imágenes, asociar las mismas al formulario de noticia y realizar una publicación automática al momento de publicar la nota. De esta forma, se simplifica el proceso de generación de Galería de Imágenes a pocos pasos. VER EN PANTALLA COMPLETA.

Las principales características del módulo son:
- subida en lotes mediante componente Flash
- asociación de múltiples elementos al formulario de nota, sin necesidad de agregar líneas 1 a 1
- posibilidad de combinar archivos subidos y archivos existentes
- control al momento del upload: tamaño, cantidad de archivos y tipo de archivos
- campos adicionales: descripción, fotógrafo y fuente

VER EN PANTALLA COMPLETA.

‘Technology for Solutions’ ha liberado el primer módulo comercial basado en HTML5 que permite la edición ‘inline’ de contenidos y drag and drop en cualquier template de OpenCms v6 / v7. Utilizando este módulo, es posible realizar una administración visual de las páginas de un sitio y la modificación de contenidos en tiempo de visualización desde Google Chrome, Firefox 3.6, Safari o dispositivos móviles como Apple iPAD / iPhone.

Adicionalmente, el módulo OpenCms HTML5 Pack permite agregar capacidades de Aplicaciones Ricas de Internet (RIA) a sitios existentes y hacer uso de transiciones, animaciones, consumo de contenido fuera de línea, video h.264, banners 360 grados y otras funcionalidades hasta hoy sólo disponibles en tecnologías como Flash o Silverlight.

Cómo funciona el Drag and Drop en  OpenCms HTML5?

Una vez importado el módulo en la instancia de OpenCms, deberá implementarse la funcionalidad deseada a nivel de los templates que harán uso de la misma. Por lo general, esto implica:

1. ZONA DROP: define las zonas que pueden recibir contenido. La implementación se realiza mediante una etiqueta DIV encapsulando cada zona del template. Esto define el nombre, el color y el atributo de funcionalidad (droppable = true).

2. CONTENIDO DRAG: define el elemento a mover. Esto se implementa a nivel del proceso de recuperación de contenidos (iteración de los colectors) mediante una etiqueta DIV donde se define el identificador del contenido y el atributo de funcionalidad (draggable = true).

Cómo funciona la Edición Inline?

Esto permite modificar contenido desde el PREVIEW del OFFLINE sin necesidad de activar un botón de edición directa. Una vez realizadas las modificaciones el usuario podrá optar por GUARDAR las mismas en el OFFLINE o publicarlas en el ONLINE.

A nivel técnico, se modifican los tags HTML específicos de cada propiedad del contenido a modificar agregando los atributos de edición inline.

Cuánto tiempo requiere la implementación?

La implementación es muy rápida y sencilla. Por ejemplo, el proceso de implementación en la página de inicio de un Diario Online, con unas 5 zonas de noticias y otros contenidos, requirió 2 horas.

Es posible utilizar esta tecnología en dispositivos táctiles?

El módulo se encuentra optimizado para el uso en Apple iPAD / Apple iPhone utilizando los eventos touchstart, touchend, touchmove. Los mismos, eventos estándares de los navegadores (Webkit).

Con esta tecnología, los usuarios de OpenCms pueden comenzar a utilizar una forma muy fácil y visual de administrar sus contenidos.

Desde hace ya tiempo el concepto de web 2.0 impulsa un fenómeno que trae como premisa el compartir información. Redes sociales, redes informativas, blogs y demás herramientas nos permiten tener acceso, manipular y compartir la información con la que diariamente tratamos.

En este escenario, Twitter (www.twitter.com ) nace como un servicio de consumo y aporte masivo de información que permite a los usuarios el acceso en tiempo real a las noticias que día a día se presentan alrededor del mundo.

Cada vez más, los medios de comunicación (diarios y revistas online), ofrecen a sus visitantes la posibilidad de compartir información en las distintas redes sociales como Twitter y Facebook, generando una interesante posibilidad de integración entre los distintos sitios.

En este caso, Twitter se encargó de ir un poco más lejos en el concepto de “información compartida” y presentó un esquema de consulta directa al sitio de Twitter por medio de una API que ofrece diferentes métodos altamente parametrizables.

Toda la información de la API está publicada en el sitio de Twitter ( http://dev.twitter.com/ ) y se pueden encontrar varios tutoriales que guían a los desarrolladores en el proceso de integración. Incluso para aquellos que quieran mantenerse informados al respecto puedo seguir las novedades de la API en http://twitter.com/twitterapi

Todos los métodos expuestos por la API se ejecutan utilizando una URL determinada y concatenando los criterios de búsqueda en el querystring. Cada método ofrece diferentes parametrizaciones y diferentes formatos de respuesta (XML, RSS, JSON, ATOM).

Technology for Solutions investigó las capacidades de la API y desarrolló el módulo para OpenCms que ahora integra a su suite de OpenCms para Diarios y Revistas. El módulo ofrece dos funcionalidades básicas de Twitter que son: buscar tweets por #hashtags y la seguir las novedades de un @usuario determinado.

Los #hashtag son el mecanismo que ofrece Twitter para categorizar los tweets publicados por los usuarios. Como no existe una forma nativa de especificar a qué tema corresponde un tweet, los usuarios utilizan los #hashtags para este fin. Simplemente con incorporar dentro del texto del tweet la palabra que refiera al tema anteponiendo el símbolo #, el tweet será indexado por esta palabra. Por ejemplo, para hacer referencia a noticias del mundial de fútbol Sudáfrica 2010, los usuarios del sitio utilizan el #hashtag: #worldcup2010 o #mundial. De esta forma, si se quieren filtrar los resultados de búsquedas a las noticias del mundial, se deberá utiliza el criterio de búsqueda: #mundial.

Para la funcionalidad de buscar por #hashtags, el módulo de TFS permite la siguiente configuración: hasta tres #hashtags, un operador lógico (AND, OR) y el idioma de los tweets que la API devolverá luego de la ejecución del método de búsqueda. El método ejecutado contra la API de Twitter es: http://search.twitter.com/search.format y para mayor información al respecto pueden consultar: http://apiwiki.twitter.com/Twitter-Search-API-Method:-search donde se especifican todas las posibilidades de parametrización y los distintos formatos ofrecidos para este método.

Para la funcionalidad de hacer el seguimiento de un usuario, el módulo de TFS simplemente requiere la configuración del nombre de usuario de Twitter al que se quiere seguir. En este caso, el método de la API utilizado es: http://api.twitter.com/version/statuses/user_timeline.format y pueden encontrar información y ejemplos en: http://dev.twitter.com/doc/get/statuses/user_timeline

De esta forma, el nuevo módulo de Technology for Solutions ofrece las novedades de Twitter en tiempo real, integradas al esquema de su sitio y, además, la posibilidad de integrar también, el seguimiento de su propio usuario de Twitter o de algún otro que sea de interés para sus lectores.

A partir de ahora, es posible ingresar a sitios desarrollados en OpenCms utilizando tu cuenta de Facebook, Twitter, Google o de otras redes sociales.

Desde siempre ha sido un verdadero dolor de cabeza llevar cuenta de todos los usuarios y claves para acceder a los distintos sitios que habitualmente visitamos. ¿Olvidó su contraseña? Preguntas secretas, claves secundarias y todo tipo de artilugios nos ayudan a mantener el acceso.

La seguridad viene de la mano de considerar la utilización del mismo nombre de usuario y contraseña en todos los sitios o ir variando cualquiera de las dos para que llegado el caso de que alguno sea vulnerable, no se pueda utilizar esa información en otro lado.

Para nuestra comodidad, el proyecto OpenID viene a romper este esquema y nos abre las puertas a una nueva opción para acceder a los sitios más visitados.

¿Qué es OpenID?

Es un estándar de identificación digital que permite acceder, con una única credencial, a todos los sitios que hayan implementado esta tecnología.

¿Cómo Funciona?

OpenID utiliza las credenciales de los grandes proveedores de identidades (Google, Yahoo, Blogger, etc.) para verificar los accesos.

Por ejemplo, supongamos que el usuario OpenIdUser quiere acceder al sitio ejemplo.com y supongamos también que ejemplo.com permite acceder con credenciales OpenID. El proceso de validación sería: ejemplo.com pide las credenciales de OpenIdUser pero la validación no la hace ejemplo.com sino el proveedor de identidades (supongamos Google) y es éste el que le dice a ejemplo.com si OpenIdUser está en condiciones de acceder o no.

Beneficios de OpenID

Con una sola cuenta en cualquiera de los grandes proveedores de identidades, los usuarios pueden acceder a todos los sitios que soporten OpenID, evitando la creación de cuentas en cada nuevo sitio. En este momento, los proveedores capaces de resolver estas validaciones son los que se encuentran listados en la página oficial del proyecto OpenID: http://openid.net/get-an-openid

Críticas al estándar

El proyecto ha recibido numerosas críticas pero las más populares son las que refieren a problemas de seguridad y privacidad. Los críticos ponen sobre la mesa el imaginable escenario en el que el proveedor de identidades tenga vulnerabilidades en su seguridad y los datos de los usuarios queden expuestos.

De todos modos, creo que es una opinión masivamente compartida el hecho de que la seguridad de Google o Yahoo supera los niveles de exigencia popular y soporta los, imagino, constantes intentos de violarla. Apostamos a que siga de esa forma y agradecemos la comodidades que avecina este proyecto.

En un mundo donde todo apunta a la unificación de funcionalidades, la implementación de este nuevo modo de entender las credenciales digitales será, sin lugar a duda, el único camino a seguir para todos aquellos que entiendan las ventajas que presenta este esquema.

El uso de Konakart dentro de un sitio OpenCms es una opción viable para integrar un administrador de contenidos (CMS)  con una aplicación de eCommerce.

Porqué utilizar Konakart con OpenCms? Principalmente por las siguientes razones:

• El mismo look & feel otorga a los compradores una sensación total de integración y seguridad
• La integración de usuarios reduce los costos de administración
• Es una solución económica y rápida para la generación de un eCommerce y por lo tanto recomendable

Konakart es un producto semi-abierto que resuelve la gran mayoría de los requerimientos de un sitio de comercio electrónico.

Konakart

Konakart es una aplicación web de eCommerce escrita en JAVA de uso gratuito. Permite la administración de un eCommerce y la gestión de ventas. El código es semi abierto, ciertas partes se pueden modificar y otras no.

Entre sus principales  características encontramos:

- Permite la carga y administración de productos y categorías de productos.

- Permite la administración de compras y seguimiento de estado de los mismos.

- Soporta varios precios por producto.

- Permite generar métodos de envío y de pago de acuerdo a las necesidades de la tienda.

- Permite generar promociones y cupones de descuentos.

- Incluye un numero restringido de campos extra para la adaptación del modulo a necesidades particulares.

eCommerce integrado a un sitio OpenCms

Konakart se provee como una aplicación de eCommerce independiente. Una integración básica propuesta incluye mostrar en el sitio de OpenCms un listado de productos y al seleccionarlo, redireccionar al sitio del eCommerce. Esta solución, entre otros inconvenientes, no brinda al usuario una sensación de integración.

Utilizando los Web Services expuestos por la aplicación Konakart, Technology for Solutions  realizó una integración completa de un eCommerce en un sitio de OpenCms, incluyendo  look & feel y la integración completa de las operaciones de compra a las paginas servidas por el OpenCms.

Integración de usuarios: Single sign-on

Tanto OpenCms como Konakart tienen su propio sistema de administración de usuarios. Un usuario registrado en OpenCms puede interactuar con diferentes módulos y funcionalidades. Entre ellas: recibir newsletter, escribir comentarios, participar en encuestas, ver contenido restringido, etc. Un usuario registrado en Konakart puede realizar compras utilizando el carrito de compras.

Al ser aplicaciones diferentes, cada uno de ellos presenta un formulario de registración en el que se solicitan diferentes datos. La visualización y modificación de la cuenta del usuario así como el cambio de su password de ingreso también se encuentran separados.

Dentro de un sitio web no es conveniente utilizar diferentes sistemas de autenticación para diferentes funcionalidades. Para evitar esto se unifico en un solo formulario de registro. Al ingresar al sitio y autenticarse puede realizar tanto las compras y usar todas las funcionalidades de OpenCms.

Precios en diferente moneda de acuerdo al país del comprador.

Se generó la diferenciación de moneda de acuerdo al país del comprador. Para los compradores locales se utiliza la moneda local. Para los compradores del exterior se utiliza el dólar. Se utilizan 2 precios diferenciados, ambos en moneda local. El segundo de ellos es transformado en dólares mediante un factor de conversión configurable.

Venta en el sitio mediante operadores telefónicos

Uno de los requerimientos solicitados era la posibilidad de vender a nombre de un cliente a través de un vendedor. Para ellos se genero un grupo de usuarios en OpenCms “Vendedores”. Un usuario vendedor ingresa a la página y puede realizar una compra. En el momento de indicar un comprador puede seleccionar un usuario registrado y luego finalizar la compra normalmente.

Las ventas realizadas por vendedores quedan registradas con un identificador del vendedor. De esta forma luego se pueden realizar reportes de ventas por vendedor.

Medios de pago y métodos de envío.

Se generaron diferentes medios de pagos para finalizar las compras:

- Pago en Pago Fácil (vía pago Fácil)

- Pago mediante Pago Fácil, Rapipago, Bapropagos, Ripsa, Cobro Express (vía Cuenta Digital)

- Pago mediante tarjeta de crédito online (vía Decidir)

- Pago mediante tarjeta de crédito y envío de comprobante por fax.

- Pago mediante Western Union

- Pago mediante Depósito Bancario

Para las tarjetas de crédito se agregó la selección de cuotas y el cálculo de intereses de acuerdo al número seleccionado.

Se agregaron diferentes medios de envío:

- Envío en capital federal con precio diferencial según barrio.

- Envío al resto del país con valor fijo.

- Envío al exterior con precio a confirmar.

Extensión de tipos de productos: Cursos – reservas.

Se genero un tipo especial de producto: Cursos. Para eso se crearon 2 tipos de categorías:

- Cursos abiertos: Permiten inscribirse al mismo mediante la compra.

- Cursos programados: Permite la reserva de un lugar indicando el deseo de participar en el curso.

Para los cursos programados se agrego un formulario que permite seleccionar a los preinscriptos para avisarles la apertura del curso. Para los abiertos se agrego un formulario que permite emitir un usuario y password para el ingreso a un campus virtual además de la posibilidad de recordar la falta de pago a aquellos inscriptos que no efectivizaron el pago.

Los cursos al ser a distancia no requieren en la compra la carga de dirección de envío.

Generación de listados y extensiones para la administración

Se crearon un conjunto de listados dentro de una carpeta del VFS que generan listados sobre las ventas. Entre ellos ventas por vendedor, reservas y listados de clientes que compraron un producto. Estos listados al estar dentro del VFS pueden administrarse de forma segura según el sistema de permisos de OpenCms.