Windows Técnico : Windows 7, Windows Vista, Desarrollo

Desarrollo de un gadget para Windows 7 para visualizar un mapa con las visitas a tu blog

Juan Antonio — Wed, 14 Apr 2010 23:30:00 GMT

Buenas a todos, hoy me gustaría explicaros como desarrollar un pequeño y sencillo gadget para Windows 7 que incluirá un mapa de ClustrMaps, que como sabréis es un servicio que nos permite tras registrarnos incorporar un pequeño mapa en nuestro blog, a través de un pequeño código javascript, donde nos pintará en un mapa mundi los lugares desde los que nos visitan.

El desarrollo de gadgets los traté a fondo en el siguiente post hace varios meses por lo que no me extenderé mucho en el tema, pero aún así os recordaré por encima los elementos de los que se compone un gadget.

http://www.windowstecnico.com/archive/2009/04/05/creaci-243-n-de-un-gadget-para-la-sidebar-de-windows.aspx

La estructura de un gadget se basa en:

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ámetros configurables, deberemos crear este documento (opcionalmente) para que el usuario pueda interactuar directamente con el gadget. Para nuestro proyecto actual lo omitiremos.
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 del autor, 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.
BLOCKED SCRIPT 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 ella el gadget se encontraría totalmente descuadrado de la SideBar, y carecería de imagen de fondo.

Los códigos del gadget que hoy hemos desarrollado son los siguientes:

Style.css

Body
{
width:158px;
height:105px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image:url('../rss.gif');
}

Gadget.xml

<gadget>
<name>Mapa de Visitas</name>
<namespace>Namespace.Ejemplo</namespace>
<version>1.0</version>
<author name="jacalles">
<info url="http://elblogdecalles.blogspot.com" />
<logo src="wallpaper.png"/>
</author>
<copyright>2010</copyright>
<description>Gadget que muestra el Mapa de Visitas de elblogdecalles.blogspot.com</description>
<icons>
<icon height="48" width="48" src="wallpaper.png" />
</icons>
<hosts>
<host name="sidebar">
<base type="HTML" src="rss.html" />
<permissions>full</permissions>
<platform minPlatformVersion="1.0" />
<defaultImage src="wallpaper.png" />
</host>
</hosts>
</gadget>

Código HTML

<html>

<head>

<title>Mapa</title>

<link rel="stylesheet" type="text/css" href="css/style.css">

<center>

<a href="http://www3.clustrmaps.com/counter/maps.php?url=http://elblogdecalles.blogspot.com" id="clustrMapsLink"><img src="http://www3.clustrmaps.com/counter/index2.php?url=http://elblogdecalles.blogspot.com" style='border:0px;' alt='Locations of visitors to this page' title='Locations of visitors to this page' id='clustrMapsImg' onerror='this.onerror=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com';" /></a>

</center>

</head>

<body>

</body>

</html>

El resultado final lo podéis ver a continuación:

Espero seguiros animando en el desarrollo de gadgets para Windows Vista y 7, son bastante sencillos si se tiene algún conocimiento de programación, y muy polivalentes para tener ciertos elementos de uso cotidiano a mano.

saludos!

Creación e instalación de módulos para Internet Information Services 7 (parte II)

Juan Antonio — Fri, 30 Oct 2009 12:24:00 GMT

En el post de hoy vamos a continuar con la cadena de post en los que voy a explicaros los aspectos básicos sobre la programación de módulos para IIS7, que comenzamos el pasado día explicando que era IIS7 y comentando el lenguaje y el entorno de programación necesarios para el desarrollo:

http://www.windowstecnico.com/archive/2009/10/27/creaci-243-n-e-instalaci-243-n-de-m-243-dulos-para-internet-information-services-7-parte-i.aspx

Tras conocer un poco mas sobre el entorno, el siguiente paso será plantearnos: ¿Qué queremos hacer con un módulo en el IIS?. Para aclararos un poco mas esta pregunta os voy a describir los dos tipos de módulos que podemos programar en IIS7:

Módulos de IIS7

En IIS7 podremos instalar 2 tipos de módulos programados por nosotros, en primer lugar podremos crear módulos gráficos, que cuentan con una interfaz gráfica para realizar configuraciones en el IIS y en segundo lugar podremos programar módulos manejadores, que crean un manejador que se encuentra en todo momento escuchando todas las peticiones que llegan al servidor y cuando interceptan una nos permiten acceder a dicha petición y modificarla.

