Isabel Gómez Miragaya– isabelg@microsoft.com Jose Murillo – josemurl@microsoft.com ISV Developer Evangelists DPE - Mic

1. Isabel Gómez Miragaya– isabelg@microsoft.com Jose Murillo – josemurl@microsoft.com ISV Developer Evangelists DPE - Microsoft Ibérica La Web se vuelve SexySilverlight

2. Arquitectura - ¿Dónde encaja esto? Demos - ¿Qué puedo hacer con esto? Silverlight 1.0 – La Web se pone guapa Silverlight 1.1 – La Web se vuelve sexy Recursos Agenda

3. ¿Por qué Silverlight? • Permitirá crear experiencias Web ricas e interactivas • Gráficos vectoriales, media y animación • Se integra limpiamente en Webs existentes con HTML y Javascript • Multi-browser y multi-plataforma • Descarga de 1.1 Mb actualmente (beta) • Soporte para IE, FireFox y Safari en Windows y Macintosh (Intel and PPC)

4. Escenario 1 – Media • Soporte nativo con codecs para Audio y Video • Audio MP3 y WMA • Video WMV • Video 720 Alta Definición, Pantalla completa y la mejor compresión del mercado • Soporte para descargas de contenido vía peticiones estándar HTTP (funciona con cualquier servidor Web) • Soporte para streaming en vivo • Webcasts, Eventos, etc..

5. Escenario 2 – La Web Guapa • Potente motor de gráficos vectorial • Escalado independiente de la resolución del dispositivo • Sistema de animación flexible • Animación declarativa de cualquier elemento • Basado en XAML permite una gran integración entre el desarrollador y el diseñador a través de sus herramientas • Fácil AJAX scripting con JavaScript

6. Escenario 3 – La Web Sexy (RIA) • Características de una RIA • Despliegue Web multi-plataforma seguro (SandBox) • Experiencia rica mucho más allá de HTML y JavaScript • Lógica cliente significativa – Necesita un entorno productivo • Basado en el modelo de programación del .NET Framework • CLR, databinding, controles

7. Tecnologías de Interface de Usuario Silverlight 1.0 Silverlight 1.1 Cliente Rico Web Standard

8. .NET for Silverlight Silverlight 1.0 y 1.1 Legend Legend V1.1 V1.0 Browser Host WPF Networking MS AJAX Library REST Extensible Controls POX Data DLR RSS BCL JSON Ruby LINQ Python XLINQ DOM Integration SOAP Generics Collections CLR Execution Engine Application Services XAML Deploy Presentation Core UICore Inputs DRM Media FrictionFree Installer Keyboard Mouse Ink Vector Text Controls Media Animation Images Auto Updater Editing Layout WMA MP3 VC1

9. Modelo Diseñador - Programador • Basado en XAML permite una integración sencilla en ambos sentidos

10. Las Herramientas de Diseño • Microsoft® Expression® Studio • Microsoft® Expression® Web • Microsoft® Expression Blend™ • Microsoft® Expression® Design • Microsoft® Expression® Media • Microsoft® Expression® Media Encoder

11. Q&A • ¿Otros dispositivos y plataformas? • Se decidirá en función de la demanda • ¿Silverlight 1.0 y 1.1 Side by Side? • No, la 1.1 incluye a la 1.0 • ¿Es compatible Silverlight 1.1 con WPF? • No binariamente pero el upgrade es trivial

12. AlgunosEjemplos…..

13. Silverlight 1.0 Desarrollo con Javascript

14. Programación en Javascript • Parecido al desarrollo con HTML DOM • Dos vertientes: • Presentación: XAML • Código: Javascript (Silverlight 1.0) • Trucos de AJAX funcionan

15. Diseño y Desarrollo: Herramientas • Developers: • Visual Studio 2005 and Orcas • Firebug • Cualquier editor de texto • Designers • Expression Blend and Design • XAML exporters • Adobe Illustrator, Office (xps), y otros..

16. Componentes Principales de V1.0 • Gráficos 2D • Transformaciones y Animaciones • Entrada: Ratón y teclado • Media (WMV, WMA, MP3) e Imágenes (JPG, PNG) • Texto (estático o “flow”) • HTTP downloader • Parser XAML • JavaScript DOM

17. Demo Desarrollo con Javascript

18. .NET Silverlight Desarrollo con .NET

19. Componentes Principales de V1.1 • .NET Silverlight = • Silverlight 1.0 + • Managed Code (CLR) • Extensibilidad XAML • User Controls (Control Class) • Controles de Ejemplo

20. ¿Qué es aplicación .NET Silverlight? • Una aplicación .NET Silverlight incluye como mínimo: • A fichero html raiz – Típicamente Default.htm • Script de carga - CreateSilverlight.js & Silverlight.js • Un fichero XAML y su assembly - YourApp.xaml & YourApp.dll • Una aplicación .NET Silverlight puede incluir: • Otros assemblies o librerías auxiliares • Recursos de aplicación (p.ej. XAML) en un assembly • Empaquetado • No disponible en la Alpha 1 • Planificado en siguientes versiones

21. Demo Una Aplicación Silverlight .NETModelo de Objetos y EventosCustom ControlsIntegración con HTMLLINQ

22. Otros “features” interesantes • Comunicaciones • BrowserHttpRequest • Web Services (.asmx y .svc) • Depuración en MAC • Dynamic Languages • Javascript, Phyton, Ruby • Application Services • Isolated Storage • Safe File Open

23. ASP .NET Futures • Futura versión de ASP.NET AJAX • Incluye 2 controles de servidor AJAX para integrar Silverlight: • Control Media: Para reproducir vídeo • Control XAML: Para aplicaciones Silverlight (javascript o .NET)

24. Recursos • Todo lo que necesitaréis: • Silverlight V1.1 Alpha • Visual Studio “Orcas” Beta 1 • Silverlight Tools Alpha for Visual Studio "Orcas" Beta 1 • Expression Blend 2 May Preview • ASP.NET Futures • www.silverlight.net

25. Recursos • http://www.microsoft.com/silverlight • http://silverlight.net • http://www.visitmix.com • http://delay.members.winisp.net/SilverlightAirlinesDemo/ • http://weblogs.asp.net/scottgu • http://blogs.msdn.com/hugunin • http://blogs.msdn.com/mharsh • http://www.aisto.com/Roeder/Silverlight