Un Vistazo a Windows Presentation Foundation

Julio Casal

Software DeveloperJohn Galt Solutions

julio_casal@hotmail.comhttp://msguayaquil.com/blogs/jcasal

Agenda

• Retos de la Experiencia de Usuario (UX)• Vistazo a Windows Presentation Foundation• Características de Windows Presentation Foundation• Hosting e Interoperabilidad• Una Aplicación del Mundo Real: Times Reader• Obteniendo las Herramientas

¿Qué es Experiencia de Usuario?

Facilidad de UsoHabilidad de aprender

Rendimiento

Confiabilidad

Seguridad

Factores de forma optimizados

Legibilidad

Relevancia / Contextualización

EnriquecimientoGráficos y Medios

Visualización de Datos

Información con Mayor

Fidelidad

Globalización

Accesibilidad

Hardware e Impresión

Integración

Midiendo el ROI UX(comportamientos/beneficios del usuario final)

ExitoProductividad

RetenciónComprensión

ConversiónSatisfacciónEntusiasmo

Uso Repetido

¿Experiencia de Usuario en Software?

Windows Vista Office 2007

Retos en Experiencia de Usuario

Guías de RequerimientosMétricas de Patrones ROI

UX No Reconocida Como

Requerimiento de Alto-Nivel

Métricas de ROI Emergiendo

Complejidad del DesarrolloEs Un Reto Central

6

WPF?!

.NET Framework 3.0

Windows Presentation Foundation

Un enfoque productivo y unificado

hacia la creación de IU, medios y

documentos para entregar experiencias

de usuario sin precedentes

Escenarios Clave

Clientes Inteligentes Windows de Nueva Generación:

• Aplicaciones de escritorio instaladas

• Aplicaciones de Navegador (XAML Browser Application)

• Puesta en producción flexible

Windows Presentation Foundation

• Entregar Interfaces de Usuario Innovadoras

• Incrementar la Productividad Desarrollador-

Diseñador

• Lograr una Puesta en Producción Flexible

• Aprovechar la Base de Código y Conjunto de

Habilidades Existentes

UX Superior con IU, Medios y Documentos

Un enfoque productivo y unificado hacia IU, medios y documentos para entregar UX sin precedentes

Capacidades de WPF

2D

3D

AudioImaging

TextVideoEffects

Composition Engine

Animation

XAML

Accessibility

Property System

Input & Eventing

Servicios de Documentos

Packaging Services

Application Services

Deployment Services

Controls

Layout

Databinding

Servicios de Interfaz de Usuario

Capa de Integración de Medios Servicios Base

XPS Documents

Lo Básico de la Plataforma: Controles, Layout y Vectores

Productividad Diseñador-Desarrollador

• Herramientas de Microsoft para Diseñadores y Desarrolladores

• Programación Declarativa a través de XAML

• Herramientas de Terceros (ej. Aurora de Mobiform, ZAM 3D de Electric Rain)

Diseñadores diseñan

Con XAML los

diseñadores y

desarrolladores pueden

mejorar

considerablemente su

colaboración

Desarrolladores agregan lógica de negocio

Programación Declarativa a Través de XAML

XAML = Extensible Application Markup Language•Markup declarativo fácil de usar•Código y contenido están separados•Puede renderizarse en el browser o en una app

standalone

<Button Width="100"> Aceptar <Button.Background> LightBlue </Button.Background></Button>

XAML

Button b1 = new Button();b1.Content = “Aceptar";b1.Background = new SolidColorBrush(Colors.LightBlue);b1.Width = 100;

C#

Dim b1 As New Buttonb1.Content = “Aceptar"b1.Background = New _ SolidColorBrush(Colors.LightBlue)b1.Width = 100

VB.NET

15

Mi Primer XAML

16

Visual Studio y Expression

Lo Básico de la Plataforma: Texto y Lectura

18

Más Código: Texto y Lectura

Lo Básico de la Plataforma: Efectos, Medios, y 3D

20

Más Código: Medios

HostingDebería crear una experiencia en navegador o una experiencia windows?• Dos formas de hacer el hosting de la aplicación:

Standalone XBAP

• Standalone: Se instalan, corren en ventanas independientes, pueden correr online o offline, corren con full trust

• XBAP: No se instalan, corren en el navegador, solo funcionan online, corren en un sandbox de seguridad

Interoperabilidad

Adopte WPF incrementalmente, mientras se aprovecha la inversión existente.

WPF dentro de Windows Forms: WindowsFormsHost

Windows Forms dentro de WPF: ElementHost

Times Reader

24

¿Dónde obtengo las herramientas?

• Windows Vista Downloadshttp://msdn2.microsoft.com/en-us/windowsvista/aa904955.aspx

• Microsoft Expressionhttp://www.microsoft.com/products/expression

En Resumen…

Entrege Experiencias de Usuario Innovadoras

Incremente la Productividad Desarrollador-Diseñador

Logre una Puesta en Producción Flexible

Aproveche su Base de Código y Habilidades Existentes

Recursos

• WPF Community Site

http://wpf.netfx3.com• Desarrollador Cinco Estrellas

http://www.dce2005.com• Microsoft e-learning• https://www.microsoftelearning.com/eLearning/courseDetai

l.aspx?courseId=68394• Bloggers

– Rob Relyea: http://rrelyea.spaces.live.com– Filipe Fortes: http://fortes.com/work