June 2009 - Posts
Introducción
Es muy común que para nuestras aplicaciones Web necesitemos ofrecer a los usuarios la capacidad de subir archivos al servidor por diversas razones: para su posterior procesamiento, respaldo de información, etc. En este artículo veremos cómo en Silverlight esta tarea es sencilla por medio de la clase WebClient.
WebClient.OpenWriteAsync()
La clase WebClient permite una comunicación asíncrona entre el aplicativo Silverlight y algún endpoint que deseemos leer o escribir. Es precisamente por medio de su método OpenWriteAsync por el cual podemos establecer un Stream de escritura para poder grabar en el servidor algún archivo que el usuario seleccione en la aplicación por medio de la caja de diálogo OpenFileDialog. Es de vital importancia el mencionar que Silverlight, al ejecutar bajo un esquema de confianza media (Medium Trust) debido a que corre en un SandBox, no es capaz de acceder el sistema de archivos de la máquina en donde está ejecutando la aplicación, sino solamente a través de la autorización del usuario por medio de la caja de diálogo mencionada.
Bajo estas premisas, desarrollaremos la siguiente solución que demuestra lo siguiente:
En el marco del Festival de Instalación de Internet Explorer 8 que tuvimos el día de hoy en varias ciudades de todo México, quiero detallar la potencia que tienen los Web Slices sobre todo si los usamos con una plataforma RIA como Silverlight.
Pero ¿qué es un Web Slice? Un Web Slice es un fragmento o vista previa de una página que puede mostrarse en una ventana dentro de Internet Explorer 8 sin necesidad de cambiarte de la página en donde estás actualmente. La creación de los Web Slices es bastante sencilla ya que no son más que fragmentos de código HTML que deben implementar ciertas clases de Css específicas, para que el navegador trate ese fragmento como, precisamente, un Web Slice. Estas clases están definidas en la Especificación del Formato de los Web Slices que podemos encontrar en el MSDN y que al tiempo de la publicación de este artículo se encuentra en la versión 0.9.
Las clases más básicas para la construcción de Web Slices son las siguientes:
- hslice: Indica el comienzo de la definición del Web Slice (requerido)
- entry-title: Indica el título para el Web Slice (requerido)
- entry-content: Indica el contenido para el Web Slice (opcional)
- feedurl: Se aplica al atributo rel de un elemento <a> e indica una fuente de dónde podemos tomar información para incluir en el Web Slice (opcional)
- bookmark: Se aplica al atributo rel de un elemento <a> e indica la ruta de navegación al abrir el Web Slice
El siguiente fragmento de código muestra la implementación de un Web Slice simple:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div class="hslice" id="div1">
<div class="entry-title">
Web Slice de Ejemplo
</div>
<div class="entry-content">
<h1>Web Slice</h1>
<p>Fragmento de una página que puede verse en una ventana dentro de Internet Explorer 8</p>
</div>
</div>
</body>
</html>
Hace algunos días tuvimos otra reunión virtual más de La Liga Silverlight. En esa sesión vimos cómo con Silverlight 3 podemos construir fácilmente un reproductor mp3 que incluso corra fuera del navegador gracias a la característica de ejecución Out-Of Browser (OOB) implementada en Silverlight 3.
Para todos aquellos asistentes que nos acompañaron aquí les dejo el url para poder descargar el código fuente que hicimos durante la sesión.
Sentimos mucho por esta ocasión no tener la sesión grabada ya que tuvimos un percance técnico de último momento pero esperemos a que las siguientes sesiones tengan la posibilidad de descargarlas para que las puedan ver posteriormente.
Salu2!
Los esperamos el día de hoy al Festival de Instalación de Internet Explorer 8: la última versión del navegador de Microsoft, el cual incluye nuevas y novedosas características de seguridad, Web Slices, Aceleradores, etc.
En el caso de Guadalajara, Jalisco, los esperamos el día de hoy 16 de Junio a las 17:30 hrs. en la Sala 1 del Centro del Software (Av. López Mateos y Cubilete). En el evento estaremos representantes de las diversas comunidades MSDN presentes en el estado para poder compartir con todos ustedes las ventajas que obtenemos al usar esta nueva versión del navegador.
Los esperamos a todos (as) !!!
Este es un recordatorio para que nos acompañen el día de hoy 10 de Junio a las 7:00p.m. en otra reunión más de La Liga Silverlight con el tema: “Creando un reproductor de mp3 en Silverlight 3”.
En este Web Cast veremos cómo con Silverlight 3 es bastante sencillo crear aplicaciones que hagan uso de multimedios como archivos de audio mp3. Asiste a este evento de La Liga Silverlight: la primer comunidad MSDN en Español acerca de Silverlight y tecnologías relacionadas.
Oradores:
- José Luis Estrada “El Jocho”
- Rodrigo Díaz Concha
Se pueden registrar al Web Cast en esta dirección
Los esperamos! Nos dará mucho gusto tenerlos presentes
Salu2!
Introducción
Otra característica nueva en Silverlight 3 Beta 1, tomada de su hermano mayor WPF son los Diccionarios de Recursos de tipo Merged (mezclados, unidos), o en inglés: Merged Resource Dictionaries; los cuales nos permiten tener de manera desacoplada recursos (por ejemplo estilos) en un archivo por separado. Esto nos ofrece un mecanismo para compartir estilos entre diferentes proyectos de Silverlight, o incluso entre proyectos de Silverlight y proyectos de WPF.
El archivo deberá tener declarado todos y cada uno de los Recursos que deseamos incorporar a ese diccionario, y deberán estar contenidos en un elemento de tipo <ResourceDictionary>. El siguiente fragmento de código Xaml muestra un archivo llamado Estilos.xaml que funge como Diccionario de Recursos:
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
<Style x:Name="estiloBase" TargetType="Shape">
<Setter Property="Width" Value="50" />
<Setter Property="Height" Value="50" />
<Setter Property="Fill" Value="Red" />
<Setter Property="Stroke" Value="Gold" />
<Setter Property="StrokeThickness" Value="5" />
<Setter Property="Margin" Value="5" />
</Style>
<Style x:Name="estiloRectangulo" BasedOn="{StaticResource estiloBase}" TargetType="Rectangle">
<Setter Property="RadiusX" Value="10" />
<Setter Property="RadiusY" Value="10" />
</Style>
</ResourceDictionary>