Integrando Nuevas Tecnologías WebJulio CasalConsultor de TIAscenzo Consultinghttp://juliocasal.com

AgendaSilverlight

Qué características ofreceQué tipo de escenarios resuelveDemos, demos, demos

Expression StudioQué contieneCómo afecta a diseñadores y desarrolladoresCómo se integra con SilverlightDemos

Windows Live PlatformQué esQué servicios ofreceDemos

Una nueva solución para

mostrar

experiencias multimedia,

y aplicaciones enriquecidas e

interactivas (RIAs) para la

webMultiplataforma:

Multibrowser:

Características de Silverlight 22D, Gráficos

Audio, VideoAnimacionesTexto, Entrada de Texto*Controles*Layout*Estilos/Plantillas*Data Binding*Networking

HTTP/S y Sockets*

* Nuevo en Silverlight 2

Soporte a .NET *C# y VB.NET*

LINQ*XML APIs*Generics*Integración con HTML*

JSON SerializerAlmacenamiento local*Crypto APIs (AES)*Threading*

Experiencias Enriquecidas (RIA)

Instalación en el cliente

demo

Alto Rendimiento

demo

Resultados Bubble Mark

Tecnología FPS

Silverlight 2 280

Adobe Air Flex

104

Java (Swing) 64

Silverlight 1 64

DHTML 44

Adobe Flex 38

(16 balls)

ControlesElementos de IU reutilizables que encapsulan IU y comportamiento y habilitan reutilización y composición

<Button x:Name=“MyButton” Content=“Push Me” Width=“150” Height=“50” /><Button x:Name=“MyButton” Content=“Push Me” Width=“150” Height=“50” />

Button b = new Button();b.Width = 150;b.Height = 50;b.Content = “Push Me";

Button b = new Button();b.Width = 150;b.Height = 50;b.Content = “Push Me";

ControlesCanvasFileOpenDialogGridImageItemsControlMediaElementMultiScaleImageStackPanelTextBoxTextBlockButtonPopup

CheckBox*DataGrid*DateTimePicker*GridSplitter*Hyperlink*ListBox*Calendar*RadioButton*Slider*ToggleButton*Tooltip*WatermarkTextBox*

* provisto como una librería separadaNota: controles adicionales se proveerán entre la Beta 1 y la

versión final

Controles

demo

Las aplicaciones interactúan con el mundo exteriorCatálogo de Productos

Cadena de búsqueda Base de Datos de ProductosInformación del Producto

Mapping MashupCoordenadas

Proveedor de MapasImágenes de mapas

Las aplicaciones interactúan con el mundo exterior

CoordenadasBase de Datos de UbicacionesPuntos de interés

Muchos Tipos de Datos en el Exterior

In-Browser Application

Mashup APIspublicados enInternet

ServiciosExistentes enla intranet

NuevosServicios queconstruyas

RSS/AtomFeeds

ImágenesSonidosVideos

Opciones de Networking Enriquecidas

HTTPWCF/SOAPRESTRSSSockets

Cross Domain Networking Support

Consumiendo Servicios Web

demo

Experiencia Multimedia

Experiencias de MediosCalidad

Calidad de video impactante que llega hasta HD (720p)Interactividad de tipo DVDDesarrollo Flexible

• Se integra con frameworks AJAX existentes

• Estándar SMPTE VC-1, WMV y MP3

Entrega• Live Streaming ó Bajo

Demanda• Ventajas en rendimiento,

escalabilidad y costos sobre otras soluciones

Mecanismos de Entrega de Medios

Descarga Progresiva

Envío HTTP sencillo (send-and-forget) de un archivo de

audio/video que empieza a ejecutarse luego de unos segundos

de haber descargado a disco

Escenario: Agregar entrega de medios

sencilla a servidores web existentes

Streaming

Transferencia de contenido audio/video manejada

dinámicamente y recibida en tiempo real sin caching

Escenario: Entrega a dispositivos móbiles y

hacer broadcast de eventos en vivo

Cómo poner en producción mis medios?

Streaming – Bajo Demanda o En Vivo

Descarga Progresiva

Otros Servidores

Web

Formatos de Archivo Soportados

Formatos de VideoWMV (VC-1, v.7, v.8 y v.9)

Formatos de AudioWMA (v.7, v.8 y v.9), MP3WMA 10 Pro [nuevo en SL2!]

Opciones para Distribuir los Medios

Delegar a otros la distribución de medios

Silverlight.Live.comContent Delivery Networks (CDNs)Para la mayor parte del contenido entregado al público

