Agenda Microsoft Silverlight Qué? Por qué? Cómo? Capacidades de Silverlight 2 IU: Gráficos, Transformaciones, Animaciones, Multimedia… Networking y Enlace.

Presentación del tema: "Agenda Microsoft Silverlight Qué? Por qué? Cómo? Capacidades de Silverlight 2 IU: Gráficos, Transformaciones, Animaciones, Multimedia… Networking y Enlace."— Transcripción de la presentación:

1

2 Agenda Microsoft Silverlight Qué? Por qué? Cómo? Capacidades de Silverlight 2 IU: Gráficos, Transformaciones, Animaciones, Multimedia… Networking y Enlace a Datos Otros

3 Qué es Silverlight?Plugin = + +

4 Plugin = + + Multimedia y RIA XAML Silverligh 1.0(Javascript) Silverligh 2.0 (.NET) 1.5Mb for Windows 4.8 Mb for Mac Beta1: 4.3MB

5 Silverlight Roadmap Silverlight V1 salió en Verano 2007 Silverlight V2 5 Marzo: Beta1 (go live no comercial) Ayer salío la Beta 2 Herramientas Saldrán versiones expression y herramientas Visual studio para cada versión Diseñador interactivo a lo largo del año

6 Silverlight 2: Cómo? Desarrollo en.NET (Versión reducida) Multi-lenguaje Últimas innvaciones Alrededor de …. 4MB por ahora Paquetizado y comprimido Herramientas: Microsoft Silverlight Tools Beta 1 for Visual Studio 2008 Expression Blend 2.5 Preview Deep Zoom Composer

7 Colaboración Diseñador/Desarrollador

8

9 XAML <Button Style="{StaticResource Enviar}" x:Name="button" MouseLeftButtonDown="Login"/ >

10 Empezando… demo

11 Mapa de Capacidades.NET de Silverlight XAML Networking JSON REST POX RSS Datos LINQXLINQ DLR RubyPython WPF Extensible Controls BCL Generics Collections Host Navegador MS AJAX Library Integración DOM CLR Execution Engine Deploy Instalador Sin fricción Auto Updater Application Services SOAP Presentacion Entrada Teclado RatónTinta Media VC1 WMAMP3 Nucleo IU Imagenes Vectores Texto Animacion Media DRM Media Controles Layout Edición

12 Silverlight 2 Runtime 2D, Gráficos Audio, Video Animaciones Texto, Entrada de Texto* Controles* Layout* Styles/Templates* Data Binding* Networking HTTP/S and Sockets* * Nuevos en Silverlight 2.NET Support* C# and VB.NET* LINQ* XML APIs* Generics* Integración HTML* JSON Serializer Local storage* Crypto APIs (AES)* Threading*

13 Librerías Silverlight 2 SDK Lenguajes Dinámicos * JScript IronRuby IronPython Controles adicionales* LINQ for XML* XML Serialization* Syndication APIs (RSS)* * Nuevos en Silverlight 2

14 Mapa de Capacidades.NET de Silverlight XAML Networking JSON REST POX RSS Datos LINQXLINQ DLR RubyPython WPF Extensible Controls BCL Generics Collections Host Navegador MS AJAX Library Integración DOM CLR Execution Engine Deploy Instalador Sin fricción Auto Updater Application Services SOAP Presentacion Entrada Teclado RatónTinta Media VC1 WMAMP3 Nucleo IU Imagenes Vectores Texto Animacion Media DRM Media Controles Layout Edición

15 Silverlight 2: Interfaz de Usuario Gráficos, Transformaciones, Animaciones… Gráficos 2D Transformaciones Animaciones Entrada: Ratón, teclado y tinta Layout y Controles Multimedia (Vídeo, Audio e Imágenes)

16 Gráficos, Transformaciones, Animaciones y Multimedia demo

