Exportar (0) Imprimir
Expandir todo
Expandir Minimizar

Introducción a la arquitectura de WPF/E

2006

Publicado: 26 de Enero de 2007

Barak Cohen
Microsoft Corporation

Este artículo se aplica a: vista preliminar para la comunidad tecnológica (CTP) de "WPF/E" (nombre en código)

Resumen: Estas notas del producto proporcionan una introducción de alto nivel a la arquitectura de "WPF/E" y explican cómo se ajusta a la oferta de Microsoft para crear aplicaciones Web de la próxima generación. Asimismo, estas notas del producto proporcionan una revisión arquitectónica de la tecnología de "WPF/E".

En esta página

Introducción Introducción
"WPF/E" como parte de un continuo de experiencia del usuario "WPF/E" como parte de un continuo de experiencia del usuario
Arquitectura de "WPF/E" Arquitectura de "WPF/E"
Implementación y paquete Implementación y paquete
Escenarios para utilizar "WPF/E" Escenarios para utilizar "WPF/E"
Conclusión Conclusión

Introducción

"WPF/E" es el nombre de código de una nueva tecnología de presentación Web entre exploradores que permite la entrega de experiencias Web avanzadas, sensacionales visualmente e interactivas que se pueden ejecutar en todas partes. "WPF/E" es coherente con la arquitectura del Web que tiene un eficaz marcado declarativo que se puede manipular con JavaScript. Estas notas del producto proporcionan una revisión arquitectónica de la tecnología de "WPF/E".

"WPF/E" como parte de un continuo de experiencia del usuario

Ahora más que nunca, los clientes exigen aplicaciones y experiencias en línea que no sólo cumplen sus necesidades individuales en términos de efectividad y eficacia, sino que también tratan la percepción de satisfacción del usuario con productos y servicios de una compañía. En la mayoría de los casos, el nivel de satisfacción tendrá una red y un efecto emocional, dando formas a percepciones de la compañía como un todo y, como extensión, las percepciones de aquéllos con los que entran en contacto las personas. Microsoft reconoce esta conexión y ha realizado un compromiso renovado con la experiencia del usuario (UX) como parte de la experiencia de un extremo a otro. UX es más que una bonita IU; es la agregación del punto de interacción de un usuario con una aplicación. Nuestra misión es, por lo tanto, activar una gran experiencia de usuario siempre que el cliente lo necesite: en el Web, en los dispositivos, en Office y en Windows.

Dos ejemplos recientes de la inversión de Microsoft en UX son Microsoft Windows Vista y Microsoft Office 2007. Al centrarse primero en la experiencia de usuario final, se realizaron cambios sutiles y algo radicales en ambos productos para tratar la productividad y la satisfacción.

  • Windows Vista introduce sencillas formas de visualizar y organizar los archivos, multimedia y comunicaciones. En todos los casos de la IU, se centró primero en la experiencia y realización de tareas centradas en el usuario. Otros ejemplos de la atención en UX incluyen el nuevo modificador de tareas (Alt+Tab) y notificación por señal Wi-Fi.

  • Microsoft Office 2007 ha introducido el nuevo concepto de "cinta" para reemplazar las barras de herramientas tradicionales. Como extensión natural, la cinta reduce el tiempo para buscar una función determinada en la aplicación de Office hasta en unos 10 segundos.

Estas dos decisiones se vieron muy influenciadas por el diseño y los diseñadores, que trabajan en colaboración con el resto del equipo de desarrollo. Para obtener más información, visite http://www.microsoft.com/design.

Figura 1. Continuo de UX de Microsoft

Desde la perspectiva de una plataforma, Microsoft introduce una coherente oferta que utiliza habilidades comunes para tratar las distintas superficies de interacción de aplicaciones, tal como se indica en la figura 1.

  • AJAX de ASP.NET ofrece las ventajas del soporte técnico estándar de Microsoft (soporte técnico las 24 horas del día durante un período de 10 años) para aplicaciones compatibles con AJAX basadas en estándares Web. Permite a las aplicaciones Web estándar ser más eficaces mejorando los parámetros de interacción de la aplicación (como la actualización, uso de recursos y exploración).

  • Para experiencias Web que necesitan la animación en 2-D, gráficos vectoriales y audio y vídeo con alta fidelidad en el Web, se ha introducido "WPF/E" para ampliar la capacidad del explorador para representar XAML además de HTML. Al incluir la arquitectura Web para el desarrollo, incluyendo AJAX (que corresponde a las siglas en inglés de JavaScript asíncrono+XML) estándar de la industria y marcado XML en línea (XAML) para la presentación, Microsoft trabaja para sacar elementos avanzados en páginas Web fuera de la "caja negra" que existe hoy. Como ventaja adicional, el contenido creado en "WPF/E" y AJAX de ASP.NET se detecta mejor al ofrecer las ventajas de ser para varias plataformas (Windows y Macintosh) y varios exploradores (Internet Explorer, Firefox, Safari).

  • AJAX de ASP.NET y "WPF/E" están diseñados para ser tecnologías complementarias. En el sentido más amplio, "WPF/E" puede interactuar con cualquier aplicación de AJAX, tanto en el cliente como en el servidor. Los ejemplos de dicha integración incluyen aplicaciones de mapas, reproducción de vídeo con presentación avanzada, etc.

  • Para aplicaciones conectadas en Windows, Microsoft proporciona la capa de programación .NET Framework 3.0 (distribuida con Windows Vista y disponible para Windows XP) que incluye Windows Presentation Foundation (WPF). Mediante WPF, se pueden crear aplicaciones y experiencias avanzadas, amplias y conectadas que pueden aprovechar completamente la plataforma Windows, incluidos IU, multimedia, comunicación sin conexión y compatibilidad con documentos. WPF utiliza un supraconjunto del mismo XAML utilizado por "WPF/E".

