Isabel Gmez Miragaya isabelgmicrosoft'com

1
La Web se vuelve SexySilverlight

• Isabel Gómez Miragaya isabelg_at_microsoft.com
• Jose Murillo josemurl_at_microsoft.com
• ISV Developer Evangelists
• DPE - Microsoft Ibérica

2
Agenda

• 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

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
Web Standard
Cliente Rico
Silverlight 1.0
Silverlight 1.1
8
.NET for Silverlight
Silverlight 1.0 y 1.1
Legend
Legend
V1.1
V1.0
Browser Host
Networking
WPF
MS AJAX Library
REST
Extensible Controls
POX
RSS
BCL
JSON
DOM Integration
SOAP
Generics
Collections
CLR Execution Engine
Application Services
XAML
Presentation Core
Deploy
UI Core
Inputs
DRM
Media
FrictionFree Installer
Keyboard
Mouse
Ink
Vector
Text
Controls
Media
Images
Animation
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
Expression Media

• Nueva herramienta de gestión de elementos
  multimedia (audio y video)
• Edición
• Conversión y Procesamiento por lotes
• Expression Media Encoder
• Nueva herramienta de compresión para .WMV en
  Silverlight pero no hay secretos, podéis seguir
  usando vuestra herramienta de compresión WMV
• Encoding Offline y Live

12
Mapa de Carretera (aka Roadmap)
Microsoft Expression
Silverlight
Visual Studio
13
QA

• 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

14
Algunos Ejemplos..
15
Silverlight 1.0 Desarrollo con Javascript
16
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

17
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..

18
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

19
Demo Desarrollo con Javascript
20
.NET Silverlight Desarrollo con .NET
21
Componentes Principales de V1.1

• .NET Silverlight
• Silverlight 1.0
• Managed Code (CLR)
• Extensibilidad XAML
• User Controls (Control Class)
• Controles de Ejemplo

22
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

23
Demo
Una Aplicación Silverlight .NETModelo de Objetos
y EventosCustom ControlsIntegración con
HTMLLINQ
24
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

25
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)

26
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

27
Recursos

• http//www.microsoft.com/silverlight
• http//silverlight.net
• http//www.visitmix.com
• http//delay.members.winisp.net/SilverlightAirline
  sDemo/
• http//weblogs.asp.net/scottgu
• http//blogs.msdn.com/hugunin
• http//blogs.msdn.com/mharsh
• http//www.aisto.com/Roeder/Silverlight

28
(No Transcript)