Una vez definido que es Silverlight sería bueno ver algunos sitios desarrollados alrededor de la web con esta plataforma, así como algunos de sus componentes para conocer las capacidades de Silverlight. Para todos aquellos que inician en cero, partiendo de la idea que no han trabajado con Flash, algunos conceptos serán completamente desconocidos o nuevos, pero la idea de est serie de post dedicados a Expression Estudio es partir de los conceptos básico para ir conociendo juntos las herramintas que nos ofrece Expression Studio.

Recuerda estos puntos antes de  trabajar con Blend:

• Blend no es Flash ni es Blender
• XAML no es Actionscript, Se parecen pero no es lo mismo jojo
• En necesario familiarizarse con el entorno, prueba las herramientas!
• Una aplicación WPF no es lo mismo que un sitio Silverlight
• Será mucho mejor trabajar con ejemplos prácticos antes de profundizar en XAML

Expression Blend es la herramienta designada para la creación de sitios Silverlight con la tecnología y plataforma de Microsoft, es la competencia directa de Adobe Flash para la creación de sitios interactivos. Blender es un programa multiplataforma, dedicado especialmente al modelado y creación de gráficos tridimensionales. Esto no significa que Blend sea indiferente con lo entornos 3d ya que permite la importacón y manipulación de objetos 3d como también existen herraminetas de integración como ZAM 3D que ayudan al desarrollo de entornos tridimensionales.

XAML no es Actionscript Como lo dice fillito en su blog Silverlight está basado en javascript y un formáto propio (que no propietario)  de XML al que han bautizado como XAML (que marca los patrones de las animaciones y comportamiento del objeto), con los que no solo se definirán las acciones, eventos, efectos, etc.. de nuestro Silverlight, sino que serán el canal de comunicación para tener control sobre ellos. Cuando cargamos una aplicación en nuestra web, se genera algo parecido al DOM pero própio de Silverlight, aunque conectado directamente con el DOM real de nuestro navegador a través de una librería js de Microsoft que previamente hemos cargado en la página (asombrósamente, sólo pesa 8kb !!!!)
La ventaja principal sobre Flash desde mi punto de vista, es que toda la comunicación y control sobre la aplicación la realizamos con javascript, lo que facilita inmensamente el desarrollo (a diferencia del actionscript de Flash), y el hecho de que toda la estructura del objeto esté basada en el XAML, nos permitirá desarrollar páginas en nuestro lenguaje preferido (PHP, Ruby, Python, Java,…) y generar dinámicamente estos XAML, lo que nos da unas posibilidades asombrosas.

Familiarizarse con el entorno de trabajo ayuda mucho ya que apesar de tener un parecido similar a Flash tiene muchas diferencias (bibliotecas, timeline, eventos, importación, etc.), los paneles laterales por momentos me recuerdan el entorno de 3d studio max. Es necesario reconocer el area de trabajo y su configuración en sus modalidades de trabajo para la creación de apliacciones WPF y sitios Silverlight. Es aquí donde se vale jugar con todas las herramientas y comportamientos. Una guía en español muy completa que será de mucha utilidad en este paso es la de Everts Garay (Introducción, Área de trabajo, Administrar proyectos, Trabajar con objetos, Dibujo, Apariencia, Texto, 3D, Elementos Multimedia, Diseño, Transformaciones, Animación e interactividad, Controles, Datos, Edición de código y XAML)

Trabajar con ejemplos prácticos  ayudará a reconocer y construir nuestras aplicaciones y sitios en Silverlight, en  mi caso al comenzar a utilizar Blend con el preconcepto de Flash me era dificil realizar algunas animaciones no lineales hasta que comence por los básico. Actualmente hay muchos tutoriales en la red sobre Blend pero no hay que detenerse demasiado en los ejemplos avanzados donde explotan todas las capacidades de esta herramienta. Los ejemplos básicos a veces son muy simples pero de mucha utilidad como cuando me tope con el piloto espacial o el ejemplo de la gallina que cacarea.

Cuando vi algunas de las gráficas y ejemplos sencillos usados en tutoriales para su demostración sabía que podría se mejor,  en ese momento miro la tv y pasaba South Park, Eureka!!. Y es por esto que me propongo a realizar un guía paso a paso en la construcción de una animación en Siverlight centrandome en el personaje de Eric Cartman. Para esto haré uso de Expression Design y así también aprenderemos los conceptos básicos de esta herramientapara la creación del personaje paraluego exportarlo para su utilización en Blend (XAML Silverlight Canvas).

Por el momento les dejo a Eric Cartman, si alguno desea contribuir con los demás personajes para agregarlos a la animación serán bien recibidos. En la próxima entrega profundizaremos en el uso de Design, la exportación y el manejo en Blend.