RIA y Silverlight Ethel García-Simón Matachana Technology Specialist Microsoft Microsoft Ibérica ethel@microsoft.com 1

Introducción a Silverlight Agenda Introducción RIA y la Web 2.0 Introducción a Silverlight Características Arquitectura Versiones Escenarios Diseño con Expression Blend

RIA y la WEB 2.0 3

Características de una RIA Rich Internet Applications (Aplicaciones Ricas de Internet) es un nuevo tipo de aplicación con más ventajas que las tradicionales aplicaciones Web. Esta surge como una combinación de las ventajas que ofrecen las aplicaciones Web y las aplicaciones tradicionales. Despliegue Web Necesidad de una plataforma (ubiquitous) Necesidad de un entorno (virtual) de ejecución seguro. Experiencias de UI ricas más allá de un servidor HTML Necesidad de un modelo de UI eficaz. Aplicación lógica del lado del cliente significante Necesidad de un entorno de desarrollo altamente productivo

Web 2.0 Utilizar el potencial de la web Inmersión de una experiencia de usuario total Poder de la red Interna Externa Software as a service Software + Services

Mapa de tecnologías WPF Silverlight Thick AJAX Thin Tradicional RIA Riqueza y diferenciación sin precedentes Browser / Standalone Alcance Windows XP / Vista Silverlight Thick Subconjunto de WPF Alcance multiplataforma AJAX Mayor interactividad Amplio alcance RIA – Rich internet aplications, termino de gartner Dos ejes son puntos claves, sabemos asociar de forma más facil la riqueza. En el fondo buscamos fidelidad. El concepto es conseguir alcance. ¿donde esta el usuario? Salón, messengerm otros canales… Seguridad = concepto clave para conseguir los ejes, cada vez más. Riqueza = UX, Web 2.0, Interactiva, Inteligencia colectiva, el usuario genera contenido. Evolución de la web y el desktop. Thin Tradicional RIA

ASP.NET AJAX Modelo centrado en cliente Patrones básicos y componentes Framework Técnica Tecnología ASP.NET AJAX AJAX DHTML XML JS HTML CSS Modelo centrado en cliente Patrones básicos y componentes Pila de comunicaciones y enlace de datos Componentes DHTML Modelo centrado en servidor Control Extenders Update Panels

ASP.NET AJAX ASP.NET AJAX v1.0 ASP.NET AJAX ASP.NET AJAX Futuras CTP Core product release 100% Totalmente soportado Por Microsoft Producto Soportado Componente cliente y servidor ASP.NET AJAX Control Toolkit Rica colección de componentes para ASP.NET Ajax Creados y soportados en conjunción de la comunidad Co-Desarrollado con Comunidad ASP.NET AJAX Futuras CTP Lugar para probar novedades y funcionalidad no probadas Actualizado regularmente Rápida innovación y experimentación

UX Microsoft

Introducción a Silverlight 11

Silverlight (WPF/E) Subconjunto de WPF multiplataforma y multinavegador Aplicaciones ricas interactivas Experiencias ricas de media en la web. Basado en el framework .NET Soporte en dispositivos móviles Codificación de alta velocidad de video y streaming (EME) Basado en Standares (VC-1, …) Para desarrolladores y para diseñadores Facilmente integrado con cliente-servidor AJAX Bajo coste de desarrollo y distribución

¿Para qué Silverlight? Permitir un buen diseño, estado del arte de las UI Silverlight 1.0 Experiencias Ricas en media Tamaño de instalación pequeño HTML/JavaScript Silverlight 1.1 Ricas aplicaciones de internet (RIAs) v1.1 == v1.0 + nuevas características y APIs C#, VB, Python, Ruby etc.

Características Silverlight 14

4/1/2017 6:51 PM Características V1.0 Permitir un buen diseño, estado del arte de las UI Silverlight 1.0 Experiencias Ricas en media Tamaño de instalación pequeño (subconjunto de XAML) HTML/JavaScript No manejado, reescrito completamente Descarga de (1,5 MB Aprox) JavaScript DOM Gráficos Vectoriales 2D Animaciones Input: Ratón, Teclado y Tinta Media, Imágenes y texto © 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Características V1.1 Silverlight 1.1 4/1/2017 6:51 PM Características V1.1 Silverlight 1.1 Ricas aplicaciones de internet (RIAs) Código Manejado (CLR) v1.1 == v1.0 + nuevas características y APIs C#, VB, Python, Ruby etc. Extensibilidad XAML, Controles de usuario Data-binding, LINQ Integración AJAX Networking, Servicios Web © 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Media Características Media Descarga progresiva por HTTP Video: WMV V7, V8, V9, VC-1 Audio: WMA V7, V8, V9 (standard), MP3 Múltiples opciones de despliegue de Media Descarga progresiva por HTTP Integracion con Windows Media Server Streaming and fast reconnect HD video Soporte a Media markers y script commands Listas (playlists) del lado de cliente (ASX) Video Brush Ecosistema Extensivo WMV

Escenarios 18

Experiencias web estándar ¿Qué tecnología usar? Ejemplos Web públicas e-Commerce Medios Modelos basados en publicidad Experiencias web estándar Solución: ASP.NET + Atlas Silverlight en “islas” WPF como cliente alternativo

Experiencias Smart Client Diferenciales ¿Qué tecnología usar? Ejemplos Kioskos Media Aplicaciones gráficas Publicidad Experiencias Smart Client Diferenciales Solución: WPF

Experiencias diferenciales independiente de plataforma ¿Qué tecnología usar? Ejemplos Web rica E-Learning Publicidad rica Juegos “informales” Experiencias diferenciales independiente de plataforma Solución: Silverlight

Aplicaciones LOB / Formularios ¿Qué tecnología usar? Ejemplos Entrada de datos compleja Reporting Mantenimientos Aplicaciones LOB / Formularios Solución: WPF WinForms + WPF WinForms

Aplicaciones 23

Expression Blend 24

Resumen Tecnología estratégica de Microsoft Mejora de productividad diseñador / desarrollador Amplio abanico alcance / riqueza 25

Recursos Microsoft Expression www.microsoft.com/expression www.microsoft.com/spain/expression/default.mspx Silverlight http://www.microsoft.com/silverlight/ http://silverlight.net/ http://silverlightdemo.com/ 26

27

Muchas gracias !! ethel@microsoft.com 28