Este documento presenta una sesión sobre cómo construir aplicaciones ricas de Internet (RIA) con Microsoft Silverlight 2. Explica los requisitos técnicos, la agenda de la sesión que incluye una visión general de Silverlight, cómo construir una aplicación que obtiene datos XML y los enlaza a la interfaz, y el uso de controles como DeepZoom. El objetivo es aprender a crear aplicaciones Silverlight dinámicas que accedan y muestren datos.

1. Construyendo RIAs (Rich Internet Applications) con Microsoft Silverlight 2 Christian Strevel Director de Servicios de Consultoría http://team.intellekt.ws/blogs/chris/ [email_address]

2. Objetivos de la sesión Aprender a crear Aplicaciones Ricas de Internet (RIA) con Silverlight que accedan datos. Demostrar como ha evolucionado la plataforma y como podemos hacer uso de estas tecnologías para mejorar nuestros desarrollos. Aprender como podemos vincular datos a aplicaciones reales de Silverlight y como podemos apalancar lo que conocemos hoy.

3. Requisitos de la sesión Conocer algo de C# es deseable. Habilidades intermedias de XML. Habilidades intermedias de Javascript. Conocimientos básicos de Visual Studio.

4. Roadmap Visual Studio 2008 Service Pack 1 http://www.microsoft.com/downloads/details.aspx?FamilyId=FBEE1648-7106-44A7-9649-6D9F6D58056E Silverlight Tools for VS 2008 SP1 http://www.microsoft.com/downloads/details.aspx?FamilyId=c22d6a7b-546f-4407-8ef6-d60c8ee221ed&displaylang=en Expression Blend V2 SP1 http://www.microsoft.com/expression/try-it/Default.aspx?filter=servicepacks

5. Agenda Vista General Iniciando con Silverlight Construyendo una aplicación XML Controles DataBinding DeepZoom Preguntas

6. Características de SL 2 Soporte a .NET* C# y VB.NET LINQ* XML APIs* Generics* Integración con HTML * Almacenamiento local* Crypto APIs (AES)* Threading* Accesibilidad mediante UIA* 2D, Gráficas Audio, Video Animaciones Texto, Entrada de Texto * Controles* Layouts* Estilos/Plantillas* Data Binding* Networking HTTP/S y Sockets*

7. Librerías de SL 2 Lenguajes dinámicos* JScript IronRuby IronPython Controles adicionales* LINQ for XML* Serialización de XML * APIs de Sindicación (RSS)*

8. Controles de terceros y personalizados El modelo de programación de .NET nos permite un nivel alto de reusabilidad y componentización dentro de Silverlight Podemos construir elementos XAML y controles Podemos añadir características de WPF como propiedades adjuntas y extender características de los controles existentes Podemos comprar controles de terceros con la aplicación para mejorar o crear nuevos escenarios de desarrollo.

9. Controles de terceros Presentando los controles de Infragistics

10. ¡Hola Mundo! Un clásico no puede ser abandonado…

11. Construyendo una aplicación

12. Construyendo una aplicación 1. Obteniendo los datos Datos que provienen del sitio de origen Datos que provienen de otro dominio (x-domain) Datos que provienen de datos locales

13. Silverlight en caja de arena Silverlight vive en la caja de arena del navegador (sandbox) Los desarrolladores no pueden extender la caja de arena (sandbox) Silverlight se extiende de una manera segura Almacenamiento local (aislado) Parecido a los cookies Diálogo de abrir archivo Sockets Peticiones de x-domain vía HTTP/S Silverlight soporta un sub-conjunto de políticas de Flash

14. Construyendo una aplicación 1. Obteniendo datos Obteniendo los datos desde http://catalogo.video.msn.com Se aseguran mediante un archivo de políticas de Silverlight.

15. Obteniendo datos Creamos una aplicación que obtiene los datos y los muestra

16. Construyendo una aplicación 1. Obteniendo datos 2. Convertir los datos XML a objetos de .NET LINQ to XML XMLReader Serialización XML

17. Convirtiendo XML a objetos Para poderlos consumir desde SL

18. Construyendo una aplicación 1. Obteniendo datos 2. Convertir los datos XML a objetos de .NET 3. Creando la vista maestra

19. Controles de SL 2 Canvas FileOpenDialog Grid Image ItemsControl MediaElement MultiScaleImage StackPanel TextBox TextBlock Button Popup CheckBox ListBox RadioButton Slider ToggleButton Tooltip Hyperlink Calendar* DataGrid* DateTimePicker* GridSplitter* Visor de controles http://silverlight.net/samples/sl2/silverlightcontrols/run/default.html

20. Layout

21. DataBinding

22. DataBinding con plantillas de datos Plantilla de datos: Objeto de .NET: files[] { {FileName=“Html.html”, FileImageUrl=“html.jpg”}, {FileName=“Image.jpg”, FileImageUrl=“jpg.jpg”} } Usando ItemsControl (List Control)

23. Construyendo la vista maestra Usando databinding, layout y plantillas

24. Construyendo una aplicación 1. Obteniendo datos 2. Convertir los datos XML a objetos de .NET 3. Creando la vista maestra 4. Creando la vista de detalles Haciendo un control reutilizable 5. Añadir búsquedas y animaciones

25. Ultimos toques Terminando la aplicación

26. Image Deep Zoom Herramienta de procesamiento nos dá imágenes de 256 x 256 Genera “pirámides” de imágenes en menores resoluciones

27. Deep Zoom? Cuando la imagen esta en el cliente se muestran las imagenes de menor resolución Conforme las imagenes de alta resolución son descargadas nos se van “apareciendo” sobre las de baja

29. Recursos Relacionados Blog de Christian Strevel http://team.intellekt.ws/blogs/chris/ Sitio de Comunidad http://gunet.com.mx Silverlight http://silverlight.net ASP.NET AJAX http://www.asp.net

31. © 2008 Microsoft Corporation. Todos los derechos reservados. Microsoft, Windows, Windows Vista y otros nombres de producto son y pueden ser marcas registradas y registros en Estados Unidos y en otros países. La información contenida en el presente es sólo para fines informativos y representa la visión actual de Microsoft Corporation a la fecha de esta presentación. Debido a que Microsoft debe responder a las cambiantes condiciones del mercado, no se debe interpretar como un compromiso por parte de Microsoft, y Microsoft no puede garantizar la precisión de ninguna información provista después de la fecha de esta presentación. MICROSOFT NO OFRECE GARANTÍA ALGUNA, EXPRESA, IMPLÍCITA O DE LEY, RESPECTO A LA INFORMACIÓN EN ESTA PRESENTACIÓN.