Creación e instalación de un módulo filtrador de peticiones para IIS7

Hoy os voy ha enseñar a programar el 2º de los módulos que antes comentamos, el módulo manejador, y crearemos el ejemplo mas sencillo de módulo, que simplemente interceptará una petición web, y le devolverá al cliente que la realizó la página solicitada pero con una cadena de texto al final.

Instalaciones necesarias:

Para la implementación necesitaremos los siguientes elementos:

1. Microsoft Server 2008, Microsoft Server 2008 R2, Windows Vista o Windows 7

2. Visual Studio 2005-2008

3. IIS 7

4. Asistente para creación de módulos: IIS7 Managed Module Starter Kit que ha producido el IISTeam, y que proporcionará el esqueleto del módulo para el IIS, se puede descargar desde:

http://www.iis.net/downloads/default.aspx?tabid=34&i=1302&g=6

Construcción del módulo:

Tras haber instalado el IIS7 Managed Module Starter Kit, cuando se crea un nuevo proyecto se puede ver como se ha añadido una nueva opción:

La seleccionamos, le damos un nombre, una ubicación y aceptamos. Inmediatamente después se nos abrirá una ventana donde nos resumen el contenido del asistente. Hacemos doble clic en el explorador de soluciones en el fichero MyModule.cs, que modificaremos dependiendo de las necesidades que tengamos en nuestro módulo. Se nos abrirá la ventana con el código del fichero, si expandimos las partes de código minimizadas, nos aparecerá lo siguiente:

using System;

using System.Collections.Generic;

using System.Text;

using System.Web;

namespace MyIIS7Modules

{

/// <summary>

/// The module class.

/// </summary>

public class MyModule : IHttpModule

{

#region IHttpModule Members

/// <summary>

/// Initializes the module, and registers for application events.

/// </summary>

/// <param name="application">

/// The System.Web.HttpApplication instance exposing application events.

/// </param>

public void Init(HttpApplication application)

{

// register for the PreRequestHandlerExecute event:

application.PreRequestHandlerExecute += new EventHandler(OnPreRequestHandlerExecute);

// TODO: add additional application event handlers here

}

/// <summary>

/// Disposes of the resources (other than memory) used by the module.

/// </summary>

public void Dispose()

{

}

#endregion

#region Module Event Handlers

public void OnPreRequestHandlerExecute(Object source, EventArgs e)

{

HttpApplication app = (HttpApplication)source;

HttpContext context = app.Context;

// TODO: implement module functionality here

}

#endregion

}

}

En este fichero debemos hacer 3 modificaciones:

1. Vaciamos todo el contenido de la función “Init”, y añadimos la siguiente línea que nos añadirá el evento manejador:

application.EndRequest += new EventHandler(application_EndRequest);

2. Eliminamos la siguiente función, que no necesitamos para nuestro módulo:

public void OnPreRequestHandlerExecute(Object source, EventArgs e)

{

HttpApplication app = (HttpApplication)source;

HttpContext context = app.Context;

// TODO: implement module functionality here

}

3. Añadimos la siguiente función. En la parte comentada que pone “AÑADIMOS NUESTRO CÓDIGO” es donde deberemos programar las acciones que realizará nuestro módulo, por ejemplo, añadir una línea nueva a todas las peticiones HTML que le llegan al servidor, filtrar su contenido, borrado de comentarios… Para este ejemplo, vamos a añadir una nueva línea de texto, que salga en todas las páginas web que devuelva nuestro servidor a los usuarios. Para ello simplemente llamamos al objeto context y le indicamos que en la respuesta añadiremos un bloque de texto:

void application_EndRequest(object sender, EventArgs e)

{

HttpApplication application = (HttpApplication)sender;

HttpContext context = application.Context;

//AÑADIMOS NUESTRO CÓDIGO

context.Response.Write(“Página modificada por www.windowstecnico.com”);

}

Una vez construido nuestro módulo debemos hacer 2 cosas:

1.) Tenemos que firmar nuestra librería .dll que hemos generado, para ello hacemos doble clic en el explorador de soluciones en la etiqueta “properties” y nos vamos a la pestaña “firma”, marcamos la casilla “firmar el ensamblado” y en seleccionar un archivo de clave de nombre seguro le damos a :

