Spreadsheet-2-Polymer un newsletter particular

Esta semana inició con un desafío muy interesante de desarrollo. La idea era crear un newsletter simple pero que obtenga los datos desde una spreadsheet. La características fundamental de presentación debería utilizar #Polymer para dar soporte responsivo y por supuesto demostrar su flexibilidad.
La respuesta es spreadsheet2polymer.

Fig.1 diseño general

En esta solución he utilizado sampler-scaffold para representar el periodo de trimestres en el newsletter y cada trimestre con una estructura de programas/proyectos.

Cada  programa/proyectos tiene elementos simples como muestra la Fig.2.

Fig.2 diseño general de los programas/proyectos

Lo interesante es que toda esta información se obtiene desde una spreadsheet. Como muestra la Fig.3. [spreadsheet]. O sea puedo el objetivo es armar mi reporte en segundos y que este tenga una presentación responsiva legible y flexible.

Fig.3 Estructura de datos del newsletter

La implementación tiene la funcionalidad responsiva, como muestra la Fig.4.

Fig.4 Visualización responsiva

Hice la implementación desde un polymer-element, les dejo la implementación preliminar aquí:

Cargando ....

Finalmente les dejo toda la implementación del proyecto en este repositorio.

A disfrutar del maravilloso mundo tecnológico!

Spreadsheet-2-Polymer un newsletter particular por http://nbortolotti.blogspot.com se distribuye bajo una Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional.