Featured Posts

Diplomado de desarrollo de aplicaciones para Windows Phone 7.1–LatinoaméricaDiplomado de desarrollo de aplicaciones para Windows... Los invito cordialmente a que se inscriban al Diplomado de desarrollo de aplicaciones para Windows Phone 7.1, impulsado por Microsoft México para todo el mundo!  Completamente...

Readmore

Nueva carrera en Microsoft Virtual Academy: Windows Phone 7.1 (Mango)Nueva carrera en Microsoft Virtual Academy: Windows... Tengo el gusto de darles a conocer la disponibilidad de una nueva carrera en el Microsoft Virtual Academy (MVA): La carrera de Windows Phone 7.1 Mango. Esta es la descripción...

Readmore

Nueva carrera en Microsoft Virtual Academy: Silverlight 4Nueva carrera en Microsoft Virtual Academy: Silverlight... ¿Eres estudiante de Microsoft Virtual Academy (MVA)? Tengo el gusto de anunciarles oficialmente el lanzamiento de la nueva carrera de Silverlight 4 para esta plataforma educativa. La...

Readmore

Rodrigo Díaz Concha Rss

Epílogo: Activate 2010 | Bogotá, Colombia

Posted on : 28-04-2010 | By : Rodrigo | In : Comunidades, Conferencias, Eventos, MVP, Silverlight, Silverlight 4, Windows Phone 7

Tags: , , , , , ,

5

El mayor evento para Desarrolladores en Colombia 2010 ocurrió el pasado lunes 26 de abril, en donde tuve el honor de ser invitado como orador para el track de Desarrollo.  Además, el evento cerró con broche de oro con el keynote de Steve Ballmer – CEO de Microsoft y una de las personas más influyentes y carismáticas en el mundo tecnológico.

Steve Ballmer

Rodrigo Díaz Concha

Por mi parte, agradezco a todos(as) por haber asisitido a mi charla “Desarrollo de Experiencias de Usuario Enriquecidas con Silverlight 4”, en donde vimos algunas demostraciones acerca de Silverlight 4, sus características, las herramientas relacionadas, su relación con Windows Phone 7, el emulador de WP7, etc.  También agradezco el apoyo e interés mostrado por Microsoft Colombia para hacer esta sesión posible.

El código fuente de la aplicación que mostré, que se conecta a Twitter y descarga la línea de tiempo del usuario seleccionado la pueden descargar de esta liga.

Gracias a todos y a todas, fue realmente una grata experiencia compartir con ustedes acerca de todos estos temas.  ¡Espero verles muy pronto!

Conferencia: Silverlight 4 en Acción @ Fundación Universitaria Cafam | 26 de Abril 2010

Posted on : 22-04-2010 | By : Rodrigo | In : Conferencias, Eventos, MVP, Silverlight, Silverlight 4, Windows Phone 7

Tags: , , , , , , , ,

2

image

Aprovechando mi visita en la extraordinaria ciudad de Bogotá, Colombia mis buenos amigos de la Comunidad BogotáDotNet nuevamente me han invitado a dar una conferencia acerca de Silverlight el próximo día lunes 26 de Abril a las 18:30 horas, ¡y qué mejor que ahora contamos con la nueva versión 4!  Esta es la información:

Silverlight 4 en Acción

Silverlight 4 ha sido liberado, además Silverlight ha sido establecida como la tecnología para la construcción de soluciones para el próximo Windows Phone 7 ¿ya conoces sus nuevas características?  Acompáñanos en esta sesión 100% práctica y entérate por qué es tan importante y emocionante desarrollar aplicativos en esta moderna plataforma.

Esto será el:

Lunes 26 de Abril 2010

En:

Fundación Universitaria CAFAM

AK 68 # 90 – 88

Bogotá, Colombia

18:30 a 21:00 horas

Silverlight en Acción

Si desean asistir, regístrense por medio del sitio de BogotáDotNet

Los(as) esperamos!  Será un honor estar de nuevo con ustedes :)

Silverlight Tour en Español – Ahora con controles de Telerik!

Posted on : 19-04-2010 | By : Rodrigo | In : General, Noticias, Silverlight Tour Workshop