Le asignamos un nombre, por ejemplo, key.snk y desmarcamos la casilla de proteger con contraseña. Con esto ya tenemos nuestra .dll firmada:

2.) Tenemos que añadir un pequeño script, que nos enviará nuestra .dll firmada a la carpeta de ensamblados que se encuentra en la ruta C:\Windows\assembly, desde donde el IIS la recogerá para poder agregarla finalmente cómo modulo. Para ello, sin salirnos de la ventana “properties” nos vamos a la pestaña “Eventos de generación”, y en el cuadro “línea de comandos del evento posterior a la generación” incluimos el siguiente script si estáis usando Visual Studio 2005:

CALL "%VS80COMNTOOLS%\vsvars32.bat" > NULL

gacutil.exe /if "$(TargetPath)"

ó el siguiente si se está usando Visual Studio 2008:

CALL "%VS90COMNTOOLS%\vsvars32.bat" > NULL

gacutil.exe /if "$(TargetPath)"

Quedando finalmente lo siguiente:

Configuración del IIS:

1. Tras ejecutarse los scripts ya tendremos nuestra .dll firmada en la carpeta C:\Windows\assembly y lista para agregarla como modulo (en caso de tener la .dll aparte, bien porque la hemos generado desde otro PC o porque estamos probando una que no hemos generado nosotros, nos bastará con copiar la .dll a esta misma carpeta, seguramente tengamos que aumentar las permisos de esta carpeta antes). Tras esto nos vamos al Administrador de Internet Information Services y hacemos doble clic en el icono “módulos”:

Vamos a la opción “agregar modulo administrado”:

En tipo, en el desplegable, seleccionamos nuestro módulo, y le damos un nombre cualquiera:

Una vez hecho esto, si abrimos un sitio web alojado en el IIS, debería estar funcionando nuestro módulo y mostrarnos en las páginas web la línea de texto que le indicamos:

Espero que os haya gustado el post y que os animéis a programar vuestros propios módulos, y recordad que lo mas importante es tener una buena idea y pensar que todo es programable, solo hacen falta las fuentes de información adecuadas :), el próximo día os hablaré sobre la programación de módulos con interfaz gráfica.

saludos!!

Creación e instalación de módulos para Internet Information Services 7 (parte I)

Juan Antonio — Tue, 27 Oct 2009 08:07:00 GMT

En el post de hoy vamos a comenzar una cadena de posts sobre IIS7, en concreto me gustaría hablaros sobre donde se prolongan sus límites mediante programación.

Este será el primero de tres post, en los que comentaré desde el principio hasta el final como implementar un nuevo módulo para IIS7 desde 0, que haga lo que vosotros queráis, desde captar una simple petición web que haga algún usuario al servidor, y modificarla a vuestro antojo, a sustituírsela por otro documento, añadirle scripts, lo que vosotros queráis, la imaginación pondrá el límite en esta tarea.

En este, que será el primer post, os voy a introducir en la materia y daros un poco de información sobre el tema empezando por el principio de los tiempos.

¿Que es IIS7?

IIS7 es el servidor que llevan incorporadas las últimas versiones de los sistemas operativos Windows, en concreto IIS 7.0 en las versiones de Windows Vista y Microsoft Server 2008 e IIS 7.5 en su nueva versión para Windows 7 y Microsoft Server 2008 R2. Para los expertos en el tema sabréis que IIS7 se ha visto mejorado con respecto a IIS6 en numerosos aspectos, entre los que destaca la seguridad y sobre todo su aspecto y simplicidad, y es en este último en el que Microsoft puede estar bien orgullosa, porque navegar por el menú gráfico del IIS7 es un verdadero placer:

IIS7 también destaca por su sencillez de configuración, en gran parte conseguido por su interface.

Además, IIS7 ha sido diseñado pensando en los desarrolladores, facilitándoles Starters Kits para la implementación de extensiones para añadirles más características. Para estos últimos también posee un sistema de diagnóstico en tiempo de ejecución, muy útil a la hora de depurar, que ofrece información sobre que peticiones están ejecutándose actualmente, cuánto tiempo llevan ejecutándose, que URLs están siendo invocadas, que cliente las invoca, y cuál es su estado actual. Un verdadero gustazo.