Figura 2. Oferta de un extremo a otro de Microsoft para UX

Como se muestra en la figura 2, "WPF/E" no es una isla aislada; es una parte de una oferta de un extremo a otro coherente que permite llevar las experiencias en aplicaciones al siguiente nivel. Esta oferta incluye componentes, herramientas (Microsoft Expression y Microsoft Visual Studio) y tecnologías de UX de servidor.

Arquitectura de "WPF/E"

"WPF/E" tiene unas pocas propiedades básicas. Debe:

  • Mejorar distintos exploradores en Windows y Macintosh.

  • Poder representar XAML.

  • Poder presentar multimedia (música y vídeo).

  • Permitir la programación que sea coherente con el modelo de programación Web.

  • Ser pequeño.

"WPF/E" se diseño para ocuparse de estas propiedades, como se muestra en la figura 3.

  • Complemento del explorador ligero: "WPF/E" dispone de módulos Windows y Macintosh diseñados para mejorar los exploradores Internet Explorer (versiones 6.0 y 7.0), Firefox 2.0 y Safari. La versión CTP de diciembre de 2006 para Windows tiene un tamaño de 1,1 MB.

  • Tiempo de ejecución de presentación nativa: mejora del explorador basado en software que permite representar gráficos en 2-D, texto y multimedia interactivos basados en XAML, además de la representación nativa del explorador de HTML. XAML se puede utilizar en línea, en un archivo o en un paquete.

  • Vídeo y audio interactivos: tiempo de ejecución de multimedia independiente para varias plataformas que puede representar contenido de Windows Media (WMV y WMA) además de MP3 (disponible después de la versión CTP de diciembre de 2006). El vídeo y el audio se administran como un elemento multimedia en XAML, lo que permite flexibilidad en su presentación. Además, la compatibilidad con multimedia aprovecha la gran infraestructura y ecosistema de Windows Media, lo que permite una entrega rentable de multimedia de calidad superior.

  • Capa de programación: de forma coherente con la arquitectura Web, XAML de "WPF/E" se expone mediante un modelo DOM para JavaScript. De esa forma, los programas AJAX pueden utilizar la capacidad de representación de marcado extensible con los mismos paradigmas y prácticas de programación (en el cliente y en el servidor). Después de la versión CTP de diciembre de 2006, también activaremos un modelo de programación con códigos administrados mediante un subconjunto de CLR completo que mejorará la programación de los exploradores para permitir aplicaciones Web con mayor rendimiento y escalabilidad.

Implementación y paquete

Se puede crear contenido para una página Web que contenga elementos "WPF/E" mediante las siguientes tácticas:

  • XAML y JavaScript en línea.

  • Archivos XAML y JavaScript externos.

  • Paquete de contenido comprimido (disponible después de la versión CTP de diciembre de 2006) que contiene XAML, código administrado, imágenes, fuentes y multimedia. Se puede hacer referencia a orígenes de multimedia de transmisión desde elementos multimedia de XAML.

Figura 4. Paquete de "WPF/E" (después de la versión CTP de diciembre de 2006)

Creemos que la flexibilidad del paquete de aplicaciones y la coherencia de la arquitectura de aplicaciones con las operaciones y estándares Web crearán muchas oportunidades de mejorar el impacto y efectividad de las aplicaciones Web, lo que permitirá aplicaciones más escalables, tolerantes a errores y dinámicas (pueden cambiar su marcado sobre la marcha), así como contenido más reconocible.

Las páginas Web que requieren "WPF/E" pueden detectar si el complemento de "WPF/E" está instalado y pueden guiar a los usuarios para descargarlo e instalarlo (mediante un redireccionamiento o una etiqueta de objeto). El SDK de "WPF/E" dispone de documentación sobre eso.

Escenarios para utilizar "WPF/E"

"WPF/E" es perfecto para los siguientes escenarios de aplicaciones Web que abarcan muchos escenarios reales:

  • Multimedia de Web: reproducción marcada con mezcla de eventos, vídeo y marketing, vídeos dinámicos con anuncios, reproducción de audio, etc.

  • Numerosas islas en una página (miniaplicaciones): juegos y gadgets ocasionales

  • Elementos de visualización Web: propiedades de exploración, visualización de datos y anuncios

"WPF/E" está diseñado para el contenido de páginas Web conectado a su host (no funcionará sin conexión), que capta la atención del usuario y que se puede representar en cualquier explorador.

Conclusión

Este artículo ha proporcionado una introducción de alto nivel a la arquitectura de "WPF/E" y cómo se ajusta a la oferta de Microsoft para crear aplicaciones Web de la próxima generación. "WPF/E" forma parte de una mayor revolución de cómo se diseñan, crean y entregan las aplicaciones. Con modelos de programación flexible y IU basada en marcado, los negocios podrán ofrecer mejores experiencias de la forma correcta para sus clientes.

Mostrar:
© 2014 Microsoft