Tags: , , ,

3

teleriklogoTengo el gusto de informar que tal como sucede con el Silverlight Tour en USA y Canadá, ahora también el Silverlight Tour en Español en asociación con Telerik incluye para cada participante una licencia gratuita de la suite de controles RadControls para Silverlight, los cuales tienen un valor comercial de 999 USD!!!  Cabe mencionar que esta promoción no es acumulable con otras.

SLT_Trans ¿Qué es el Silverlight Tour?  Es un curso de 3 días, de casi 27 horas, acerca de Silverlight 4 y Expression Blend 4.  Si desean aprender a desarrollar aplicaciones robustas con Silverlight 4 es su mejor opción en formación / capacitación, y ahora con la inclusión de los controles de Telerik no hay mejor oferta que esta.  ¡Además recuerden que Silverlight es la plataforma de desarrollo para la próxima generación de dispositivos móviles Windows Phone 7!

Los esperamos en alguno de nuestros cursos alrededor del mundo.

Salu2!

Evento Virtual – La Eficiencia está en tus Manos

Posted on : 19-04-2010 | By : Rodrigo | In : Comunidades, Eventos, Expression Blend, MVP, Silverlight, Silverlight 4, Uncategorized, Visual Studio 2010

Tags: , , , , , , , , ,

0

April 21, 2010

Les invito cordialmente a que participen en el evento virtual “La Eficiencia está en tus Manos” que se llevará a cabo el próximo día 21 de Abril 2010.  En el evento habrá una gran cantidad de sesiones relacionadas con la última generación de productos y tecnologías que Microsoft ha lanzado de manera global.

LaEficiencia1

Fragmento del comunicado de prensa:

El próximo 21 de abril Microsoft Latinoamérica presentará el lanzamiento virtual de Office 2010 y de toda una nueva ola de productos por medio del evento virtual “La eficiencia en tus manos”. Éste será un espacio donde profesionales de TI, desarrolladores y usuarios podrán conocer los detalles de los nuevos lanzamientos de Microsoft en Latinoamérica, entre los que se encuentran: Office 2010, SharePoint 2010, Visual Studio 2010, SQL Server 2008 R2, Silverlight 4, .NET  Framework 4, Expression 4, Windows Azure, SQL Azure y Microsoft Online Services. Algunos de estos productos representan la nueva generación de servicios “en la nube” de Microsoft.

Por mi parte estaré colaborando en sesiones de preguntas y respuestas en vivo acerca de Silverlight 4 y Expression Blend 4 en los siguientes dos horarios:

  • Primera sesión (México: 9 am, Bogotá: 10 am, Buenos Aires: 12 pm)
  • Segunda sesión (México: 3 pm, Bogotá: 4 pm, Buenos Aires: 6 pm)

Les recuerdo que el evento es totalmente sin costo alguno y es una excelente oportunidad para que resuelvan todas sus dudas acerca de las diferentes tecnologías ahí presentadas!

¡Regístrate ya!

Silverlight 4 – Creación de Temas

Posted on : 18-04-2010 | By : Rodrigo | In : Silverlight, Silverlight 4, Tips

Tags: , , ,

7

Como lo había mencionado en un artículo anterior, Silverlight 4 incluye soporte para Estilos Implícitos, los cuales son estilos que pueden aplicar a todos los elementos y/o controles de un mismo tipo, en vez de estar aplicando el estilo de manera explícita elemento por elemento o control por control.

Gracias a esta característica, podemos crear “Temas” para nuestros aplicativos sin la necesidad de utilizar componentes externos (como la clase ImplicitStyleManager, incluida en el Silverlight Toolkit).  La idea detrás de este concepto es tener Diccionarios de Recursos de tipo Mezclados (Merged), que contengan toda la serie de estilos para los controles de la aplicación y posteriormente aplicar uno u otro Diccionario.  En este artículo mostraré este concepto, para poder construir aplicaciones que incluyan diferentes temas para la Interface de Usuario.

La solución

Iniciaremos creando en Visual Studio .NET 2010 un nuevo proyecto de tipo Silverlight Application, aceptando las opciones predeterminadas.  A este proyecto le pondremos Demo.SL4.Temas.