Ahora que ya sabéis un poco más sobre IIS7, a instalarlo!, tenéis un sencillo manual sobre su instalación en el siguiente link:

http://learn.iis.net/page.aspx/28/installing-iis-70-on-windows-vista/

¿En qué lenguaje programaremos los módulos para IIS7?

Una vez instalado IIS7, y nos hayamos familiarizado con el entorno, comenzaremos a programar nuestro primer módulo. Los módulos para IIS7 los programaremos en C#, en .NET por supuesto :), así que ir preparando el Visual Studio (2005 o 2008), que el próximo día daremos caña al compilador.

En el próximo post, os comentaré como programar vuestro primer módulo, en él, os enseñaré a crear una extensión para el servidor que capture todas las peticiones web que realicen los usuarios al servidor y a modificarles las páginas solicitadas, añadiéndoles una línea de texto al final de la página antes de devolvérsela al usuario. Un ejemplo muy sencillo, pero con el que veréis claramente, que se puede hacer casi cualquier cosa en el servidor desde un simple módulo del IIS.

Saludos!

Creación de un gadget para la Sidebar de Windows II

Juan Antonio — Tue, 30 Jun 2009 13:20:00 GMT

Hace unos meses publiqué un post en el que expliqué como programar e instalar un gadget para la Sidebar de Windows Vista. Dado el éxito que tuvo, he decidido realizar otro post, programando otro gadget, pero esta vez para Windows 7:

http://www.windowstecnico.com/archive/2009/04/05/creaci-243-n-de-un-gadget-para-la-sidebar-de-windows.aspx

¿Qué diferencias hay entre programar un gadget para Vista o 7?

En la etapa de programación no hay ninguna diferencia. El único punto donde varía el proceso es durante la instalación, ya que como sabrán los usuarios que han tenido la oportunidad de probar las betas de Windows 7, en el nuevo sistema operativo no hay una sidebar como tal, sino que los gadgets podrán ser colocados por el escritorio en cualquier lugar. Aún así la tarea es bastante sencilla.

Creación del gadget

Como antes comenté el proceso de programación del gadget para Windows 7 es exactamente el mismo que para Vista y se basa en la estructura que tenéis en el post anterior:

· Documento XML de manifiesto

· Documento HTML

· Documento HTML de configuración

· Imágenes

· Fichero js

· Hojas de Estilo CSS

Para el nuevo gadget he decidido realizar un pequeño programa que convierta un símbolo a su equivalente ASCII, al igual que le ocurrirá a muchos desarrolladores o usuarios como a mí, de vez en cuando nos toca buscar por internet una tabla ASCII para ver un símbolo concreto, por lo que nunca está de más tener un convertidor a mano.

Ya que el proceso completo lo tenéis indicado en el primer post, voy a omitir toda la parte común y voy a ir directo al apartado de la generación del fichero HTML, que es el que ejecutará y contendrá los elementos de nuestro programa:

<html>

<head>

<title>ascii</title>

</head>

</form>

function ascii()

{

var x = document.box.box2.value;

document.box.box2.value = x.charCodeAt(0);

}

</script>

</center>

</body>

</html>

Cómo veis el código es bastante sencillo, simplemente tendremos un cuadro de texto, en el que escribiremos un símbolo, y un botón, que cada vez que sea pulsado ejecutará la función “ascii”, que se encargará de sustituir el símbolo inicial en el cuadro por su equivalente ascii.

Para modificarle el aspecto visual, he creado un nuevo fondo de pantalla con un editor de imágenes.

Tras finalizar el proceso, deberíais tener lo siguiente:

Al igual que en Windows Vista, en Windows 7 los gadget se almacenan en la ruta:

C:\Program Files\Windows Sidebar\Gadgets

Por lo que en ese lugar será donde debéis dejar la carpeta raíz del gadget con todos los elementos que la contienen.

Una vez agregada la carpeta iremos al escritorio. Haremos click derecho con el ratón y pulsaremos en la opción “gadget”. Se nos abrirá la siguiente ventana, en la que podremos ver nuestro nuevo gadget con la descripción que escribimos en el fichero XML de configuración.

Si hacemos doble click sobre el icono del gadget, nos aparecerá en el escritorio, donde podremos colocarlo en cualquier lugar:

Crear gadget para la Sidebar de Windows 7

Juan Antonio — Sun, 05 Apr 2009 05:18:00 GMT

