Este documento define qué es una RIA (aplicación web rica), describe las características de Silverlight y por qué es una herramienta útil para crear RIA, y resume los conceptos clave de XAML, Visual Studio y el desarrollo de aplicaciones con Silverlight como interfaz de usuario, controles y eventos.
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
Building Ria Applications With Silverlight 2
1. L.C.C. Antonio Orlando Díaz Escalante
Comunidad .NET Mérida Yuc. México (Aluxes.NET)
http://aluxesdotnet.multiply.com
http://tonigeek.blogspot.com
consultormid@yahoo.com
2. ¿Que es una RIA?
¿Porque Silverlight?
¿Que es Silverlight?
Arquitectura Silverlight
XAML
Usando Visual Studio 2008 con Silverlight 2.0
Novedades en Silverligth 3
Referencias
3. Son aplicaciones Web que tienen
funcionalidades y características de una
aplicación de escritorio.
Ofrecen una rica experiencia que mejora la
satisfacción del usuario y aumenta la
productividad, transfiriendo el procesamiento
necesario para la interfaz del usuario del lado del
cliente
4. RIA’s
Características: Herramientas
tipo RIA:
•Permiten trabajar con o
sin conexión hacia • Adobe Air
Internet.
• Google Gears
•Son multiplataforma.
•Microsoft
•Integración de audio y Silverlight
video local
•Manejo de contenido
asincrónicamente
5. Necesidad de interfaces de usuario faciles de usar y de alta calidad.
Transferencia de experiencias multimedia y aplicaciones interactivas
enriquecidas para la web
Experiencias coherentes entre equipos basados en Windows y Otros
S.O.
Creación de experiencias web más atractivas y ricas
Mejora de las aplicaciones basadas en AJAX/estándares existentes
6. Silverlight es un plug-in que funciona sobre los navegadores mas populares
(Firefox,IE,Safari) y sobre varias plataformas (Windows, Mac, Linux (Moonlight))
Su meta es traer la misma fidelidad y calidad encontrada en las IU asociadas con
aplicaciones escritorio hacia el web.
Con Silverlight diseñadores y desarrolladores pueden trabajar en sintonía bajo un
mismo formato (XAML).
Ofrece un completo modelo de programación que soporta AJAX, .NET además de
proveer soporte multilenguaje (C#,VB.Net,Phyton,Ruby,etc)
Facil construcción de aplicaciones a través de Visual Studio 2008 y la suite
herramientas Microsoft Expression.
7.
8.
9. Deep Zoom
Permite profundizar
en el detalle de
fotografias
escalandolas hasta un
giga -píxel
Media Stream Source
API para descarga
dinámica de contenido
multimedia
12. XAML = eXtensible Application Markup Language
Esquema de documento XML Flexible
Ejemplos de Uso: WPF, Silverlight, Workflow Foundation
Variedad de Herramientas
Se preserva soporte con editores comunes de texto
13. <Grid>
<TextBlock FontSize=quot;32quot; Text=quot;Hello worldquot; />
</Grid>
Hello world
14. <TextBlock FontSize=quot;32quot; Text=quot;Hello worldquot; />
=
TextBlock t = new TextBlock();
t.FontSize = 32;
t.Text = quot;Hello worldquot;;
Cualquier cosa que pueda ser expresado en XAML
puede ser programaticamente codificado tambien
15. <TextBlock>Hello</TextBlock> Hello
<TextBlock FontSize=quot;18quot;>Hello</TextBlock> Hello
<TextBlock
FontFamily=quot;Courier Newquot;>Hello</TextBlock>
Hello
<TextBlock TextWrapping=quot;Wrapquot; Width=quot;100quot;> Hello there, how
Hello there, how are you?
</TextBlock>
are you?
<TextBlock> Hello there,
Hello there,<LineBreak/>how are you? how are you?
</TextBlock>
17. Elementos de IU que encapsulan IU y comportamiento
que permiten el re-uso y composición
<Button x:Name=“MyButton” Content=“Push Me” Width=“150” Height=“50” />
Button b = new Button();
b.Width = 150;
b.Height = 50;
b.Content = “Push Mequot;;
18. Microsoft incluye el conjunto basico de controles
Se incluye el código fuente
Son extensibles
Amplia variedad de controles para dominios
especificos a través de Socios de Negocios
20. Nombra tus controles de tal forma que puedas usarlos en
código
Visual Studio automáticamente declara un campo para todos
los elementos x:name
<Button x:Name=“MyButton”/>
public void Page_Loaded(sender, MouseEventArgs e)
{
MyButton.Content = “Push Me!”;
}
21. Los manejadores de Eventos pueden ser enlazados
declarativamente en XAML:
<Button x:Name=“MyButton” Content=“Push Me” Click=“MyButton_Click“/>
public void MyButton_Click(object sender, RoutedEventArgs e) {
// todo: add code
}
O explicitamente dentro del archivo code-behind
VB – usando el keyword quot;Handlesquot;
C# -- programmaticamente dentro del manejador de evento
de Page_Loaded
22.
23. Instalar lo siguiente:
Silverlight V2.0
Visual Studio 2008 /Visual Studio Express Edition
Silverlight Tools for Visual Studio 2008
Expression Blend 2 Beta
Encuentra todo lo que necesitas en : www.silverlight.net
Enlaces a descargas y documentos
24. Una aplicación .NET Silverlight siempre incluye
Un archivo html que hospeda un control Silverlight (por ejemplo: Test.htm)
Un archivo HTML y/o ASP.NET para la instanciación
Un archivo raíz XAML y su archivo de ensamble - YourApp.xaml &
YourApp.dll
Tambien puede incluir:
Otras librerias de aplicacion (creadas por el usuario, de Microsoft o de
terceras partes)
Recursos de la aplicación – opcionalmente incluido en el ensable
25.
26.
27.
28. Archivo Code behind
public partial class MyPage: Canvas
{
public void Page_Loaded(object o, EventArgs e)
{
InitializeComponent();
MyMessage.Text = “Hello World!”;
}
}
29.
30. Comienza cuando el control es instanciado por la pagina que lo aloja.
Termina con cualquier a de los siguientes supuestos:
El navegador se desplaza a otra pagina web
Se cierra la ventana del navegador o la pestaña que muestra la pagina
host
Se refresca la página web que lo aloja (comienza un nuevo ciclo de
vida)
El script de la página utiliza HTML DOM para eliminar el control
Silverlight de la página
Se cierra la sesión de usuario del sistema operativo o se cierra éste
31.
32.
33. Reducción de tamaño de los archivos XAP
OOB (Out-Of Browser)
Aceleración vía GPU
Enlace entre controles (Databinding)
Save File Dialog
RIA Services
34. Silverlight provee una potente y poderosa plataforma RIA
Facil implementación de aplicaciones
Facilidad para crear ricas experiencias de usuario
Soporte Multiplataforma y Multibrowser
Silverlight facilita un modelo de programación común a
través de navegadores, dispositvos moviles y aplicaciones
de escritorio.
Mejora la productividad entre diseñadores y
desarrolladores
36. L.C.C. Antonio Orlando Díaz Escalante
Director Comunidad .NET Mérida México (Aluxes.NET)
http://aluxesdotnet.multiply.com
http://tonigeek.blogspot.com
consultormid@yahoo.com
Hinweis der Redaktion
Transferencia de experiencias multimediay aplicaciones interactivas enriquecidas para la web que incorporan vídeos,animaciones, interactividad e interfaces de usuario sensacionales.Instalación rápida y sin problemas para los usuarios gracias a un pequeño complemento a petición de fácil instalación cuyo tamaño es inferior a 2 MB y que funciona con todos los exploradores principales.Experiencias coherentes entre equipos basados en Windows y equipos Macintosh sin ningún otro requisito de instalación adicional.Creación de experiencias web más atractivas y ricas que saquen mayor partido del cliente para obtener un rendimiento mayor.Sensacionales gráficos, componentes multimedia, textos, animaciones y superposiciones basados en vectores que permiten integrar sin problemas los gráficos y efectos en cualquier aplicación web existente.Mejora de las aplicaciones basadas en AJAX/estándares existentes con gráficos y componentes multimedia enriquecidos y mejora de su rendimiento y funciones mediante Silverlight.