Diccionarios Mezclados

Los Diccionarios Mezclados (o Merged en inglés) permiten declarar recursos en archivos independientes, para posteriormente reutilizar estos archivos en alguna otra aplicación Silverlight o incluso de WPF.  En nuestra aplicación de ejemplo crearemos dos diccionarios: Rojo.xaml y Azul.xaml.  Cada uno de ellos tendrá los Estilos Implícitos convenientes para cada tema (tonalidades rojizas en Rojo.xaml y azules en Azul.xaml).  Podemos hacer esto por medio de Visual Studio .NET 2010 o con Expression Blend 4; pero con este último tenemos más control así que utilizaremos dicha herramienta.  Para abrir Expression Blend 4 directamente desde Visual Studio .NET 2010 hagamos clic-derecho sobre el archivo MainPage.xaml y seleccionemos la opción “Open in Expression Blend…”:

image

imageYa en Expression Blend, agregaremos dos Diccionarios de Recursos por medio del panel de Proyectos (Projects) y su opción de agregar nuevo elementos, seleccionando la plantilla adecuada y estableciendo los nombres que anteriormente indicamos (Rojo.xaml y Azul.xaml).

En MainPage.xaml voy a agregar una serie de controles básicos de Silverlight, los cuales nos servirán de base para crear los Estilos Implícitos en los Diccionarios de Recursos que acabamos de añadir a nuestro proyecto.  En este ejemplo, voy a agregar solo 7 diferentes tipos de controles tal como lo muestra la siguiente figura:

image

Lo siguiente será la creación de los estilos para cada control.  Esto es sencillo gracias a la opción “Edit Style” del menú Object en Expression Blend:

image 

Para algunos controles, podemos crear un estilo a partir del estilo predeterminado que ya incluyen (opción “Edit a Copy”) o desde cero (opción “Create Empty…”).  El usar uno u otro dependerá de lo que necesitemos según cada proyecto, pero regularmente seleccionaremos la opción de Edit a Copy siempre que esté disponible ya que es la opción más sencilla.

La clave de todo este concepto está en la siguiente caja de diálogo que vemos a continuación:

image

Como podemos observar, la opción para crear un Estilo Implícito está expresada en la opción “Apply to all” en la ventana.  Asimismo, deberemos seleccionar la opción de guardar el estilo en alguno de los Diccionarios de Recursos que agregamos anteriormente a nuestro proyecto.  Esto lo haremos para cada uno de los estilos de los controles que serán incluidos en cada Diccionario.

Es importante resaltar que al haber creado los dos Diccionarios de Recursos en Expression Blend, ambos estarán ligados a la aplicación, a través de App.xaml.  Esto causará que al querer crear un segundo estilo para el mismo control colisionará con el del primer Diccionario.  Esto es solucionado si simplemente quitamos esta liga temporalmente como lo muestra la siguiente figura:

image

Gracias a ello, podemos continuar con el siguiente Diccionario de Recursos sin que cause colisión alguna los estilos entre sí.  Al finalizar la definición de todos los estilos quitaremos ambas ligas de App.xaml, ya que cargaremos cada Diccionario de manera dinámica a través de código.

Asignación Dinámica del Tema

Regresemos a Visual Studio .NET 2010.  Debido a que la propiedad Build Action de los Diccionarios de manera predeterminada es Page, necesitamos cambiarlos a Content, para poder acceder a ellos a través de un Uri sencillo:

image

Posteriormente, definiremos un manejador para el evento Click de los botones disponibles en MainPage.xaml.  En cada manejador implementaremos la funcionalidad de aplicar un tema u otro según el botón seleccionado.  Un ejemplo de código para hacer esto se muestra a continuación:

   1: private void Button_Click(object sender, RoutedEventArgs e)

   2: {

   3:     //Obtiene el nombre del tema relacionado con el botón

   4:     string tema = (sender as Button).Tag.ToString();

   5:  

   6:     //Crea un objeto de tipo ResourceDictionary, referenciando el nombre del Diccionario Mezclado en la aplicación

   7:     var rd = new ResourceDictionary() { Source = new Uri(string.Format("{0}.xaml", tema), UriKind.RelativeOrAbsolute) };

   8:  

   9:     //Borra el Diccionario de Recursos Mezclados para evitar colisiones

  10:     Application.Current.Resources.MergedDictionaries.Clear();

  11:     //Agrega el objeto ResourceDictionary para que aplique todos los Estilos Implícitos automáticamente

  12:     Application.Current.Resources.MergedDictionaries.Add(rd);

  13: }

