Silverlight-De que se compone

Bueno, antes de explicarles de que se compone una aplicación silverlight veamos que es lo que necesitamos instalar en nuestro ambiente para crear este tipo de aplicaciones.

• Visual Studio 2008


• Silverlight Tools for Visual Studio 2008 SP1


• Visual Studio 2008 SP1


• Microsoft Expression Blend 2 (Opcional)

Les comento que también pueden utilizar la versión express Visual Web Developer Express with SP1 para desarrollar aplicaciones de silverlight en caso de que no cuenten con visual studio 2008.

Ahora si veamos como podemos crear una aplicación silverlight y de que se compone.

Abrimos visual studio 2008 o en su caso Visual Web Developer Express, damos clic en agregar un nuevo proyecto y seleccionamos de la plantilla "Silverlight" ya sea en visual basic o C# dependiendo de cual sea el caso y finalmente seleccionamos "Silverlight Application". Ingresamos el nombre de nuestra aplicación y la ruta en donde queremos que se guarde.

Les va a pedir que seleccionen en donde quieren que se hostee su aplicación de silverlight, tenemos 3 opciones, la primera es en una pagina html, la segunda es en un ASP.NET Web Application Project y la tercera es en un ASP.NET Web Site. Seleccionamos la tercera opción.Bien, despues de que creamos el proyecto de silverlight analicemos de que se compone este tipo de proyectos. En su explorador de soluciones(Solution Explorer) si se dan cuenta tenemos dos aplicaciones, un ASP.NET Web Site y un Silverlight Application. La primera es donde vamos a hostear nuestra aplicación silverlight y la segunda es todo nuestro proyecto de silverlight. En nuestro segunda proyecto podemos ver que solamente tenemos dos archivos con extension .XAML, pero que es ese tipo de extension? Ok, veamos:

XAML o "Extensible Application Markup Language" es una lenguaje de marcado basado en XML y que se utiliza como lenguaje con el cúal creamos nuestra capa de presentación en aplicaciones Silverlight y Windows Presentation Foundation.

Ok, veamos que también tenemos un archivo App.xaml, este archivo no es mas que nada que nuestro archivo de configuración de nuestra aplicación(¿recuerdan que en ASP.NET tenemos un Web.Config? a pues es algo similar en Silverlight)

Ahora veamos nuestra aplicación ASP.NET. Yo creo que no es necesario que les explique para que es cada archivo, yo creo que cuentan con los conocimientos basicos de este tipo de aplicaciones.

Bien, si se dan cuenta yo le asigne el nombre de "MiPrimeraAplicacionSilverlight" a mi proyecto, en mi asp.net veamos que tenemos un WebForm(.aspx) llamado "MiPrimeraAplicacionSilverlightTestPage.aspx", pero ustedes saben porque el "TestPage"? Bueno, en este WebForm es donde vamos a hostear nuestra aplicación de silverlight, ojo, no es necesario que solamente en ese archivo muestren su aplicación pueden hacerlo en donde ustedes quieran.

Vamos a ver de que se compone:

Ok, veamos como en la parte superior de nuestro WebForm tenemos una referencia a un NameSpace "System.Web.UI.SilverlightControls" y al cual se le agrega un prefijo "asp". Pero se han de preguntar para que? Ok la respuesta es: Este Namespace es un set de controles con los cuales podemos mostrar cosas hechas en silverlight, como por ejemplo: Podemos reproducir un video con un reproductor hecho en silvelright o podemos ver una aplicación en silverlight en un hosteador. Cabe mencionar que solo nos proporcionan dos controles como antes lo dije: un reproductor y un hosteador de aplicaciones silverlight. Es importante que sepan lo siguiente:

Estos controles solamente los podemos utilizar en ASP.NET 3.5, no podemos utilizarlos en la version 2.0. Pero se han de preguntar el como pueden mostrar una aplicación silverlight en un ASP.NET 2.0? Es sencillo y lo explicaré en la siguiente publicación.

Bien, por último si se dan cuenta tenemos un control llamado "silverlight" este control es el que les mencionaba anteriormente y el cual nos sirve para hostear nuestra aplicación, es importante que agreguen un control ScriptManager de Ajax del framework 3.5 ya que sin el la aplicación al momento de correrla nos lanzará un error en tiempo de ejecución diciendo que el control "silvelright" no puede trabajar sin el script manager.

Ahora veamos las propiedades de nuestro control:

• ID: "Identificador de nuestro control"
• runat: "Debe de ser un control de servidor y se le debe de asignar la propiedad server"
• Source: "Ruta donde se encuentra nuestro archivo .XAP(Mas adelante veremos que es este archivo)"
• MininumVersion: "La versión minima de silverlight que correra en nuestra aplicación"
• Width: "Ancho de nuestra aplicación Silverlight"
• Height: "Alto de nuestra aplicación Silverlight"

¿Que es archivo .XAP? <-- Es un archivo que tiene algoritmo similar a los archivos .ZIP, es un archivo comprimido en el cúal vienen todas las librerias necesarias para que nuestra aplicación de silverlight corra sin problemas, hay un punto importante, con el archivo .xap, si lo agregamos a una pagina html comun y corriente sin tener instalado el framework 2.0, 3.5, etc..., podremos ver nuestra aplicación de silverlight sin problemas ya que se maneja como flash, solamente se tiene que bajar un plugin(y este te lo pide silvelright en caso de que detecte que en tu equipo no se encuentra instalado) y listo podremos ver nuestras aplicaciones sin la necesidad de tener instalado algun framework.

En las siguientes entradas haremos un ejemplo sencillo en silverlight.

Espero les sea de mucha utilidad esta información y espero sus comentarios.