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!

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

Entradas más populares de este blog

TensorFlow, una simple aproximación al calculo numérico en Python

7 arquetipos #Polymer 1.0 puntos esenciales prácticos

Iniciando la representación de una mobile-web-page pensando en el rendimiento - Parte 1