Como se podrá apreciar en el anterior código, el manejador es usado para ambos botones y cada botón tiene en su propiedad Tag el nombre del tema al que corresponde.  Posteriormente creamos un objeto de tipo ResourceDictionary estableciendo en su propiedad Source el nombre del archivo físico del Diccionario de Recursos en la aplicación, a través del nombre del tema que el botón indica.  Finalmente, lo más importante: agregamos a la colección de Diccionarios de Recursos Mezclados de la Aplicación el objeto ResourceDictionary, y debido a que este contiene la definición de todos los Estilos Implícitos que creamos anteriormente, estos son aplicados de manera inmediata en todos los controles presentes en MainPage.xaml:

image

Cabe mencionar que también podemos agregar estos Diccionarios Mezclados de manera dinámica a los Recursos del UserControl (MainPage.xaml) y no necesariamente a la Aplicación como tal, dependiendo del nivel de visibilidad que deseemos que tengan.

Resumen

Crear Temas para nuestras aplicaciones en Silverlight 4 es una tarea bastante sencilla gracias al concepto de Estilos Implícitos, incluido a partir de esta versión.  La idea básica atrás de este concepto es tener Diccionarios de Recursos Mezclados que puedan ser cargados de manera dinámica vía código.

Pueden ver la aplicación de ejemplo aquí

Pueden descargar el código fuente aquí

Lanzamiento Oficial de Visual Studio .NET 2010 y Silverlight 4

Posted on : 10-04-2010 | By : Rodrigo | In : Eventos, General, Silverlight, Silverlight 4, Visual Studio 2010

Tags: , , , ,

0

April 12, 2010toApril 13, 2010

Channel9Live-VS2010-SL4Estén pendientes los días 12 y 13 de Abril del 2010 (tan solo 2 días) para el lanzamiento oficial de Visual Studio .NET 2010 y Silverlight 4 que se llevarán a cabo durante el evento DevConnections en Las Vegas.

En torno a este importante evento habrán una serie de entrevistas y paneles que sin duda alguna vale la pena que las sigan; el primer día será el día de VS.NET mientras que el segundo día será el de Silverlight 4.  Para mayor información pueden consultar esta página de Channel 9 en donde está la agenda completa para ambos días.  Todo el evento será transmitido en vivo, así que no hay pretexto para asistir aunque sea de manera virtual a esta cita.

Salu2!

El Mayor Evento para Desarrolladores en Colombia 2010

Posted on : 08-04-2010 | By : Rodrigo | In : Conferencias, Eventos, MVP, Silverlight 4, Uncategorized, Visual Studio 2010, Windows Azure, Windows Phone 7

Tags: , , , , , , ,

2

April 26, 2010

image

Tengo el enorme honor de haber sido invitado como orador para el evento {Actívate} 2010: el evento magistral de lanzamiento de Visual Studio .NET 2010 y Windows Azure en Colombia.

Y es doblemente honor ya que seré orador telonero del Keynote de Steve Ballmer: CEO de Microsoft y una de las personas más influyentes de nuestros tiempos.

El evento tendrá diversos tracks tanto para desarrolladores, arquitectos y IT Pros.  Durante mi charla estaré hablando acerca del desarrollo de experiencias de usuario enriquecidas con Silverlight 4, y también cómo Silverlight se ha establecido como la plataforma de desarrollo para el futuro sistema operativo de dispositivos móviles de Microsoft: el Windows Phone 7.  Más que siempre, estoy convencido que no hay nada más emocionante e importante hoy en día para el mundo de desarrollo de software que ser un desarrollador de Silverlight.

