Introducción a la tecnología silverlight, conceptos básicos de XAML y manejo de eventos con código manejado.
Al desarrollar aplicaciones web la problemática ha sido siempre incluir video de manera fácil y sin preocuparnos del tamaño de los mismos, esto era casi imposible, ya que en la práctica unos pocos segundos de vídeo con sonido puede representar un fichero de varios MB. Silverlight soporta el manejo rápido y eficiente de video de alta calidad en los principales navegadores que corren en Mac OS o Windows.
Esta tecnología de Microsoft permite el desarrollo de aplicaciones interactivas en ambiente web con contenido rico en animaciones, video, audio e imágenes; para múltiples plataformas de sistemas operativos (Windows, Macintosh y Linux a través de Moonlight), también tendrá versión para móviles iniciando con los S60 de Nokia.
Tiene una integración nativa de DRM y está basado en XML, lo que se traduce en una indexación más rápida y sencilla para los buscadores.
Versiones Silverlight
Actualmente existen las siguientes versiones de Silverlight:
Silverlight 1.0: Versión que soporta solamente Javascript como lenguaje de programación.
Silverlight 2 (antes conocida como 1.1): Permite desarrollar aplicaciones usando los lenguajes (Visual Basic, Visual C#, IronRuby, Ironpython), esta versión tiene licencia Go Live.
Silverlight usa una porción de la funcionalidad de XAML (eXtensible Application Markup Language); que es un lenguaje declarativo basado en XML, optimizado para escribir interfaces visuales y ricas desde el punto de vista grafico, fue diseñado para trabajar con Windows Presentation Foundation (WPF).
WPF/Everywhere (como se conoció en sus inicios a Silverlight), facilita el desarrollo de aplicaciones , permitiendo que un diseñador pueda crear un documento XAML que contenga gráficos, animaciones y escalas de tiempo y, por otra parte, un desarrollador puede adjuntar esta interfaz grafica a un proyecto e implementar su funcionalidad.
Para crear aplicaciones con Silverlight 2 necesitamos el siguiente ambiente de desarrollo:
Microsoft Visual Studio 2008 RTM : Permite debugging de aplicaciones silverlight e integración con Expression Blend.
Microsoft Silverlight 2 Software Development Kit Beta 1: Provee las librerías, documentación y ejemplos para desarrollar aplicaciones.
Microsoft Silverlight Tools Beta 1 for Visual Studio 2008: Incluye entre otras cosas plantillas de proyectos para Visual Basic y C#, Intellisense ,así como la integración con Expression Blend.
Para presentar las aplicaciones desarrolladas solo es necesario instalar en la maquina cliente Silverlight Rumtime.
En cuanto a seguridad de las aplicaciones creadas con silverlight, todas corren en un ambiente controlado, similar al HTMLDOM sandbox, es decir la aplicación no tiene privilegio para trabajar como administrador en el sistema o accesar a información que no forme parte de la aplicación.
XAML pone a nuestra disposición etiquetas para crear formas básicas, brushes , animaciones, transformaciones, entre otros.
A continuación se describen algunas etiquetas basicas:
ETIQUETAS Y ATRIBUTOS BASICOS DE XAML
<Canvas>
Es una superficie de dibujo, que define un área en la que pueden colocarse otros elementos.
<TextBlock >
Permite insertar texto.
Para mostrar música y video
<Storyboard>
Contiene una o mas animaciones
<TriggerActionCollection>
Usado para manejar animaciónes.
<TransformGroup>
Permite agregar múltiples transformaciones
<Rectangle>
Nos permite crear un rectángulo
<RadialGradientBrush >
Pinta o dibuja con un gradiente radial.
<UserControl >
Control que permite contener otros controles
Atributos propios de objetos: Son propiedades de objetos dentro de XAML, por ejemplo:
<Rectangle Canvas.Left="60" Canvas.Top="60" Width="280" Height="180" Fill="Red" Stroke="Blue" StrokeThickness="10"/>
El código anterior crea un rectángulo con ancho=280, alto=180, relleno=rojo, línea contorno azul y grosor del contorno 10. Todos estos atributos son propios del rectángulo.
Atributos Atachados: No tienen relación con el objeto a que se les asigna. Canvas.Left="60" y Canvas.Top="60", son propiedades del objeto canvas, mas sin embargo se le agregan como atributos al rectángulo, para determinar su posición dentro de la superficie de dibujo (Canvas).
Veremos un ejemplo básico sobre el manejo de eventos:
Iniciamos abriendo Visual Studio 2008 y creamos un nuevo proyecto silverlight.
A parecerá la siguiente ventana
Selecciona en la primera opción, para crear los dos proyectos.
Visual Studio 2008 RTM nos proporciona por medio de sus vistas la posivilidad de editar el codigo XAML y al mismo tiempo visualizar como severa en nuestro navegador.
Solo tenemos que dar clic en las pestañas de cada una de las vistas para tener acceso a ellas, ademas por defecto Visual Studio tiene configurado mostrar ambas vistas, como se muestra en la siguiente figura:
En el explorador de soluciones busca la pagina Default.aspx ,por el momento es la pagina principal de nuestra aplicación, sin embargo, esta página no contiene objetos Silverlight, así que borrala del proyecto.
Para borrarla dirigite al explorador de soluciones ,click derecho sobre la pagina y luego en eliminar.