gadget

Crear gadget para la Sidebar de Windows 7
Sindicación
Cómo podéis imaginar, los gadget de SideShow y de la SideBar, la barra lateral del escritorio de Windows
Vista, son muy semejantes, de hecho, hoy vamos a hacer una demo de cómo programar nuestro primer
gadget para la SideBar.
Para poder programar un gadget no necesitaremos ser verdaderos expertos en programación web,
simplemente nosbastará con saber un poco sobre los siguientes lenguajes y tecnologías:
· HTML
· JavaScript ó VBScript
· CSS
· XML
Por si no os ha quedado claro aún que son los gadget, son una serie de miniaplicaciones que se pueden
instalar en la barra lateral del Windows Vista, en el nuevo Windows 7 y en los hardware que soporten la
tecnología SideShow, que nos permiten explotar al máximo todas lasposibilidades de nuestro Windows y la
conectividad a diferentes recursos de internet como por ejemplo uno de los más conocidos, el RSS.
Para mostrar la SideBar, deberéis ir al Menú de inicio > Programas > Accesorios > Windows Sidebar.

Demo: creción de gadget para la Sidebar
Lo primero que deberemos hacer para crearnos nuestro propio gadget es ir a la ruta donde están instalados
los gadget de laSidebar, tanto los que vienen instalados por defecto en Windows, como los que hemos ido
instalando posteriormente. Por defecto los gadget se encuentran en la ruta: C:\Program Files\Windows
Sidebar\Gadgets.
Una vez hayamos ido a la ruta anterior, visualizaremos todos nuestros gadget:

Si sois un poco curiosos y miráis el contenido de cada gadget os daréis cuenta de que todos se basan en unaestructura común:
Documento XML de manifiesto: En este archivo es donde se definen las propiedades de nuestro gadget:
nombre, icono, autor, descripción de la utilidad del gadget, etc.
Documento HTML: En él se programará toda la funcionalidad de la interfaz gráfica de nuestro gadget.
Documento HTML de configuración: En caso de que nuestra aplicación sea muy compleja y tenga varios
parámetrosconfigurables, deberemos crear este documento (opcionalmente) para que el usuario pueda
interactuar directamente con el gadget.
Imágenes: Necesitaremos tres imágenes diferentes para nuestro gadget cómo mínimo, aunque esta parte es
opcional también, una de ellas definirá el icono del menú de la sidebar para agregar nuevos gadget, otra de
las imágenes, será la que se mostrará junto con los datos delautor, y la última imagen, definirá el fondo de
nuestro gadget, en caso de no poner esta última, el fondo de nuestro gadget adquirirá el color de fondo que
indiquemos en el fichero HTML, si queremos que nuestro gadget destaque visualmente, os recomiendo que
hagáis un fondo transparente con bordes suaves y redondeados, cómo hemos hecho nosotros con un
programa de retoque fotográfico.
Ficherojs: El código JavaScript de nuestra aplicación puede ir embebido en el propio HTML, o bien
encontrarse en un fichero aparte y ser llamado desde el código HTML. JavaScript junto con HTML serán los
encargados de proporcionar al gadget toda su funcionalidad.
Hojas de Estilo CSS: Las Hojas de estilo se utilizan para dar el comportamiento gráfico de la interfaz HTML
de nuestra aplicación. Sin ellael gadget se encontraría totalmente descuadrado de la SideBar, y carecería de
imagen de fondo.

Una vez explicada la estructura de un gadget vamos a comenzar a programarnos nuestra primera
miniaplicación para la Sidebar. Para la demo, hemos decidido hacer un sencillo reloj digital con el logotipo de
nuestra empresa.
Lo primero que debéis hacer es crearos en la ruta: C:\Program Files\WindowsSidebar\Gadgets, una carpeta
con el nombre:i64clock.gadget, donde i64clock lo deberéis sustituir por el nombre que le queráis dar a
vuestro gadget, es muy importante que la carpeta acabe con la extensión .gadget, en caso contrario no será
reconocida por la Sidebar.
Una vez creada la carpeta, tenemos que crear dentro los siguientes elementos:
Fichero HTML: con el nombre i64clock.html, de...