Además, estaré regalando un pase para asistir totalmente gratis al Silverlight Tour Workshop en Español que empieza al día siguiente del evento (27 al 29 de Abril).

El evento se llevará a cabo el día 26 de Abril 2010 en:

Hotel Sheraton

Calle 25 B No. 69 C 80
Bogotá, Colombia

Si están por la zona y piensan asistir, les invito cordialmente que se registren por medio del sitio oficial del evento.  También, pueden consultar el post que hizo mi buen amigo WarNov al respecto.

¡Nos vemos en Bogotá!

Agregando más opciones de Formato y Datos de Ejemplo en Expression Blend 4

Posted on : 06-04-2010 | By : Rodrigo | In : Expression Blend, Tips

Tags: , , ,

1

Desde la versión 3, Expression Blend agrega el panel “Data” con el cual podemos agregar fuentes de datos de ejemplo para nuestras aplicaciones de Silverlight para poder ver de antemano cómo se verían los controles al momento de enlazarlos a una fuente de datos en producción, modificar tempranamente las plantillas necesarias de los controles y mejorar la interacción de la aplicación en una etapa inicial, enriqueciendo nuestra experiencia de diseño al momento de definir las Interfaces de Usuario con esta herramienta.

image

De manera predeterminada, Expression Blend incluye los siguientes tipos de dato para las propiedades simples (campos) que definamos:

  • String
  • Boolean
  • Number
  • Image

El tipo de dato String es de particular interés, ya que incluye diversos formatos preestablecidos para cambiar el valor y la manera en la que se presentan dichas cadenas cuando se atan a los controles.  Los formatos que ya incluye Expression Blend son: Lorem ipsum, Address, Colors, Company Name, Date, Email Address, Name, Phone Number, Price, Time, Website URL.

Las preguntas aquí son: ¿de dónde saca Expression Blend esos valores y formatos? ¿se pueden extender o modificar?

La respuesta a la primera pregunta es: en el fólder donde se instala la herramienta podrán encontrar un fólder llamado \SampleDataResources\en\Data, el cual contiene un archivo llamado SampleStrings.csv.  Es este archivo separado por comas en donde encontraremos todos los datos de ejemplo que utiliza Blend (en mi equipo la ruta completa es C:\Program Files (x86)\Microsoft Expression\Blend 4 Beta\SampleDataResources\en\Data\SampleStrings.csv).  Si abrimos este archivo usando por ejemplo Excel, encontraremos la respuesta a la segunda pregunta.

En la misma carpeta podremos encontrar el archivo LoremIpsum.txt.  Este archivo contiene el famoso texto en latín, usado en el desarrollo de aplicaciones para la creación de bloques arbitrarios de texto.

Resulta que si agregamos más columnas y valores a este archivo, estas opciones aparecerán en la lista de formatos de cadenas al momento de crear campos de este tipo.  A continuación muestro el archivo con una nueva columna (Certifications) y valores que agregué en el archivo presente en mi equipo.  Tomen en cuenta que muy probablemente la carpeta esté protegida para escritura, así que una idea sería copiar SampleStrings.csv en el escritorio y posteriormente reemplazar el archivo original con el nuevo.

image

Una vez modificado el archivo original podemos ver el cambio al hacer una fuente de datos de ejemplo:

image

… y los datos funcionando al enlazar la fuente a algún control (en este caso un ListBox):

image

En el caso de las imágenes por defecto que utiliza Expression Blend, las podemos encontrar en el fólder …\SampleDataResources\en\Images, y podríamos modificarlas o incluir más para que las tome de manera automática la herramienta al seleccionar propiedades de tipo Image:

image 

En la siguiente figura se muestra el uso de una nueva fuente de datos que incluye una propiedad simple de tipo String con formato Certifications, y además podemos observar que las imágenes que agregamos en el paso anterior son utilizadas.

image

Tengan cuidado en incluir imágenes de tamaño pequeño, ya que al hacer una fuente de datos de ejemplo, estas serán incluidas en el proyecto de Silverlight y marcadas como Recursos del ensamblado.

Espero que les sea de utilidad.

Salu2!