Post on 06-Feb-2016
description
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