260 likes | 525 Views
Isabel Gómez Miragaya– isabelg@microsoft.com Jose Murillo – josemurl@microsoft.com ISV Developer Evangelists DPE - Microsoft Ibérica. La Web se vuelve Sexy Silverlight. Arquitectura - ¿Dónde encaja esto? Demos - ¿Qué puedo hacer con esto? Silverlight 1.0 – La Web se pone guapa
E N D
Isabel Gómez Miragaya– isabelg@microsoft.com Jose Murillo – josemurl@microsoft.com ISV Developer Evangelists DPE - Microsoft Ibérica La Web se vuelve SexySilverlight
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
¿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)
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..
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
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
Tecnologías de Interface de Usuario Silverlight 1.0 Silverlight 1.1 Cliente Rico Web Standard
.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
Modelo Diseñador - Programador • Basado en XAML permite una integración sencilla en ambos sentidos
Las Herramientas de Diseño • Microsoft® Expression® Studio • Microsoft® Expression® Web • Microsoft® Expression Blend™ • Microsoft® Expression® Design • Microsoft® Expression® Media • Microsoft® Expression® Media Encoder
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
Silverlight 1.0 Desarrollo con Javascript
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
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..
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
Demo Desarrollo con Javascript
.NET Silverlight Desarrollo con .NET
Componentes Principales de V1.1 • .NET Silverlight = • Silverlight 1.0 + • Managed Code (CLR) • Extensibilidad XAML • User Controls (Control Class) • Controles de Ejemplo
¿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
Demo Una Aplicación Silverlight .NETModelo de Objetos y EventosCustom ControlsIntegración con HTMLLINQ
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
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)
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
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