17 Silverlight 2: ControlesControles Canvas FileOpenDialog Grid Image ItemsControl MediaElement MultiScaleImage StackPanel TextBox TextBlock Button Popup CheckBox DataGrid DateTimePicker GridSplitter Hyperlink ListBox Calendar RadioButton Slider ToggleButton Tooltip WatermarkTextBox

18 Mapa de Capacidades.NET de Silverlight XAML Datos LINQXLINQ DLR RubyPython WPF Extensible Controls BCL Generics Collections Host Navegador MS AJAX Library Integración DOM CLR Execution Engine Deploy Instalador Sin fricción Auto Updater Application Services Presentacion Entrada Teclado RatónTinta Media VC1 WMAMP3 Nucleo IU Imagenes Vectores Texto Animacion Media DRM Media Controles Layout Edición Networking JSON REST POX RSS SOAP

19 Mejoras en Beta 2 Mejoras en Framework UI Controles ricos nuevos y muchos empaquetados en runtime de SL Networking: Upload en webclient y duplex communications LINQ to JSON y soporte ADO.NET Data Services Mejoras en Deep Zoom

20 2 Managed Code (C#/VB) Silverlight 2: Datos y Networking HTML APIS Mashups Internet Servicios Intranet Existentes Nuevos Servicios creados RSS/Atom Feeds Imagenes Sonidos Vídeos

21 Servicios Remotos autodescriptivos(SOAP 1.1: WCF, ASMX,Java, etc..) Add Service Reference (prox. slsvcutil.exe) Generación de proxy tipado Cross-domain con restricciones Llamada Asíncrona (MetodoAsync, evento MetodoCompleted) Servicios SOAP En Enterprise Nuestros Servicios SQL Server Data Services* (Astoria) Servicios SOAP En Internet Computer-Readable Metadata (e.g. WSDL) Generacion Automática de Proxy WCF Silverlight 2: Datos y Networking

22 Otros Servicios no-autodescriptivos Peticiones HTTP/S o SocketS:Webclient WebClient HttWebRequest Cross-domain Tratamiento de datos de retorno XML: XmlReader/XmlWriter, LINQ to XML, XmlSerializer JSON: JSONSerializer APIs de Sindicacion (Leer y crear feeds como en.NET 3.5) Servicios REST Mashup APIs Web APIs Serivicios JSON Servicios POX Documentación Humana Petición Manual 1. Crear URL 2. Hacer Peticion 3. Trabajar con petición/respuesta (XML o JSON) 1. Crear URL 2. Hacer Peticion 3. Trabajar con petición/respuesta (XML o JSON) Silverlight 2: Datos y Networking

23 Peticiones Cross-domain HTTP o Servicios Por defecto SL no lo permite: SecurityException Habilitado por políticas en sitio web destino Política de Silverlight :clientaccesspolicy.xml Política Adobe Flash: crossdomain.xml Ya lo usan Otra opción: Proxy en el servidor Sockets: En el Sitio de Origen y puertos Restringidos

24 Silverlight 2: Datos y Networking Enlace a Datos Binding de Propiedades Binding de Collection/List {{FileName=Html.html, FileImageUrl=html.jpg}, {FileName=Image.jpg, FileImageUrl=jpg.jpg}}

25 Networking y Enlace a Datos demo

26 Silverlight 2: Personalizacion de IU Separación Presentación Comportamiento Personalización de IU Styling (Styles): Propiedades sencillas (font, color,..) Skinning (Control templates): Sustitución del árbol XAML

27 Estilos y Plantilla de Control demo

28 Silverlight 2: Otras Capacidades Local Storage Integración.NET HTML DOM OpenFileDialog Deep Zoom Controles personalizados: UserControl (XAML fijo) Derivar de Control (xaml generico y código)

29 Algunos Ejemplos de Verdad….

30 ?

31 Recursos http://silverlight.net MIX08: http://www.visitmix.comhttp://www.visitmix.com Blogs: http://blogs.msdn.com/jstegman/ http://blogs.msdn.com/mharsh/ Poster Silverlight

32 © 2007 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS SUMMARY.