Hágalo usted mismo con Windows Server 2008

Usando IIS 7 + IIS 7 Media PackUsando Windows Media Services 2008Muy popular para LAN/WAN interna empresarial

Video de Alta Calidad

demo

Image Deep Zoom

Provee la visión y acercamiento continuo de imágenes enormesSolo carga los datos necesarios para mostrar la parte de la imagen que el usuario está viendoConvierte una imagen muy grande en un vector de escalamiento eficiente

Image Deep Zoom

Una herramienta de preprocesamiento rompe la imagen en 256 x 256 piezasLuego genera pirámides de piezas a resoluciones más bajas

Deep Zoom – Cómo funciona?

Cuando la imagen se muestra en el cliente las piezas de resolución más baja son mostradas en primer lugarLuego mientras se descargan las piezas de alta calidad, estas son suavemente dibujadas

Deep Zoom

demo

Silverlight & Advertising

Permite crear “Polite” AdsBrinda soporte Cross-DomainPermite hacer Tracking de EventosManejo de Click-Thrus

Silverlight & Advertising

Expression Studio

Expression Web 2

Expression Blend 2

Expression Design 2

Expression Media 2

Expression Encoder 2

C++C#

VB.NET

PapelJPG / TIFF

PSDPPT

MOV / WMV

Sin Estándares‘Código Sucio’

Maquetas

XHTMLCSS / XSLT

XMLASP.NET

AJAX

Diseñador Desarrollador

Unificando el Proceso de Diseño / Desarrollo

XAML

Expression Blend 2.5 y Silverlight

demo

Preparando un video para el Web con Expression Encoder 2

demo

Plataforma Windows Live

WL Hotmail® WL ID WL Messenger WindowsLive™ Search

WL Spaces WL Alerts

Live.com WL Photo Gallery

WL Writer

Family Safety WL SkyDrive

WL OneCare™

WL GalleryWL for mobile

WL QnASearch

Live Search Maps

WL Favorites

WL ExpoLive Gadgets

WL CustomDomains

WL Contacts

WL Agents

Silverlight™ Streaming

WL Events

WL Toolbar

WL Calendar

¿Qué es laPlataforma

Windows Live?

Términos del Servicio

Datos del

Usuario

Encontrar &

Ubicar

Identidad

Infraestructura

Notificaciones

Y Mensajería

Silverlight Streaming

Live IDLive Search

Virtual Earth

Contacts

Photos

Messenger

Alerts

Admin Center

App Storage

Agents

Marzo 2008

Silverlight StreamingServicio de Windows Live compañero de Silverlight

Te enfocas en la experiencia del usuario final, nosotros entregamos la escalabilidad

Cuenta gratuita con capacidad de 10 GB

Está dentro de la visión "software + service”

Cuenta gratuita más grande

Actualizaciones del MIX '08Alpha Beta

Storage:

4 GB10 GB

Upload:30 MB

105 MB

Hasta 10 minutos

de video:300 Kbps

1.4 Mbps

API

REST WebDAV

Escalabilidad

Sandbox Production

Nuevo escenario: Administrar Videos

Actualizaciones del MIX '08

Transcoding in the cloud

White label

player

Out-of-the-box

experience

Fully customizab

le

Multiple input

formats supported

High Quality

Silverlight-compliant

VC-1 output format

Sintaxis de Invocación

Windows Live Control Silverlight deployment

Reportes

Number of plays Storage meter

Disponibilidad del ServicioMIX ’07: AlphaMIX ’08: BetaAplicaciones del mundo real ya están usando el servicioQuickApps en dev.live.com

Halo 3 interactivegame manual

Halo 3video player

QuiksilverPro France

The 5th

Medium

FilmsFor

Learning

Windows Live QuickApps

demo

Qué se necesita para empezar:Instalar lo siguiente:

Silverlight 2 Beta1Visual Studio 2008Silverlight Tools for Visual Studio 2008 Beta 1Expression Blend 2.5 March Preview

Todo lo necesario está en www.silverlight.net

Links a descargas y documentosEl object browser de VS es una gran forma de ver las APIs

En Resumen

Silverlight es la solución para mostrar experiencias multimedia y aplicaciones enriquecidas e interactivas para la webExpression Studio brinda todas las herramientas que necesita el diseñador para crear nuevas experiencias enriquecidasLa Plataforma Windows Live permite compartir información y contenido para crear comunidades online y redes sociales muy activas

© 2008 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.