Juan Pablo Garcia Blog

Desarrollando un Gadget para Windows Vista, Resultados de Fútbol, para participar en el concurso de Gadgetizate! he tenido que programar mucho con Javascript.

Como todos saben una de las cosas más molestas es que en los entornos de desarrollo normales no tenemos la posibilidad de verificar la sintaxis de nuestro código js. Esto nos hace perder muchísimo tiempo, ya que a veces por un simple error, podemos estar un rato hasta descubrir que es realmente hace que nuestra aplicación no funcione como lo deseamos.

Más aún si lo que estamos desarrollando es un Gadget, ya que al ejecutarlo, ni siquiera nos indica si ha habido un error o no, como suele hacerlo nuestro explorador. Además tampoco podemos debugear nuestro gadget en el explorador completamente porque al utilizar las librerías propias de Gadgets el explorador no las reconocerá.

Para evitarnos todo esto, existe una herramienta llamada Javascript Lint que nos hace la vida mucho más fácil.

Esta herramienta basada en el motor de Javascript del explorador Firefox, nos provee de un Framework robusto que no solo se encargará de chequear la sintaxis de nuestro código, sino que además examinará nuestras técnicas de codificación y nos alertará sobre prácticas que él considere cuestionables.

Tenemos tres formas de utilizarla:

• Integrándola en nuestro entorno de desarrollo ( I love it! )
• Integrarla en Internet Explorer
• Ejecutarla desde línea de comandos

A continuación voy a explicar cómo podemos integrarla en nuestro VS 2005, que es el entorno que yo estoy utilizando.

1. Descargar la última versión desde y extraer los ficheros a una carpeta, por ejemplo “c:\Program Files\Javascript Lint”
2. Abrir nuestro VS2005 > Menu Tools > External Tools
3. Añadir y configurar como muestro en la imagen

Para hacer funcionar la herramienta unicamente hay que ir al menu  Tools, y si la hemos añadido en el paso previo nos encontraremos con un nuevo Item de “Javascript Lint”.

Vamos a probarla con un ejemplo, para eso voy a crear una nueva página HTML (aunque podría ser un archivo include con funciones, un aspx…) y voy a generar entre medio del código de la pagina una serie de lineas de Javascript con un error para que vean como funciona.

Ahora, Tools > Javascript Lint y como podemos observar en el Output del VS obtendremos lo siguiente:

Interesante no?, además, si tenemos archivos de include de tipo js en nuestro html, también los analizará.

Espero que les sea útil como a mí.

Como muchos de ustedes estarán al tanto, la gente de Madrid .NET User Group ha puesto en marcha un concurso para la creación de Gadgets para el nuevo Windows Vista.

Los premios son muy interesantes, entre otros, el más importante es un viaje a Las Vegas para asistir como invitado al MIX ‘07 y a éste es al que yo apunto!

Para ello he desarrollado un Gadget, y ayer por la noche fue cuando por fin tomé la decisión de publicarlo definitivamente en la web de Gadgetizate.

La gente, y tú que estás leyendo este Post, pueden comenzar a votar y a utilizarlo por supuesto, ya que creo q es un Gadget cuanto menos útil, para la gente que le interese ver los resultados en vivo de los partidos de Fútbol de muchas de las ligas internacionales, España, Italia, Inglaterra, Portugal, Argentina entre muchísimas otras…

La url para descargarlo, y para votar :) (que molesto no?) es que me quiero ir a Las Vegas! es la siguiente.

http://gadgetizate.madriddotnet.com/VerGadget.aspx?id=25

Aquí les dejo unas pequeñas capturas de como se ve la versión 1.0 en funcionamiento, y más adelante iré posteando como fue el desarrollo y las herramientas que he utilizado para el mismo.

Como pueden ver, la primer imagen del gadget en pleno funcionamiento, informándonos que se ha producido un gol, y acerca del estado de los partidos de futbol que se están disputando en el dia de la fecha.

La segunda imagen es la que nos muestra, la configuración del mismo, aquí podremos

1. Seleccionar cual es la Liga que queremos monitorizar
2. El tiempo de refresco de la información en pantalla
3. Si queremos reproducir un sonido de GOLLL al producirse uno :)

Bueno espero que les guste!