‘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.