Kanban funciona perfectamente como sistema de producción. El tablero de Kanban nos permite tener una muy buena visión sobre el trabajo en curso y una gestión optimizada de las cargas de trabajo previstas.
Pero cuando una tarea se finaliza, debemos crear algún sistema o método para conservar la información referente a esta tarea y su creación a modo de histórico o como consulta. Esta opción ya viene integrada en los software de gestión de proyectos existentes. Pero nosotros no utilizamos ninguno, al menos por el momento


Timeline para la Visualización del trabajo realizado
Periódicamente semanal o quincenalmente "vaciamos" los post-its de la columna Terminado-Funcionando y los añadimos a una hoja de calculo de google docs.
El formato de la hoja de calculo es
Titulo | Fecha Petición | Fecha Selección | Fecha inicio | Fecha Terminado | Fecha Entrega | Fecha Funcionando | Descripción | Pedido por | Categoria de la tarea | Realizado por
Las cabeceras de las columnas las vamos a formatear de esta forma para su posterior integración con el widget de visualización.
{Nombre_de_la_columna:tipo de datos de la columna (si es diferente a texto)}

 {label} | {Pila:date} | {Seleccionado:date} | {En_Curso:date} | {Terminado:date} | {En_Entrega:date} | {Funcionando} {description:single} | {Peticion} | {TipoEvento} | {Team}



Aquí añadimos la información que hemos recogido durante el flujo de trabajo de la tarea y que tenemos anotado en cada post-it según lo comentado en HOLA, SOY KANBAN. PRINCIPIOS DE USO
Bien. Ahora ya tenemos un lugar donde guardamos la información y no tenemos que temer al maleficio del pegamento del post-it (que sabemos tiene caducidad ;)
SMILE Widgets
Y para mostrar de manera friendly esta información, recurrimos a un proyecto libre y Open-Source de widgets para la visualización de datos en entorno web llamado SMILE Widgets Tiene varios componentes o widgets, el que utilizamos será Exhibit, que soporta filtrado, ordenación, búsqueda de datos con timelines interactivos, del cual recomiendo consultar la documentación para una explicación completa del widget.


Integración del Widget Exhibit
La integración del widget es muy sencilla, debemos incluir una llamada a las clases javascript del mismo y la referencia a la hoja de calculo de google donde esta la información como explican en su wiki de documentación.


Vistas Detalles o Diagrama Temporal


Creamos el Panel donde mostraremos los datos en modo listado de DETALLES o en modo DIAGRAMA TEMPORAL (Timeline)
 Vista DIAGRAMA TEMPORAL (Timeline)


Creamos la vista DIAGRAMA TEMPORAL (Timeline)
Configuramos en que columna estan los datos, y forma de visualización.
Pop-up detalles tarea

Creamos el popup que se abrirá cuando cliquemos sobre una tarea en el timeline
Notar que hemos creado una imagen que representa el tipo de evento o para mostrar gráficamente la categoría de la tarea, la imagen esta guardada en la carpeta images y se llama igual que el TipoEvento con extensión.jpg (ejemplo images/novedad.jpg) por esto la razon del concat('images/', .TipoEvento, '.jpg')"



Mostramos los detalles de fechas, leadtime, propietario de tarea y autor, en una tabla.


Ya tenemos acabada la vista DIAGRAMA TEMPORAL (Timeline)
Vista modo listado de DETALLES


Continuamos con la vista modo listado de DETALLES.
Creamos y configuramos la vista