RIA y Silverlight

Ethel García-Simón MatachanaTechnology Specialist Microsoft

Microsoft Ibéricaethel@microsoft.com

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

Características de una RIA

• 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

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.

people

Software That Gets Better The More People Use it

Hard to Recreate Data

Enrichment & Annotation

Copyrighted & IP Content

Unique Formulas

FaceHTML, Ajax,

Flash, etc.

Services(API)

RSS, REST,SOAP, etc.

World-Wide Web

http

http

Web 2.0http http

mash-up

blogswikis

VOIP

podcastingfiltering

sharing

social searchcollaboration

socialbookmarking

RIAs

Ajax

SSE

RoR

BitTorrentKatrinaList

WikipediaSkype

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

• Mayor interactividad• Amplio alcance

• Riqueza y diferenciación sin precedentes

• Browser / Standalone• Alcance Windows XP / Vista

• Subconjunto de WPF• Alcance multiplataforma

Thin

Thick

AJAX

WPF

Silverlight

Tradicional RIA

Framework

Técnica

Tecnología

ASP.NET AJAX

AJAX

DHTML XML JS

HTML CSS

ASP.NET AJAX

• 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

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 soportadosen conjunción de

la comunidadCo-

Des

arro

llado

con

Com

unid

ad

ASP.NET AJAX Futuras CTP

Lugar para probarnovedades yfuncionalidadno probadas

Actualizado regularmente

Rápida innovación y experim

entación

UX Microsoft

Introducción a Silverlight

• 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

Silverlight (WPF/E)

• 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

Microsoft Confidential

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

Microsoft Confidential

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

Microsoft Confidential

Media• Características Media

– 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

Experiencias web estándar

¿Qué tecnología usar?

• Ejemplos– Web públicas– e-Commerce– Medios– Modelos basados en publicidad

• 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

• Solución:• WPF

Experiencias diferenciales independiente de

plataforma

¿Qué tecnología usar?

• Ejemplos– Web rica– E-Learning– Publicidad rica– Juegos “informales”

• Solución:• Silverlight

Aplicaciones LOB / Formularios

¿Qué tecnología usar?

• Ejemplos– Entrada de datos compleja– Reporting– Mantenimientos

• Solución:• WPF• WinForms + WPF• WinForms

Aplicaciones

Expression Blend

Resumen

Tecnología estratégica de Microsoft

Mejora de productividad diseñador / desarrollador

Amplio abanico alcance / riqueza

Recursos

• Microsoft Expressionwww.microsoft.com/expressionwww.microsoft.com/spain/expression/default.mspx

Silverlighthttp://www.microsoft.com/silverlight/http://silverlight.net/ http://silverlightdemo.com/

Muchas gracias !!ethel@microsoft.com