jueves, 19 de julio de 2012

Uso de Gráficas en la web

En el desarrollo web, es indispensable el uso de gráficas adecuadas para presentar a los usuarios información relevante, resumida y de gran valor, es por esto que acudimos a muchas opciones que presenta el mercado, y comenzamos a divagar tratando de conocer cual es la más fácil de usar y la más adecuada para nuestras aplicaciones.

He tenido la oportunidad de trabajar con las charts de .net en framework 3.5 y 4, algunas librerias bastante complicadas, y después de probar algunos sin sabores y amplias limitaciones, me presentaron highchart y kendo dos tecnologías basadas en javascript y que definitivamente me han dado excelentes resultados y son gratuitas sin soporte. Los pre-requisitos para sacar mayor provecho a estas tecnologías son POO en JavaScript cuyo concepto difiere un poco al que estamos acostumbrados, conceptos básicos de la estructura de las gráficas. 

Estos son algunas de las cosas que he logrado realizar usando dichas tecnologías (no puedo compartirles el código por cuestiones de contrato), para que se hagan una idea de lo que se puede lograr:
  • Construcción de gráficas dinámicamente o a petición
  • Uso de las dos tecnologías (highchart y kendo) usando un script trabajando como factory
  • Consumo de datos a través de servicios web
  • Actualización de gráficas si recargar la página
Las ventajas son muchas sobre todo en performance de la página y la experiencia de los usuarios. Espero la estudien y les sirva.


highchart  http://www.highcharts.com/demo/dynamic-update
Kendo      http://demos.kendoui.com/dataviz/overview/index.html

jueves, 12 de julio de 2012

Patrones de Diseño JavaScript

Incursionando en este mundo del JavaScript avanzado, quise dejarle a mi actual empresa un semi proyecto en JS orientado a la fábrica de objetos tipo gráfica, con el cual se facilite el trabajo de los demás equipos de desarrollo, además implementando patrones de diseño para darle un toque distintivo para mejoras en el futuro y dejar alguna huella; entonces me encuentro con este pequeño libro donde podemos aprender el uso de este patrón, además de un video explicativo del tema, el cual espero les sirva para mejorar sus práticas de desarrollo.


libro      http://addyosmani.com/resources/essentialjsdesignpatterns/book/
video    http://vimeo.com/44094122