En la pasada entrada sobre la tecnología SideShow de Microsoft os comentaba el poder que tenían los gadget como elemento de comunicación con el PC, pero lo que no os comenté es que estos gadget además de ser descargables gratuitamente desde la página de Microsoft habilitada al uso, también pueden ser creados por cualquier usuario con unos conocimientos mínimos de programación web, consiguiendo de esta manera romper los límites que pudiese tener esta tecnología.

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 nos bastará 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 las posibilidades 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 la Sidebar, 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 una estructura 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ámetros configurables, 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 del autor, 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.

Fichero js: 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 ella el 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\Windows Sidebar\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 nuevo deberéis sustituir i64clock, por el nombre de vuestro gadget.

Fichero XML: con el nombre gadget.xml, es muy importante que este fichero se llame de esta manera exactamente para ser reconocido por la sidebar, su contenido que comentaremos más tarde, es una estructura común en todos los ficheros del resto de gadget, por lo que no necesitaremos programar directamente en XML, simplemente modificarlo mínimamente.

Imágenes: agregaremos a la carpeta toda las imágenes, en caso de que queramos tener todo más ordenado, podremos crearnos una carpeta interna donde almacenarlas, pero tenemos que tener en cuenta que a la hora de enlazarlas en el fichero XML, ya no estarán en la carpeta Raíz, y por tanto deberemos definirle la ruta de la subcarpeta.

Fichero de estilo CSS: finalmente crearemos el fichero style.css, con el mismo nombre indicado, nosotros hemos decidido alojarlo en una subcarpeta a la que hemos llamado CSS.

Una vez creados todos los ficheros tendréis algo cómo lo siguiente:

Ahora procederemos a rellenar los ficheros HTML, XML y CSS.

En primer lugar vamos a definir las características de nuestro gadget desde el fichero XML, para ello deberéis copiar el siguiente código tal cual, y modificar las partes seleccionadas por vuestros datos y los de vuestro gadget:

<?xml version="1.0" encoding="utf-8" ?>

<name>i64 Clock</name>

<namespace>Namespace.Ejemplo</namespace>

</author>

<description>El gadget i64clock muestra un reloj digital en la Sidebar</description>

<icons>

</icons>

<hosts>

</host>

</hosts>

</gadget>

Cómo veis en el fichero, en primer lugar deberemos definir el nombre de nuestro gadget:

<name>i64 Clock</name>

Después agregaremos información del autor: nombre, web y logo.

</author>

Tras ello añadimos la frase que se mostrará en el menú de instalación de los gadget en la que contaremos la utilidad de nuestro gadget y el icono que lo representará:

<description>El gadget i64clock muestra un reloj digital en la Sidebar</description>

Finalmente le enlazamos el fichero HTML donde tenemos toda la funcionalidad de nuestro gadget y la imagen que utilizará cómo fondo:

</host>

El resultado cuando accedemos al menú de inserción de gadget será el siguiente:

Una vez definido el fichero XML, vamos a configurar la hoja de estilo CSS, para ello abrimos el fichero style.css, y añadimos el siguiente código:

Body

{

width:135px;

height:100px;

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

background-image:url('../i64.gif');

}

En este punto definiremos los tamaños, márgenes y fondo principal de nuestro gadget, es muy importante que tengáis en cuenta que el ancho de vuestro gadget debe ser cómo máximo el de la sidebar. Además le hemos dado margen 0 en todos sus lados para aprovechar al máximo el tamaño del gadget.

Finalmente nos queda programar la funcionalidad del gadget en el fichero HTML, y opcionalmente en caso de que queramos sacar las funciones JavaScript fuera del propio fichero HTML, en un fichero JavaScript.

En este punto es muy importante echarle imaginación, ya que las posibilidades de programación de gadgets son infinitas, para el caso de que queráis hacer un reloj digital como nosotros, debéis copiar el siguiente código:

<html>

<head>

<title>i64 clock</title>

<link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<br/>

</form>

function func_reloj()

{

var d=new Date()

var hours=d.getHours()

var minutes=d.getMinutes()

var seconds=d.getSeconds()

if (hours>=12)

{

if (hours>=13)

hours-=12

}

if (minutes<10)

minutes="0"+minutes

if (seconds<10)

seconds="0"+seconds

var t

if (hours<10)

{

t="0"+hours+":"+minutes+":"+seconds

}

else

{

t=hours+":"+minutes+":"+seconds

}

document.time.time2.value=t

setTimeout("func_reloj()",1000)

}

