Integrando Nuevas Tecnologías Web<br />Julio Casal<br />Consultor de TI<br />AscenzoConsulting<br />http://juliocasal.com<...
Agenda<br />Silverlight<br />Qué características ofrece<br />Qué tipo de escenarios resuelve<br />Demos, demos, demos<br /...
Unanuevasolución paramostrarexperienciasmultimedia, y aplicacionesenriquecidas e interactivas (RIAs) para la web<br />Mult...
Características de Silverlight 2<br />Soporte a .NET *<br />C# y VB.NET*<br />LINQ*<br />XML APIs*<br />Generics*<br />Int...
Experiencias Enriquecidas (RIA)<br />
Instalación en el cliente<br />demo<br />
Alto Rendimiento<br />demo<br />
Resultados Bubble Mark<br />(16 balls)<br />
Controles<br />Elementos de IU reutilizablesque encapsulan IU y comportamientoy habilitanreutilización y composición<br />...
Controles<br />CheckBox*<br />DataGrid*<br />DateTimePicker*<br />GridSplitter*<br />Hyperlink*<br />ListBox*<br />Calenda...
Controles<br />demo<br />
Las aplicaciones interactúan con el mundo exterior<br />Catálogo de Productos<br />Base de Datos de Productos<br />Cadena ...
Las aplicaciones interactúan con el mundo exterior<br />Mapping Mashup<br />Proveedor de Mapas<br />Coordenadas<br />Imáge...
MuchosTipos de Datos en el Exterior<br />ImágenesSonidosVideos<br />RSS/AtomFeeds<br />Nuevos<br />Serviciosque<br />const...
Opciones de Networking Enriquecidas<br />HTTP<br />WCF/SOAP<br />REST<br />RSS<br />Sockets<br />Cross Domain Networking S...
Consumiendo Servicios Web<br />demo<br />
Experiencia Multimedia<br />
Experiencias de Medios<br />Calidad<br />Calidad de video impactantequellegahasta HD (720p)<br />Interactividad de tipo DV...
Estándar SMPTE VC-1, WMV y MP3</li></ul>Entrega<br /><ul><li>Live Streaming ó BajoDemanda
Ventajas en rendimiento, escalabilidad y costossobreotrassoluciones</li></li></ul><li>Mecanismos de Entrega de Medios<br />
Cómo poner en producción mis medios?<br />Streaming – BajoDemanda o En Vivo<br />DescargaProgresiva<br />OtrosServidores<b...
Formatos de Archivo Soportados<br />Formatos de Video<br />WMV (VC-1, v.7, v.8 y v.9) <br />Formatos de Audio<br />WMA (v....
Opciones para Distribuir los Medios<br />Delegar a otros la distribución de medios<br />Silverlight.Live.com<br />Content ...
Video de Alta Calidad<br />demo<br />
Image Deep Zoom<br />Provee la visión y acercamiento continuo de imágenesenormes<br />Solo carga los datosnecesariosparamo...
Image Deep Zoom<br />Unaherramienta de preprocesamientorompe la imagen en 256 x 256 piezas<br />Luego genera pirámides de ...
Deep Zoom – Cómo funciona?<br />Cuando la imagen se muestra en el clientelaspiezas de resoluciónmásbaja son mostradas en p...
Deep Zoom<br />demo<br />
Silverlight & Advertising<br />Permite crear “Polite” Ads<br />Brinda soporte Cross-Domain<br />Permite hacer Tracking de ...
Silverlight & Advertising<br />
Expression Studio<br />Expression Web 2<br />ExpressionBlend 2<br />ExpressionDesign 2<br />Expression Media 2<br />Expres...
Papel<br />JPG / TIFF<br />PSD<br />PPT<br />MOV / WMV <br />C++<br />C#<br />VB.NET<br />XAML<br />XHTML<br />CSS / XSLT<...
Expression Blend 2.5 y Silverlight<br />demo<br />
Preparando un video para el Web con Expression Encoder 2<br />demo<br />
Plataforma Windows Live<br />WL CustomDomains<br />Silverlight™ Streaming<br />WL Toolbar<br />WindowsLive™ Search<br />WL...
¿Qué es laPlataforma Windows Live?<br />
Datos del Usuario<br />Encontrar & Ubicar<br />Identidad<br />Infraestructura<br />Notificaciones<br />Y Mensajería<br />L...
SilverlightStreaming<br />Servicio de Windows Live compañero de Silverlight<br />Te enfocas en la experiencia del usuario ...
Actualizaciones del MIX '08<br />Storage:<br />4 GB<br />10 GB<br />Upload:<br />30 MB<br />105 MB<br />Hasta 10 minutos d...
Actualizaciones del MIX '08<br />White label player<br />Out-of-the-box experience<br />Transcoding in the cloud<br />Full...
Disponibilidad del Servicio<br />MIX ’07: Alpha<br />MIX ’08: Beta<br />Aplicaciones del mundo real ya están usando el ser...
Windows Live QuickApps<br />demo<br />
Qué se necesita para empezar:<br />Instalar lo siguiente: <br />Silverlight 2 Beta1<br />Visual Studio 2008<br />Silverlig...
En Resumen<br />Silverlight es la solución para mostrar experiencias multimedia y aplicaciones enriquecidas e interactivas...
Upcoming SlideShare
Loading in …5
×

Integrando Nuevas Tecnologías Web

847 views
770 views

Published on

Overview of Silverlight 2 and Expression Studio for Developers

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
847
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Muestracómo se comporta la instalación de Silverlight en el cliente.
  • Muestra el alto rendimiento de Silverlight en animaciones. Compara DHTML, Adobe Flex, Adobe Flex Air, Java y Silverlight 2.0.
  • Muestra los diversoscontrolesofrecidosporSilverlight 2.0
  • MuestracómoSilverlight 2.0 puedeconsumirservicios web fácilmente.
  • Muestra un video de altadefinición (1080p) en un player Silverlight
  • Muestra un ejemplo de Deep Zoom,quepermiteobtenerdetallesimpresionantes al hacer Zoom a lasimágenes
  • Imágenes y/o videosquedemuestran la futuraplataforma de Silverlight Advertising
  • MuestraunaaplicaciónSilverlightcreada con Blend 2.5http://blogs.msdn.com/swiss_dpe_team/archive/2008/04/17/silverlight-2-beta-1-end-to-end-hands-on-lab.aspx
  • Muestracómopreparar un video para el web usando Expression Encoder 2
  • Demuestraalgunos de los Quick Apps quemuestran el uso de la plataforma Windows Live
  • Integrando Nuevas Tecnologías Web

    1. 1. Integrando Nuevas Tecnologías Web<br />Julio Casal<br />Consultor de TI<br />AscenzoConsulting<br />http://juliocasal.com<br />
    2. 2. Agenda<br />Silverlight<br />Qué características ofrece<br />Qué tipo de escenarios resuelve<br />Demos, demos, demos<br />Expression Studio<br />Qué contiene<br />Cómo afecta a diseñadores y desarrolladores<br />Cómo se integra con Silverlight<br />Demos<br />Windows Live Platform<br />Qué es<br />Qué servicios ofrece<br />Demos<br />
    3. 3.
    4. 4. Unanuevasolución paramostrarexperienciasmultimedia, y aplicacionesenriquecidas e interactivas (RIAs) para la web<br />Multiplataforma:<br />Multibrowser:<br />
    5. 5. Características de Silverlight 2<br />Soporte a .NET *<br />C# y VB.NET*<br />LINQ*<br />XML APIs*<br />Generics*<br />Integración con HTML*<br />JSON Serializer<br />Almacenamiento local*<br />Crypto APIs (AES)*<br />Threading*<br />2D, Gráficos<br />Audio, Video<br />Animaciones<br />Texto, Entrada de Texto*<br />Controles*<br />Layout*<br />Estilos/Plantillas*<br />Data Binding*<br />Networking<br />HTTP/S y Sockets*<br />* Nuevo en Silverlight 2<br />
    6. 6. Experiencias Enriquecidas (RIA)<br />
    7. 7. Instalación en el cliente<br />demo<br />
    8. 8. Alto Rendimiento<br />demo<br />
    9. 9. Resultados Bubble Mark<br />(16 balls)<br />
    10. 10. Controles<br />Elementos de IU reutilizablesque encapsulan IU y comportamientoy habilitanreutilización y composición<br /><Button x:Name=“MyButton” Content=“Push Me” Width=“150” Height=“50” /><br />Button b = new Button();<br />b.Width = 150;<br />b.Height = 50;<br />b.Content= “Push Me";<br />
    11. 11. Controles<br />CheckBox*<br />DataGrid*<br />DateTimePicker*<br />GridSplitter*<br />Hyperlink*<br />ListBox*<br />Calendar*<br />RadioButton*<br />Slider*<br />ToggleButton*<br />Tooltip*<br />WatermarkTextBox*<br />Canvas<br />FileOpenDialog<br />Grid<br />Image<br />ItemsControl<br />MediaElement<br />MultiScaleImage<br />StackPanel<br />TextBox<br />TextBlock<br />Button<br />Popup<br />* provistocomounalibreríaseparada<br />Nota: controlesadicionales se proveerán entre la Beta 1 y la versión final<br />
    12. 12. Controles<br />demo<br />
    13. 13. Las aplicaciones interactúan con el mundo exterior<br />Catálogo de Productos<br />Base de Datos de Productos<br />Cadena de búsqueda<br />Información del Producto<br />
    14. 14. Las aplicaciones interactúan con el mundo exterior<br />Mapping Mashup<br />Proveedor de Mapas<br />Coordenadas<br />Imágenes de mapas<br />Base de Datos de Ubicaciones<br />Coordenadas<br />Puntos de interés<br />
    15. 15. MuchosTipos de Datos en el Exterior<br />ImágenesSonidosVideos<br />RSS/AtomFeeds<br />Nuevos<br />Serviciosque<br />construyas<br />In-Browser Application<br />Servicios<br />Existentes en<br />la intranet<br />Mashup APIs<br />publicados en<br />Internet<br />
    16. 16. Opciones de Networking Enriquecidas<br />HTTP<br />WCF/SOAP<br />REST<br />RSS<br />Sockets<br />Cross Domain Networking Support<br />
    17. 17. Consumiendo Servicios Web<br />demo<br />
    18. 18. Experiencia Multimedia<br />
    19. 19. Experiencias de Medios<br />Calidad<br />Calidad de video impactantequellegahasta HD (720p)<br />Interactividad de tipo DVD<br />Desarrollo Flexible<br /><ul><li>Seintegra con frameworks AJAX existentes
    20. 20. Estándar SMPTE VC-1, WMV y MP3</li></ul>Entrega<br /><ul><li>Live Streaming ó BajoDemanda
    21. 21. Ventajas en rendimiento, escalabilidad y costossobreotrassoluciones</li></li></ul><li>Mecanismos de Entrega de Medios<br />
    22. 22. Cómo poner en producción mis medios?<br />Streaming – BajoDemanda o En Vivo<br />DescargaProgresiva<br />OtrosServidores<br />Web<br />
    23. 23. Formatos de Archivo Soportados<br />Formatos de Video<br />WMV (VC-1, v.7, v.8 y v.9) <br />Formatos de Audio<br />WMA (v.7, v.8 y v.9), MP3<br />WMA 10 Pro [nuevo en SL2!]<br />
    24. 24. Opciones para Distribuir los Medios<br />Delegar a otros la distribución de medios<br />Silverlight.Live.com<br />Content Delivery Networks (CDNs)<br />Para la mayor parte del contenido entregado al público<br />Hágalo usted mismo con Windows Server 2008<br />Usando IIS 7 + IIS 7 Media Pack<br />Usando Windows Media Services 2008<br />Muy popular para LAN/WAN interna empresarial<br />
    25. 25. Video de Alta Calidad<br />demo<br />
    26. 26. Image Deep Zoom<br />Provee la visión y acercamiento continuo de imágenesenormes<br />Solo carga los datosnecesariosparamostrar la parte de la imagenque el usuarioestáviendo<br />Convierteunaimagenmuygrande en un vector de escalamientoeficiente<br />
    27. 27. Image Deep Zoom<br />Unaherramienta de preprocesamientorompe la imagen en 256 x 256 piezas<br />Luego genera pirámides de piezas a resolucionesmásbajas<br />
    28. 28. Deep Zoom – Cómo funciona?<br />Cuando la imagen se muestra en el clientelaspiezas de resoluciónmásbaja son mostradas en primer lugar<br />Luegomientras se descarganlaspiezas de altacalidad, estas son suavementedibujadas<br />
    29. 29. Deep Zoom<br />demo<br />
    30. 30. Silverlight & Advertising<br />Permite crear “Polite” Ads<br />Brinda soporte Cross-Domain<br />Permite hacer Tracking de Eventos<br />Manejo de Click-Thrus<br />
    31. 31. Silverlight & Advertising<br />
    32. 32. Expression Studio<br />Expression Web 2<br />ExpressionBlend 2<br />ExpressionDesign 2<br />Expression Media 2<br />ExpressionEncoder 2<br />
    33. 33. Papel<br />JPG / TIFF<br />PSD<br />PPT<br />MOV / WMV <br />C++<br />C#<br />VB.NET<br />XAML<br />XHTML<br />CSS / XSLT<br />XML<br />ASP.NET<br />AJAX<br />Sin Estándares<br />‘Código Sucio’<br />Maquetas<br />Unificandoel Proceso de <br />Diseño / Desarrollo<br />Diseñador<br />Desarrollador<br />
    34. 34. Expression Blend 2.5 y Silverlight<br />demo<br />
    35. 35. Preparando un video para el Web con Expression Encoder 2<br />demo<br />
    36. 36. Plataforma Windows Live<br />WL CustomDomains<br />Silverlight™ Streaming<br />WL Toolbar<br />WindowsLive™ Search<br />WL Spaces<br />WL ID<br />WL Messenger<br />WL Hotmail®<br />WL Alerts<br />WL Contacts<br />WL for mobile<br />WL Writer<br />WL Events<br />WL Photo Gallery<br />WL QnASearch<br />WL OneCare™<br />WL Calendar<br />Live.com<br />WL Gallery<br />Live Search <br />Maps<br />WL Favorites<br />WL SkyDrive<br />Family Safety<br />Live Gadgets<br />WL Agents<br />WL Expo<br />
    37. 37. ¿Qué es laPlataforma Windows Live?<br />
    38. 38. Datos del Usuario<br />Encontrar & Ubicar<br />Identidad<br />Infraestructura<br />Notificaciones<br />Y Mensajería<br />Live ID<br />Live Search<br />Contacts<br />Messenger<br />Admin Center<br />Silverlight Streaming<br />Virtual Earth<br />Photos<br />Alerts<br />App Storage<br />Agents<br />Términos del Servicio<br />Marzo 2008<br />
    39. 39. SilverlightStreaming<br />Servicio de Windows Live compañero de Silverlight<br />Te enfocas en la experiencia del usuario final, nosotros entregamos la escalabilidad<br />Cuenta gratuita con capacidad de 10 GB<br />Está dentro de la visión "software + service”<br />
    40. 40. Actualizaciones del MIX '08<br />Storage:<br />4 GB<br />10 GB<br />Upload:<br />30 MB<br />105 MB<br />Hasta 10 minutos de video:<br />300 Kbps<br />1.4 Mbps<br />Alpha<br />Beta<br />REST<br />WebDAV<br />Sandbox<br />Production<br />Cuentagratuitamásgrande<br />API<br />Escalabilidad<br />
    41. 41. Actualizaciones del MIX '08<br />White label player<br />Out-of-the-box experience<br />Transcoding in the cloud<br />Fully customizable<br />Multiple input formats supported<br />High Quality Silverlight-compliant VC-1 output format<br />Nuevo escenario: Administrar Videos<br />Windows Live Control<br />Silverlight deployment<br />Number of plays<br />Storage meter<br />Sintaxis de Invocación<br />Reportes<br />
    42. 42. Disponibilidad del Servicio<br />MIX ’07: Alpha<br />MIX ’08: Beta<br />Aplicaciones del mundo real ya están usando el servicio<br />QuickApps en dev.live.com<br />Halo 3 interactive<br />game manual<br />Halo 3<br />video player<br />Films<br />For<br />Learning<br />Quiksilver<br />Pro France<br />The 5th<br />Medium<br />
    43. 43. Windows Live QuickApps<br />demo<br />
    44. 44. Qué se necesita para empezar:<br />Instalar lo siguiente: <br />Silverlight 2 Beta1<br />Visual Studio 2008<br />Silverlight Tools for Visual Studio 2008 Beta 1<br />ExpressionBlend 2.5 MarchPreview<br />Todo lo necesario está en www.silverlight.net<br />Links a descargas y documentos<br />El object browser de VS es una gran forma de ver las APIs<br />
    45. 45. En Resumen<br />Silverlight es la solución para mostrar experiencias multimedia y aplicaciones enriquecidas e interactivas para la web<br />Expression Studio brinda todas las herramientas que necesita el diseñador para crear nuevas experiencias enriquecidas<br />La Plataforma Windows Live permite compartir información y contenido para crear comunidades online y redes sociales muy activas<br />
    46. 46. © 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.<br />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.<br />

    ×