integrando nuevas tecnologías web
DESCRIPTION
Overview of Silverlight 2 and Expression Studio for DevelopersTRANSCRIPT
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.