func_reloj()

</script>

</center>

</body

Es muy importante que añadáis en vuestro fichero HTML la línea siguiente (que hemos destacado en el código), ya que será la llamada al fichero style.css donde antes le indicamos el tamaño y forma de nuestro gadget:

<link rel="stylesheet" type="text/css" href="css/style.css">

Cómo podéis ver nuestro código HTML se basa en una sencilla función JavaScript automatizada cada segundo, que llama periódicamente a las funciones getMinutes, getHours y getSeconds, para obtener la hora actual, y la muestra por pantalla en un input al que le hemos dado un fondo transparente para que se pueda ver solo la hora sobre el fondo de nuestro gadget. El resultado es el siguiente:

Básicamente, esto es todo lo que necesitareis saber para iniciaros en el mundo de la programación de gadget para Windows, si os interesa este mundillo, Microsoft tiene un foro y una página donde cuentan un poco sobre el desarrollo de gadget, y desde la que podréis compartir vuestros propios gadget con el resto de usuarios, la web es la siguiente:

http://gallery.live.com/devcenter.aspx

Ahora solo queda animaros, echarle imaginación y comenzar a programaros vuestros propios gadget, espero que os haya gustado el post y os animéis a compartir vuestras aplicaciones para la Sidebar con el resto de usuarios, para dar ejemplo aquí os dejo la captura de un segundo gadget que he programado, y que consta de una calculadora decimal cuya interfaz se complementa con la de nuestro reloj:

Si quieres aprender mucho más sobre los secretos de lo sistemas Microsoft Windows, os recomendamos leer el libro de Sergio de los Santos "Máxima Seguridad en Windows: Secretos Técnicos" y, por último, te recordamos que si te ha gustado el artículo puedes suscribirte al Canal RSS de Windows Técnico para estar al día de las novedades e información técnica de interés.

SUA - Subsystem for Unix-Based Applications en WIndows

Manuel Fernandez — Thu, 26 Mar 2009 09:54:00 GMT

¿Que es SUA?, Se trata de una característica poco conocida pero realmente importante y útil para los administradores y desarrolladores unix. Consiste en un subsistema para la compilación y ejecución de aplicaciones basadas en Unix, de manera totalmente interoperable con Windows. Es la evolución de Interix (un subsistema que se incluía anteriormente con "windows services for unix 3.5").

Una de las ventajas que ofrece SUA frente a otros emuladores como Cygwin, es que este interactúa directamente con el kernel de Windows, por lo que es mucho más rapido que otros emuladores. Esto hace que SUA se convierta en una excelente plataforma a la hora de migrar aplicaciones a Windows. La instalación es sencilla, unicamente hay que activar la característica de "Subsystem for Unix-Based Applications", accediendo desde "Panel de control -> agregar programas o quitar programas -> Activar/Desactivar características de Windows"

Una vez activado, nos pedirá que descargemos el SDK y algunas utilidades para el subsistema. Tiene un tamaño aproximado de 470Mb, y puede ser descargado desde http://www.microsoft.com/downloads/details.aspx?familyid=93ff2201-325e-487f-a398-efde5758c47f&displaylang=en

Los componentes que incorpora son los siguientes:

                - Utilidades base
                - Utilidades SVR-5
                - Base SDK
                - GNU SDK
                - Utilidades GNU
                - UNIX Perl
                - Debugger Visual Studio

Una vez instalado, podemos acceder a dos tipos de shell, Korn (ejecutando posix.exe /u /c /bin/ksh -l) y C shell (ejecutando posix.exe /u /c /bin/csh -l).

Como hemos visto, tenemos ante nosotros una potente herramienta, la cual podremos usar para la migración de aplicaciones, desarrollo de aplicaciones, o cualquier otro uso. Si quieres aprender mucho más sobre los secretos de lo sistemas Microsoft Windows, deberías leer el libro de Sergio de los Santos "Máxima Seguridad en Windows: Secretos Técnicos" y, por último, te recordamos que si te ha gustado el artículo puedes suscribirte al Canal RSS de Windows Técnico para estar al día de las novedades e información técnica de interés.

Un saludo