Hola a todos,
En esta ocasión les voy a mostrar lo sencillo que es crear Gadgets para el SideBar de Windows Vista, bueno pues comencemos.
Primero vamos a crear un archivo en formato XML que será el manifiesto el cual contendrá toda la información necesaria para que el SideBar de Windows Vista pueda instalar nuestro gadget.
Este archivo podemos crear en un Block de Notas y quedaría como lo siguiente:
<?xml version="1.0" encoding="utf-8" ?>
<gadget>
<name></name>
<namespace></namespace>
<version></version>
<author name="">
<info url="" />
</author>
<copyright></copyright>
<description></description>
<hosts>
<host name="sidebar">
<base type="HTML" apiVersion="1.0.0" scr="" />
<permissions>full</permissions>
<plataform minPlataformVersion="0.3" />
</host>
</hosts>
</gadget>
Ahora voy a explicarles para que nos servirán cada una de las etiquetas:
<name></name>: En esta etiqueta colocaremos el nombre de nuestro Gadget, para nuestro ejemplo le voy a llamar "Eventos de la Comunidad"
<namespace></namespace>: Con esto vamos a colocar el nombre con el cual vamos a agrupar nuestros gadgets. Ej. "DevelopersDotNet.Gadget" y esto sólo se utiliza de forma informativa
<version></version>: Con esta etiqueta vamos a colocar la versión de nuestro gadget, podemos utilizar la misma forma de utilizar la versión como lo hacemos desde .NET, esto es para futuras funcionalidades o aspecto que vaya a tener nuestro gadget y que Windows Vista lo pueda reconocer. Ej. "1.0.0.0"
<author name="">: Aquí generalmente se coloca el nombre del autor del gadget. Ej. "Víctor Alameda"
<info url="" />: Nos servirá para colocar una página de Internet de referencia para nuestro Gadget. Ej. http://www.developersdotnet.com
<copyrigth></copyright>: Aquí podremos colocar la información de derechos reservados de nuestro Gadget. Ej. "DevelopersDotNet.com - 2007"
<description></description>: Aquí vamos a colocar una pequeña descripción de nuestro gadget. Ej. "Con este gadget estarás informado sobre las noticias y blogs generados en la comunidad DevelopersDotNet.com"
La parte contenida en las etiquetas <hosts></hosts> no la vamos a modificar ya que está predeterminada para el Windows SideBar, lo único que vamos a cambiar va a ser el origen donde obtendremos la parte de presentación contenida en una página html. El nombre del origen puede ser diferente al nombre del gadget. Ej. scr="Eventos.html"
Una vez terminado este proceso de creación del manifiesto nuestro archivo debería tener una apariencia como la siguiente:
<?xml version="1.0" encoding="utf-8" ?>
<gadget>
<name>Eventos de la Comunidad</name>
<namespace>DevelopersDotNet.Gadget</namespace>
<version>1.0.0.0</version>
<author name="Victor Alameda">
<info url=http://www.developersdotnet.com />
</author>
<copyright>DevelopersDotNet.com - 2007</copyright>
<description>Con este gadget estaras informado sobre las noticias y blogs generados en la comunidad DevelopersDotNet.com</description>
<hosts>
<host name="sidebar">
<base type="HTML" apiVersion="1.0.0" scr="Eventos.html" />
<permissions>full</permissions>
<plataform minPlataformVersion="0.3" />
</host>
</hosts>
</gadget>
Este archivo lo debemos de almacenar en el directorio raíz de nuestro Gadget es importante mencionarles que el lugar donde se guardarán todos los gadgets será en el directorio del usuario de la sesión activa, cada usuario tendrá su propio directorio para los gadgets dependiendo del nombre del usuario logueado.
Para mi caso el directorio donde se guardan mis gadgets es: C:\Users\Víctor Alameda\AppData\Local\Microsoft\Windows SideBar\Gadgets
Una vez que estamos en esta ruta crearemos un directorio para nuestro gadget: Ej. DevelopersDotNet.gadget, y en la raíz de este directorio guardaremos nuestro archivo manifiesto. La extensión del directorio que vamos a crear deberá se ser .gadget esto es para que Windows SideBar pueda tomar el contenido a desplegar.
Es importante que recuerden que el nombre del archivo deberá de ser gadget.xml, el cual no podrá llamarse de otra forma ya que el Windows SideBar lo utilizará para reconocer a nuestro gadget creado.
Con esto ya hemos creado el archivo de configuración, ahora vamos a crear la funcionalidad que se encuentra en el archivo .html, para mi caso se llama Eventos.html
Este archivo lo vamos a crear desde FrontPage o cualquier editor de HTML
En esta ocasión vamos a crear un archivo "htm" muy sencillo, en lugar de crear el clásico "Hola mundo!", voy a crear una página Web con una liga que se irá directamente a nuestro sitio Web en el blog de Noticias.
El archivo .htm quedará de la siguiente forma:
<html>
<head>
<meta http-equiv="Content-Language" content="es-mx">
<style>
body
{
width:130;
height:50;
}
.style1 {
font-size: 12px;
font-family: Verdana;
}
</style>
</head>
<body id="body" style="background-color:#E9E9E9">
<p class="style1"><a href="http://developersdotnet.com/blogs/Noticias">Reuniones de la Comunidad</a></p>
</body>
</html>
Una vez creado nuestro archivo lo vamos a guardar en el mismo directorio del Gadget que estamos creando. Con esto hemos finalizado la creación de un gadget muy sencillo, ahora vamos a ver como lo vamos a colocar en el SideBar de Windows.
Vamos a dar un click con el botón derecho del mouse sobre el SideBar y seleccionaremos Add Gadget, esto nos mostrará una ventana como la siguiente y veremos que de forma automática aparecerá el gadget que hemos creado.
Solo bastará arrastrar el gadget al SideBar y listo hemos agregado el nuevo gadget
Ahora vamos a generar nuestro archivo de instalación para esto vamos a seleccionar los archivos que tenemos dentro del directorio DevelopersDotNet.Gadget y vamos a crear una carpeta comprimida en .zip, una vez hecho esto vamos a cambiar la extensión .zip por .gadget y con esto hemos creado nuestro archivo de instalación, después borraremos la carpeta DevelopersDotNet.gadget del directorio de Gadgets y el archivo con extensión .gadget lo copiamos a otra carpeta.
Después daremos doble click y listo de manera automática instalará nuestro gadger en el SideBar, lo más seguro es que nos mande una advertencia de seguridad, esto es porque nuestro gadget no tiene una firma digital, a lo que responderemos que sí queremos instalarlo para que nuestro gadget sea instalado.
Conclusiones.
Con esto se podrán dar cuenta que la creación de gadgets es muy sencilla, el nivel de complejidad podrá ser mayor de acuerdo a la funcionalidad que queramos tener en nuestro gadget que seguramente no creo que tengamos mayor problema como desarrolladores.
Más adelante les mostraré como tener mayor funcionalidad en los gadgets y veremos como lograr que cuando el gadget se arrastré hacia el escritorio cambié el tamaño como los que tenemos instalados con Windows Vista.
Espero que esto les sea de utilidad y no olviden postear sus dudas o mandarme sus comentarios al respecto de estos temas, con mucho gusto podremos aumentar más la explicación.
Los espero y nos vemos en el siguiente artículo.
S@ludos!
Víctor Alameda
INETA LatAm Speaker