17
Talle r de Joaquín Bonet Sánchez Microsoft Student Partner
Taller de
Joaquín Bonet SánchezMicrosoft Student Partner
Introducción Plataforma para construir y ejecutar RIAs (Rich Internet
Applications) para la Web y para los dispositivos móviles. Soporta elementos típicos los RIAs como: gráficos
vectoriales, animaciones, soporte de video HD y sonido. Multi-plataforma y multi-navegador
Ventajas de las RIA Balance cliente/servidor. Eficiente comunicación asíncrona. Reducción del tráfico de red . No necesitan instalación (acceso vía Web) y las actualizaciones
hacia nuevas versiones son automáticas. Están soportadas por las plataformas y navegadores más
populares del mercado. Es menos probable la infección por virus, que utilizando, por
ejemplo, programas ejecutables. Más capacidad de respuesta, ya que el usuario interactúa
directamente con el runtime, sin necesidad de recargar la página.
Inconvenientes de las RIA Ejecución en SandBox. Que esté deshabilitada la opción de “Scripting” en el
navegador: afecta principalmente a la versión 1.0, basada en Javascript. Cuidado: En la 2.0 el tratamiento de errores
predeterminado se gestiona con Javascript. El tiempo de descarga de la aplicación. Cierta pérdida de visibilidad en los motores de
búsqueda.
Otras Plataformas RIA Adobe Flash Player y Adobe Flex
Instalado en más del 90% de los ordenadores mundiales. Multiplataforma. Lenguajes propietarios MXML y ActionScript.
JavaFX Complemento de la familia de herramientas de Java. Sirve para aplicaciones de escritorio, móviles y aparatos electrónicos
(con ese soporte). Toda la programación en Java. (necesita la máquina virtual de Java).
Plataformas AJAX Basadas en Javascript y el objeto XmlHttpRequest. Multi-navegador sin necesidad de complementos (add-ins). Más costosas de depurar.
Características Subconjunto de WPF
Multiplataforma* Multinavegador
Basado en .NET Compact Framework Soporte para múltiples lenguajes: C#, VB, Javascript,
IronPython, IronRuby. Incluye motor gráfico y de animación (Silverlight
Animation System). Soporte para llamadas REST, WS*/SOAP, RSS y HTTP Controles ricos pre-construidos y personalizables mediante
plantillas.
Características No requiere tener la versión completa de .NET Framework
instalada. Tamaño de instalación muy reducido: 4,7 MB Soporte para dispositivos móviles.
Solamente para la versión 1.0 La versión 2 está en camino
Gran soporte multimedia: Vídeo: VC-1, WMV.
Soporte vídeos HD 720p. Audio: WMA, MP3 Imágenes: JPG, PNG
Otras: DeepZoom y SmoothVideo.
Arquitectura
XAMLeXtensible Application Markup Language
XAMLeXtensible Application Markup Language
XAMLeXtensible Application Markup Language
Esqueleto inicial de una aplicación Silverlight:<UserControl x:Class="SilverlightApplication1.Page" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300"> <Grid x:Name="LayoutRoot" Background="White">
</Grid></UserControl>
XAMLeXtensible Application Markup Language
Elementos contenedores en Silverlight: Grid (por defecto). Canvas.
Colocación de los elementos en coordenadas específicas. StackPanel.
Apilado vertical u horizontal de elementos. + controles contenedores en el Silverlight Toolkit.
Todos ellos heredan de: System.Windows.Controls.Panel
XAMLeXtensible Application Markup Language
Elementos de dibujo: Shapes.
Ilustración: Marino Posadas
XAMLeXtensible Application Markup Language
Elementos de dibujo (2): Geometries.
Ilustración: Marino Posadas
<Grid x:Name="LayoutRoot“ Background="Beige“> <Canvas> <Image Source="imagenes/gracias.jpg" Width="200" Height="150" Canvas.Top="25"> <Image.Clip> <EllipseGeometry RadiusX="100" RadiusY="75" Center="100,75"/> </Image.Clip> </Image> </Canvas> </Grid>
¡Vuestro turno!Widget de Twitter
Lo que se avecina… Aceleración vía GPU. Soporte 3D y PixelShaders. Estilos BasedOn. Estilos modificables en tiempo de ejecución. SaveFileDialog. Mejoras en navegación.
Podremos asociar URLs distintas a varias páginas de una misma aplicación.
¡Los controles Adelante/Atrás del navegador funcionan! Local Messaging Mejoras multimedia: H.264, AAC, 720p+ Y más…
